@import url(https://fonts.cdnfonts.com/css/montserrat);
@import url(https://fonts.cdnfonts.com/css/russo-one);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaCond-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaCond-Light.ttf);
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaCond-LightIt.ttf);
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: ProximaNova-Condensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaCond-Semibold.ttf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-ExtraCondensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaExCn-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-ExtraCondensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaExCn-Light.ttf);
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-ExtraCondensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaExCn-Semibold.ttf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova-ExtraCondensed;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNovaExCn-Bold.ttf);
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Regular-Italic.ttf);
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Semibold.ttf);
    font-weight: 500
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-SemiboldIt.ttf);
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Light.ttf);
    font-weight: 100
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-LightItalic.ttf);
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Bold.ttf);
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-BoldItalic.ttf);
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Extrabld.ttf);
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-ExtraBold-Italic.ttf);
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: ProximaNovaBlack;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Black.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../src/eternal-core/assets/fonts/ProximaNova//ProximaNova-Thin.ttf);
    font-weight: 300;
    font-style: normal
}
:root {
    --e-main: 77, 255, 212;
    --e-background: 12, 12, 12
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

a {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

html {
  overflow-y: hidden;
}

html, body {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: UniNeue;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

html {
  height: 100%;
}

div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  list-style: none;
  margin: 0;
  padding: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
  display: block;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

table caption, table th, table td {
  text-align: left;
  vertical-align: middle;
}

a img {
  border: 0;
}

:focus {
  outline: 0;
}

b {
  font-weight: 900;
  font-family: "RF Dewi Extended";
}

* {
  box-sizing: border-box;
}

input {
  border: none;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.margin-bottom {
  margin-bottom: 18px;
}

ul {
  list-style: none;
}

button {
  border: none;
}
.box-KeyInfo {
  position: absolute;
  border-radius: 4px;
  display: flex;
  align-items: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  .box-KeyInfo {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo {
    font-size: 44.1px;
  }
}
.box-KeyInfo.relative {
  position: relative;
}
.box-KeyInfo .KeyInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: black;
  border-radius: 4px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo {
    height: 126px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo {
    font-size: 81.9px;
  }
}
.box-KeyInfo .KeyInfo.text {
  text-transform: none;
}
@media (max-width: 799px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyInfo .KeyInfo.text {
    font-size: 69.3px;
  }
}
.box-KeyInfo.big .KeyInfo {
  font-size: 24px;
}
.box-KeyInfo.top {
  top: 40px;
}
.box-KeyInfo.bottom {
  bottom: 40px;
}
.box-KeyInfo.bottom-100 {
  bottom: 100px;
}
.box-KeyInfo.left {
  left: 40px;
}
.box-KeyInfo.left-0 {
  left: 0;
}
.box-KeyInfo.right {
  right: 40px;
}
.box-KeyInfo.right-0 {
  right: 0;
}
.box-KeyInfo.center {
  left: 50%;
  transform: translate(-50%, 0);
}

#casesCarusel.translate3d0 {
  transform: translateX(-0px);
}
#casesCarusel.translate3d-0 {
  transform: translateX(0px);
}
#casesCarusel.translate3d1 {
  transform: translateX(-1px);
}
#casesCarusel.translate3d-1 {
  transform: translateX(1px);
}
#casesCarusel.translate3d2 {
  transform: translateX(-2px);
}
#casesCarusel.translate3d-2 {
  transform: translateX(2px);
}
#casesCarusel.translate3d3 {
  transform: translateX(-3px);
}
#casesCarusel.translate3d-3 {
  transform: translateX(3px);
}
#casesCarusel.translate3d4 {
  transform: translateX(-4px);
}
#casesCarusel.translate3d-4 {
  transform: translateX(4px);
}
#casesCarusel.translate3d5 {
  transform: translateX(-5px);
}
#casesCarusel.translate3d-5 {
  transform: translateX(5px);
}
#casesCarusel.translate3d6 {
  transform: translateX(-6px);
}
#casesCarusel.translate3d-6 {
  transform: translateX(6px);
}
#casesCarusel.translate3d7 {
  transform: translateX(-7px);
}
#casesCarusel.translate3d-7 {
  transform: translateX(7px);
}
#casesCarusel.translate3d8 {
  transform: translateX(-8px);
}
#casesCarusel.translate3d-8 {
  transform: translateX(8px);
}
#casesCarusel.translate3d9 {
  transform: translateX(-9px);
}
#casesCarusel.translate3d-9 {
  transform: translateX(9px);
}
#casesCarusel.translate3d10 {
  transform: translateX(-10px);
}
#casesCarusel.translate3d-10 {
  transform: translateX(10px);
}
#casesCarusel.translate3d11 {
  transform: translateX(-11px);
}
#casesCarusel.translate3d-11 {
  transform: translateX(11px);
}
#casesCarusel.translate3d12 {
  transform: translateX(-12px);
}
#casesCarusel.translate3d-12 {
  transform: translateX(12px);
}
#casesCarusel.translate3d13 {
  transform: translateX(-13px);
}
#casesCarusel.translate3d-13 {
  transform: translateX(13px);
}
#casesCarusel.translate3d14 {
  transform: translateX(-14px);
}
#casesCarusel.translate3d-14 {
  transform: translateX(14px);
}
#casesCarusel.translate3d15 {
  transform: translateX(-15px);
}
#casesCarusel.translate3d-15 {
  transform: translateX(15px);
}
#casesCarusel.translate3d16 {
  transform: translateX(-16px);
}
#casesCarusel.translate3d-16 {
  transform: translateX(16px);
}
#casesCarusel.translate3d17 {
  transform: translateX(-17px);
}
#casesCarusel.translate3d-17 {
  transform: translateX(17px);
}
#casesCarusel.translate3d18 {
  transform: translateX(-18px);
}
#casesCarusel.translate3d-18 {
  transform: translateX(18px);
}
#casesCarusel.translate3d19 {
  transform: translateX(-19px);
}
#casesCarusel.translate3d-19 {
  transform: translateX(19px);
}
#casesCarusel.translate3d20 {
  transform: translateX(-20px);
}
#casesCarusel.translate3d-20 {
  transform: translateX(20px);
}
#casesCarusel.translate3d21 {
  transform: translateX(-21px);
}
#casesCarusel.translate3d-21 {
  transform: translateX(21px);
}
#casesCarusel.translate3d22 {
  transform: translateX(-22px);
}
#casesCarusel.translate3d-22 {
  transform: translateX(22px);
}
#casesCarusel.translate3d23 {
  transform: translateX(-23px);
}
#casesCarusel.translate3d-23 {
  transform: translateX(23px);
}
#casesCarusel.translate3d24 {
  transform: translateX(-24px);
}
#casesCarusel.translate3d-24 {
  transform: translateX(24px);
}
#casesCarusel.translate3d25 {
  transform: translateX(-25px);
}
#casesCarusel.translate3d-25 {
  transform: translateX(25px);
}
#casesCarusel.translate3d26 {
  transform: translateX(-26px);
}
#casesCarusel.translate3d-26 {
  transform: translateX(26px);
}
#casesCarusel.translate3d27 {
  transform: translateX(-27px);
}
#casesCarusel.translate3d-27 {
  transform: translateX(27px);
}
#casesCarusel.translate3d28 {
  transform: translateX(-28px);
}
#casesCarusel.translate3d-28 {
  transform: translateX(28px);
}
#casesCarusel.translate3d29 {
  transform: translateX(-29px);
}
#casesCarusel.translate3d-29 {
  transform: translateX(29px);
}
#casesCarusel.translate3d30 {
  transform: translateX(-30px);
}
#casesCarusel.translate3d-30 {
  transform: translateX(30px);
}
#casesCarusel.translate3d31 {
  transform: translateX(-31px);
}
#casesCarusel.translate3d-31 {
  transform: translateX(31px);
}
#casesCarusel.translate3d32 {
  transform: translateX(-32px);
}
#casesCarusel.translate3d-32 {
  transform: translateX(32px);
}
#casesCarusel.translate3d33 {
  transform: translateX(-33px);
}
#casesCarusel.translate3d-33 {
  transform: translateX(33px);
}
#casesCarusel.translate3d34 {
  transform: translateX(-34px);
}
#casesCarusel.translate3d-34 {
  transform: translateX(34px);
}
#casesCarusel.translate3d35 {
  transform: translateX(-35px);
}
#casesCarusel.translate3d-35 {
  transform: translateX(35px);
}
#casesCarusel.translate3d36 {
  transform: translateX(-36px);
}
#casesCarusel.translate3d-36 {
  transform: translateX(36px);
}
#casesCarusel.translate3d37 {
  transform: translateX(-37px);
}
#casesCarusel.translate3d-37 {
  transform: translateX(37px);
}
#casesCarusel.translate3d38 {
  transform: translateX(-38px);
}
#casesCarusel.translate3d-38 {
  transform: translateX(38px);
}
#casesCarusel.translate3d39 {
  transform: translateX(-39px);
}
#casesCarusel.translate3d-39 {
  transform: translateX(39px);
}
#casesCarusel.translate3d40 {
  transform: translateX(-40px);
}
#casesCarusel.translate3d-40 {
  transform: translateX(40px);
}
#casesCarusel.translate3d41 {
  transform: translateX(-41px);
}
#casesCarusel.translate3d-41 {
  transform: translateX(41px);
}
#casesCarusel.translate3d42 {
  transform: translateX(-42px);
}
#casesCarusel.translate3d-42 {
  transform: translateX(42px);
}
#casesCarusel.translate3d43 {
  transform: translateX(-43px);
}
#casesCarusel.translate3d-43 {
  transform: translateX(43px);
}
#casesCarusel.translate3d44 {
  transform: translateX(-44px);
}
#casesCarusel.translate3d-44 {
  transform: translateX(44px);
}
#casesCarusel.translate3d45 {
  transform: translateX(-45px);
}
#casesCarusel.translate3d-45 {
  transform: translateX(45px);
}
#casesCarusel.translate3d46 {
  transform: translateX(-46px);
}
#casesCarusel.translate3d-46 {
  transform: translateX(46px);
}
#casesCarusel.translate3d47 {
  transform: translateX(-47px);
}
#casesCarusel.translate3d-47 {
  transform: translateX(47px);
}
#casesCarusel.translate3d48 {
  transform: translateX(-48px);
}
#casesCarusel.translate3d-48 {
  transform: translateX(48px);
}
#casesCarusel.translate3d49 {
  transform: translateX(-49px);
}
#casesCarusel.translate3d-49 {
  transform: translateX(49px);
}
#casesCarusel.translate3d50 {
  transform: translateX(-50px);
}
#casesCarusel.translate3d-50 {
  transform: translateX(50px);
}
#casesCarusel.translate3d51 {
  transform: translateX(-51px);
}
#casesCarusel.translate3d-51 {
  transform: translateX(51px);
}
#casesCarusel.translate3d52 {
  transform: translateX(-52px);
}
#casesCarusel.translate3d-52 {
  transform: translateX(52px);
}
#casesCarusel.translate3d53 {
  transform: translateX(-53px);
}
#casesCarusel.translate3d-53 {
  transform: translateX(53px);
}
#casesCarusel.translate3d54 {
  transform: translateX(-54px);
}
#casesCarusel.translate3d-54 {
  transform: translateX(54px);
}
#casesCarusel.translate3d55 {
  transform: translateX(-55px);
}
#casesCarusel.translate3d-55 {
  transform: translateX(55px);
}
#casesCarusel.translate3d56 {
  transform: translateX(-56px);
}
#casesCarusel.translate3d-56 {
  transform: translateX(56px);
}
#casesCarusel.translate3d57 {
  transform: translateX(-57px);
}
#casesCarusel.translate3d-57 {
  transform: translateX(57px);
}
#casesCarusel.translate3d58 {
  transform: translateX(-58px);
}
#casesCarusel.translate3d-58 {
  transform: translateX(58px);
}
#casesCarusel.translate3d59 {
  transform: translateX(-59px);
}
#casesCarusel.translate3d-59 {
  transform: translateX(59px);
}
#casesCarusel.translate3d60 {
  transform: translateX(-60px);
}
#casesCarusel.translate3d-60 {
  transform: translateX(60px);
}
#casesCarusel.translate3d61 {
  transform: translateX(-61px);
}
#casesCarusel.translate3d-61 {
  transform: translateX(61px);
}
#casesCarusel.translate3d62 {
  transform: translateX(-62px);
}
#casesCarusel.translate3d-62 {
  transform: translateX(62px);
}
#casesCarusel.translate3d63 {
  transform: translateX(-63px);
}
#casesCarusel.translate3d-63 {
  transform: translateX(63px);
}
#casesCarusel.translate3d64 {
  transform: translateX(-64px);
}
#casesCarusel.translate3d-64 {
  transform: translateX(64px);
}
#casesCarusel.translate3d65 {
  transform: translateX(-65px);
}
#casesCarusel.translate3d-65 {
  transform: translateX(65px);
}
#casesCarusel.translate3d66 {
  transform: translateX(-66px);
}
#casesCarusel.translate3d-66 {
  transform: translateX(66px);
}
#casesCarusel.translate3d67 {
  transform: translateX(-67px);
}
#casesCarusel.translate3d-67 {
  transform: translateX(67px);
}
#casesCarusel.translate3d68 {
  transform: translateX(-68px);
}
#casesCarusel.translate3d-68 {
  transform: translateX(68px);
}
#casesCarusel.translate3d69 {
  transform: translateX(-69px);
}
#casesCarusel.translate3d-69 {
  transform: translateX(69px);
}
#casesCarusel.translate3d70 {
  transform: translateX(-70px);
}
#casesCarusel.translate3d-70 {
  transform: translateX(70px);
}
#casesCarusel.translate3d71 {
  transform: translateX(-71px);
}
#casesCarusel.translate3d-71 {
  transform: translateX(71px);
}
#casesCarusel.translate3d72 {
  transform: translateX(-72px);
}
#casesCarusel.translate3d-72 {
  transform: translateX(72px);
}
#casesCarusel.translate3d73 {
  transform: translateX(-73px);
}
#casesCarusel.translate3d-73 {
  transform: translateX(73px);
}
#casesCarusel.translate3d74 {
  transform: translateX(-74px);
}
#casesCarusel.translate3d-74 {
  transform: translateX(74px);
}
#casesCarusel.translate3d75 {
  transform: translateX(-75px);
}
#casesCarusel.translate3d-75 {
  transform: translateX(75px);
}
#casesCarusel.translate3d76 {
  transform: translateX(-76px);
}
#casesCarusel.translate3d-76 {
  transform: translateX(76px);
}
#casesCarusel.translate3d77 {
  transform: translateX(-77px);
}
#casesCarusel.translate3d-77 {
  transform: translateX(77px);
}
#casesCarusel.translate3d78 {
  transform: translateX(-78px);
}
#casesCarusel.translate3d-78 {
  transform: translateX(78px);
}
#casesCarusel.translate3d79 {
  transform: translateX(-79px);
}
#casesCarusel.translate3d-79 {
  transform: translateX(79px);
}
#casesCarusel.translate3d80 {
  transform: translateX(-80px);
}
#casesCarusel.translate3d-80 {
  transform: translateX(80px);
}
#casesCarusel.translate3d81 {
  transform: translateX(-81px);
}
#casesCarusel.translate3d-81 {
  transform: translateX(81px);
}
#casesCarusel.translate3d82 {
  transform: translateX(-82px);
}
#casesCarusel.translate3d-82 {
  transform: translateX(82px);
}
#casesCarusel.translate3d83 {
  transform: translateX(-83px);
}
#casesCarusel.translate3d-83 {
  transform: translateX(83px);
}
#casesCarusel.translate3d84 {
  transform: translateX(-84px);
}
#casesCarusel.translate3d-84 {
  transform: translateX(84px);
}
#casesCarusel.translate3d85 {
  transform: translateX(-85px);
}
#casesCarusel.translate3d-85 {
  transform: translateX(85px);
}
#casesCarusel.translate3d86 {
  transform: translateX(-86px);
}
#casesCarusel.translate3d-86 {
  transform: translateX(86px);
}
#casesCarusel.translate3d87 {
  transform: translateX(-87px);
}
#casesCarusel.translate3d-87 {
  transform: translateX(87px);
}
#casesCarusel.translate3d88 {
  transform: translateX(-88px);
}
#casesCarusel.translate3d-88 {
  transform: translateX(88px);
}
#casesCarusel.translate3d89 {
  transform: translateX(-89px);
}
#casesCarusel.translate3d-89 {
  transform: translateX(89px);
}
#casesCarusel.translate3d90 {
  transform: translateX(-90px);
}
#casesCarusel.translate3d-90 {
  transform: translateX(90px);
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
/*!
Pure v1.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.pure-g {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table .pure-g {
    display: block;
  }
}
.opera-only:-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}

.pure-u,
.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
  display: inline-block;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-g [class*=pure-u] {
  font-family: sans-serif;
}

.pure-u-1-24 {
  width: 4.1667%;
}

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%;
}

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5%;
}

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%;
}

.pure-u-1-5 {
  width: 20%;
}

.pure-u-5-24 {
  width: 20.8333%;
}

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%;
}

.pure-u-7-24 {
  width: 29.1667%;
}

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%;
}

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5%;
}

.pure-u-2-5 {
  width: 40%;
}

.pure-u-10-24,
.pure-u-5-12 {
  width: 41.6667%;
}

.pure-u-11-24 {
  width: 45.8333%;
}

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%;
}

.pure-u-13-24 {
  width: 54.1667%;
}

.pure-u-14-24,
.pure-u-7-12 {
  width: 58.3333%;
}

.pure-u-3-5 {
  width: 60%;
}

.pure-u-15-24,
.pure-u-5-8 {
  width: 62.5%;
}

.pure-u-16-24,
.pure-u-2-3 {
  width: 66.6667%;
}

.pure-u-17-24 {
  width: 70.8333%;
}

.pure-u-18-24,
.pure-u-3-4 {
  width: 75%;
}

.pure-u-19-24 {
  width: 79.1667%;
}

.pure-u-4-5 {
  width: 80%;
}

.pure-u-20-24,
.pure-u-5-6 {
  width: 83.3333%;
}

.pure-u-21-24,
.pure-u-7-8 {
  width: 87.5%;
}

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%;
}

.pure-u-23-24 {
  width: 95.8333%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
  width: 100%;
}
ul {
  list-style: none;
}

button {
  border: none;
}

.inv-main .statistics-inv {
  display: flex;
  width: 100%;
  justify-content: center;
}

.statistics-inv .rd-m {
  background: rgba(27, 30, 40, 0.8);
  border-radius: 9px;
  width: 100%;
  padding: 27px;
}

.statistics-inv .rd-m.user {
  max-width: 408px;
}

.user-icon {
  background: rgb(232, 45, 191);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(232, 45, 191)), color-stop(100%, rgb(255, 56, 56)));
  background: linear-gradient(to bottom, rgb(232, 45, 191) 0%, rgb(255, 56, 56) 100%);
  border-radius: 6px;
}

.statistics-inv .rd-m.user .user-ava {
  background: linear-gradient(180deg, #E82DBF 0%, #FF3838 100%);
  color: #fff;
  font-size: 43px;
  display: flex;
  justify-content: center;
  height: 90px;
  width: 90px;
  align-items: center;
  border-radius: 6px;
}

.statistics-inv .center {
  justify-content: center;
  display: flex;
}

.statistics-inv .rd-m.user .center {
  margin-bottom: 15px;
}

.statistics-inv .rd-m.user .user-login {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.statistics-inv h3 {
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
}

.bottom-27 {
  margin-bottom: 27px;
}

.bottom-20 {
  margin-bottom: 20px;
}

.right-18 {
  margin-right: 18px;
}

.statistics-inv h4 {
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
}

.statistics-inv .info-label li {
  display: flex;
  margin-bottom: 11px;
}

.statistics-inv .info-label li span {
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}

.statistics-inv .info-label li span:nth-child(1) {
  color: #A7A7A7;
}

.statistics-inv .info-label li span:nth-child(2) {
  width: 100%;
  border-bottom: 1px solid #4C4D55;
  height: 15px;
  margin-right: 3px;
  margin-left: 3px;
}

.statistics-inv .info-label li span:nth-child(3) {
  color: #fff;
}

.statistics-inv .wrapper {
  display: flex;
  margin-bottom: 19px;
}

.statistics-inv .md-l {
  display: flex;
  flex-direction: column;
  max-width: 408px;
  width: 100%;
}

.statistics-inv .info-vehicle li span {
  color: #959697;
  font-size: 35px;
}

.statistics-inv .info-license li {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.statistics-inv .info-license li span {
  font-size: 52px;
  color: #959697;
}

.statistics-inv .info-license li span:nth-child(1) {
  margin-bottom: 17px;
}

.statistics-inv .info-license {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0px 30px;
}

.statistics-inv .info-license .circle-p {
  width: 14px;
  height: 14px;
  background: #3A4156;
  border-radius: 20px;
  transition: background 0.2s ease;
}

.statistics-inv .info-license .circle-p.active {
  background: #7949FF;
}

.user-license .info-license li:hover span:nth-child(2):not(.active) {
  background: #3E4A6C;
  transition: background 0.1s ease;
}

.statistics-inv .info-vehicle {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 11px 45px;
}

.statistics-inv .user-license .desc {
  color: #A7A7A7;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.statistics-inv .rd-m.user-info, .statistics-inv .rd-m.user-property {
  max-width: 408px;
}

.statistics-inv .rd-m.user-license {
  max-width: 834px;
}

.statistics-inv .offence ul:nth-child(5) {
  margin-bottom: 52px;
}

.statistics-inv .info-vehicle li span.active {
  background: linear-gradient(180deg, #E82DBF 0%, #FF3838 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.statistics-inv .info-license li span:nth-child(1).active {
  background: linear-gradient(180deg, #E82DBF 0%, #FF3838 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-1 {
  background: linear-gradient(180deg, #E82DBF 0%, #FF3838 100%);
}

.gradient-1:hover {
  background: linear-gradient(180deg, #D722AF 0%, #DF3232 100%);
}

.btn-ra {
  border-radius: 9px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  width: 100%;
}

.size-1 {
  max-width: 190px;
  padding: 16px;
}

[tooltip] {
  position: relative;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  padding: 8px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: rgba(27, 30, 40, 0.9);
  color: #fff;
  z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}
@font-face {
  font-family: "icomoon";
  src: url(../src/views/assets/fonts/icons//icomoon.ttf) format("truetype"), url(../src/views/assets/fonts/icons//icomoon.woff) format("woff"), url(/src/views/assets/fonts/icons/icomoon.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-p-radio:before {
  content: "\e412";
}

.icon-door:before {
  content: "\e433";
}

.icon-bullets:before {
  content: "\e434";
}

.icon-microphone:before {
  content: "\e435";
}

.icon-bank:before {
  content: "\e436";
}

.icon-money:before {
  content: "\e437";
}

.icon-engine:before {
  content: "\e438";
}

.icon-gas:before {
  content: "\e439";
}

.icon-close:before {
  content: "\e43a";
}

.icon-arrow:before {
  content: "\e43b";
}

.icon-send:before {
  content: "\e43c";
}

.icon-flatarrow:before {
  content: "\e43d";
}

.icon-twoarrow:before {
  content: "\e43e";
}

.icon-connect-good:before {
  content: "\e43f";
}

.icon-connect-medium:before {
  content: "\e440";
}

.icon-power-null:before {
  content: "\e441";
}

.icon-power-full:before {
  content: "\e442";
}

.icon-power-medium:before {
  content: "\e443";
}

.icon-phone-home:before {
  content: "\e444";
}

.icon-exit:before {
  content: "\e445";
}

.icon-dollar:before {
  content: "\e446";
}

.icon-star:before {
  content: "\e447";
}

.icon-helmet:before {
  content: "\e448";
}

.icon-helmet-table:before {
  content: "\e449";
}

.icon-success:before {
  content: "\e44a";
}

.icon-questions:before {
  content: "\e44b";
}

.icon-information:before {
  content: "\e44c";
}

.icon-error:before {
  content: "\e44d";
}

.icon-alert:before {
  content: "\e44e";
}

.icon-update:before {
  content: "\e44f";
}

.icon-ar-refresh:before {
  content: "\e450";
}

.icon-ar-close:before {
  content: "\e451";
}

.icon-p-bonus:before {
  content: "\e452";
}

.icon-p-rent:before {
  content: "\e453";
}

.icon-p-car:before {
  content: "\e454";
}

.icon-p-fraction:before {
  content: "\e455";
}

.icon-p-biz:before {
  content: "\e456";
}

.icon-p-add:before {
  content: "\e457";
}

.icon-p-sim:before {
  content: "\e458";
}

.icon-p-call-accept:before {
  content: "\e459";
}

.icon-p-call-cancel:before {
  content: "\e45a";
}

.icon-p-gps:before {
  content: "\e45b";
}

.icon-p-contacts:before {
  content: "\e45c";
}

.icon-p-gift:before {
  content: "\e45d";
}

.icon-p-lock:before {
  content: "\e45e";
}

.icon-p-bank:before {
  content: "\e45f";
}

.icon-p-hotel:before {
  content: "\e460";
}

.icon-bullet-2:before {
  content: "\e461";
}

.icon-p-house:before {
  content: "\edf2";
}

.icon-p-tent:before {
  content: "\e900";
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: local("Roboto"), url(../src/views/assets/fonts/Roboto//Roboto-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/Roboto//Roboto-Regular.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: local("Roboto"), url(../src/views/assets/fonts/Roboto//Roboto-Medium.woff2) format("woff2"), url(../src/views/assets/fonts/Roboto//Roboto-Medium.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: local("Roboto"), url(../src/views/assets/fonts/Roboto//Roboto-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/Roboto//Roboto-Bold.woff) format("woff");
}
@font-face {
  font-family: "Roboto-Condensed";
  font-weight: 700;
  font-style: normal;
  src: url(../src/views/assets/fonts/Roboto//RobotoCondensed-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/assets/fonts/UniNeue//UniNeueRegular.woff) format("woff"), url(../src/views/assets/fonts/UniNeue//UniNeueRegular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/assets/fonts/UniNeue//UniNeueLight.woff) format("woff"), url(../src/views/assets/fonts/UniNeue//UniNeueLight.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/assets/fonts/UniNeue//UniNeueBook.woff) format("woff"), url(../src/views/assets/fonts/UniNeue//UniNeueBook.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/assets/fonts/UniNeue//UniNeueBold.woff) format("woff"), url(../src/views/assets/fonts/UniNeue//UniNeueBold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "UniNeue";
  font-weight: 800;
  font-style: normal;
  src: url(../src/views/assets/fonts/UniNeue//UniNeueHeavy.woff2) format("woff2"), url(../src/views/assets/fonts/UniNeue//UniNeueHeavy.woff) format("woff");
}
@font-face {
  font-family: "Montserrat-Medium";
  font-weight: 500;
  font-style: normal;
  src: local("Montserrat-Medium"), url(../src/views/assets/fonts/Montserrat//Montserrat-Medium.ttf) format("ttf"), url(../src/views/assets/fonts/Montserrat//Montserrat-Medium.woff) format("woff");
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Regular.eot);
  src: local("RF Dewi Condensed Regular"), local("RFDewiCondensed-Regular"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Regular.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Black.eot);
  src: local("RF Dewi Expanded Black"), local("RFDewiExpanded-Black"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Black.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Black.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Ultralight.eot);
  src: local("RF Dewi Ultralight"), local("RFDewi-Ultralight"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultralight.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultralight.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Ultrabold.eot);
  src: local("RF Dewi Ultrabold"), local("RFDewi-Ultrabold"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultrabold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultrabold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Ultrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Black.eot);
  src: local("RF Dewi Black"), local("RFDewi-Black"), url(../src/views/assets/fonts/RFDewi//RFDewi-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Black.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Black.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultrabold.eot);
  src: local("RF Dewi Condensed Ultrabold"), local("RFDewiCondensed-Ultrabold"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultrabold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultrabold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultrabold.eot);
  src: local("RF Dewi Expanded Ultrabold"), local("RFDewiExpanded-Ultrabold"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultrabold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultrabold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-LightItalic.eot);
  src: local("RF Dewi Light Italic"), local("RFDewi-LightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-LightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-LightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Regular.eot);
  src: local("RF Dewi Regular"), local("RFDewi-Regular"), url(../src/views/assets/fonts/RFDewi//RFDewi-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Regular.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Bold.eot);
  src: local("RF Dewi Extended Bold"), local("RFDewiExtended-Bold"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Bold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Semibold.eot);
  src: local("RF Dewi Semibold"), local("RFDewi-Semibold"), url(../src/views/assets/fonts/RFDewi//RFDewi-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Semibold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Semibold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BlackItalic.eot);
  src: local("RF Dewi Expanded Black Italic"), local("RFDewiExpanded-BlackItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BlackItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-ThinItalic.eot);
  src: local("RF Dewi Condensed Thin Italic"), local("RFDewiCondensed-ThinItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-ThinItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-ThinItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Light.eot);
  src: local("RF Dewi Extended Light"), local("RFDewiExtended-Light"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Light.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Light.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Black.eot);
  src: local("RF Dewi Extended Black"), local("RFDewiExtended-Black"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Black.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Black.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Regular.eot);
  src: local("RF Dewi Extended Regular"), local("RFDewiExtended-Regular"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Regular.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Bold.eot);
  src: local("RF Dewi Bold"), local("RFDewi-Bold"), url(../src/views/assets/fonts/RFDewi//RFDewi-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Bold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Semibold.eot);
  src: local("RF Dewi Condensed Semibold"), local("RFDewiCondensed-Semibold"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Semibold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Semibold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Black.eot);
  src: local("RF Dewi Condensed Black"), local("RFDewiCondensed-Black"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Black.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Black.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-UltralightItalic.eot);
  src: local("RF Dewi Ultralight Italic"), local("RFDewi-UltralightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltralightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltralightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltralightItalic.eot);
  src: local("RF Dewi Extended Ultralight Italic"), local("RFDewiExtended-UltralightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltralightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltralightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltraboldItalic.eot);
  src: local("RF Dewi Extended Ultrabold Italic"), local("RFDewiExtended-UltraboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltraboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltraboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-UltraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltralightItalic.eot);
  src: local("RF Dewi Expanded Ultralight Italic"), local("RFDewiExpanded-UltralightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltralightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltralightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltraboldItalic.eot);
  src: local("RF Dewi Condensed Ultrabold Italic"), local("RFDewiCondensed-UltraboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltraboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltraboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Italic.eot);
  src: local("RF Dewi Extended Italic"), local("RFDewiExtended-Italic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Italic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Italic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Italic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultrabold.eot);
  src: local("RF Dewi Extended Ultrabold"), local("RFDewiExtended-Ultrabold"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultrabold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultrabold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-LightItalic.eot);
  src: local("RF Dewi Extended Light Italic"), local("RFDewiExtended-LightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-LightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-LightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Thin.eot);
  src: local("RF Dewi Extended Thin"), local("RFDewiExtended-Thin"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Thin.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Thin.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Thin.eot);
  src: local("RF Dewi Condensed Thin"), local("RFDewiCondensed-Thin"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Thin.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Thin.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BoldItalic.eot);
  src: local("RF Dewi Expanded Bold Italic"), local("RFDewiExpanded-BoldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BoldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Semibold.eot);
  src: local("RF Dewi Extended Semibold"), local("RFDewiExtended-Semibold"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Semibold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Semibold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Regular.eot);
  src: local("RF Dewi Expanded Regular"), local("RFDewiExpanded-Regular"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Regular.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultralight.eot);
  src: local("RF Dewi Condensed Ultralight"), local("RFDewiCondensed-Ultralight"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultralight.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultralight.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-SemiboldItalic.eot);
  src: local("RF Dewi Extended Semibold Italic"), local("RFDewiExtended-SemiboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-SemiboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-SemiboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BlackItalic.eot);
  src: local("RF Dewi Condensed Black Italic"), local("RFDewiCondensed-BlackItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BlackItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-BoldItalic.eot);
  src: local("RF Dewi Bold Italic"), local("RFDewi-BoldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-BoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-BoldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltraboldItalic.eot);
  src: local("RF Dewi Expanded Ultrabold Italic"), local("RFDewiExpanded-UltraboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltraboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltraboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-UltraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Thin.eot);
  src: local("RF Dewi Expanded Thin"), local("RFDewiExpanded-Thin"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Thin.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Thin.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Semibold.eot);
  src: local("RF Dewi Expanded Semibold"), local("RFDewiExpanded-Semibold"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Semibold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Semibold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltralightItalic.eot);
  src: local("RF Dewi Condensed Ultralight Italic"), local("RFDewiCondensed-UltralightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltralightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltralightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-LightItalic.eot);
  src: local("RF Dewi Expanded Light Italic"), local("RFDewiExpanded-LightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-LightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-LightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Bold.eot);
  src: local("RF Dewi Condensed Bold"), local("RFDewiCondensed-Bold"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Bold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-ThinItalic.eot);
  src: local("RF Dewi Expanded Thin Italic"), local("RFDewiExpanded-ThinItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-ThinItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-ThinItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-ThinItalic.eot);
  src: local("RF Dewi Thin Italic"), local("RFDewi-ThinItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-ThinItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-ThinItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Italic.eot);
  src: local("RF Dewi Condensed Italic"), local("RFDewiCondensed-Italic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Italic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Italic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Italic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-UltraboldItalic.eot);
  src: local("RF Dewi Ultrabold Italic"), local("RFDewi-UltraboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltraboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltraboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-UltraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Light.eot);
  src: local("RF Dewi Expanded Light"), local("RFDewiExpanded-Light"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Light.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Light.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Italic.eot);
  src: local("RF Dewi Expanded Italic"), local("RFDewiExpanded-Italic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Italic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Italic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Italic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Light.eot);
  src: local("RF Dewi Light"), local("RFDewi-Light"), url(../src/views/assets/fonts/RFDewi//RFDewi-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Light.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Light.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-SemiboldItalic.eot);
  src: local("RF Dewi Expanded Semibold Italic"), local("RFDewiExpanded-SemiboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-SemiboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-SemiboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BoldItalic.eot);
  src: local("RF Dewi Extended Bold Italic"), local("RFDewiExtended-BoldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BoldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Thin.eot);
  src: local("RF Dewi Thin"), local("RFDewi-Thin"), url(../src/views/assets/fonts/RFDewi//RFDewi-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Thin.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Thin.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BlackItalic.eot);
  src: local("RF Dewi Extended Black Italic"), local("RFDewiExtended-BlackItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BlackItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultralight.eot);
  src: local("RF Dewi Expanded Ultralight"), local("RFDewiExpanded-Ultralight"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultralight.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultralight.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Light.eot);
  src: local("RF Dewi Condensed Light"), local("RFDewiCondensed-Light"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Light.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Light.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultralight.eot);
  src: local("RF Dewi Extended Ultralight"), local("RFDewiExtended-Ultralight"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultralight.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultralight.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi Extended";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExtended-ThinItalic.eot);
  src: local("RF Dewi Extended Thin Italic"), local("RFDewiExtended-ThinItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-ThinItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-ThinItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExtended-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Bold.eot);
  src: local("RF Dewi Expanded Bold"), local("RFDewiExpanded-Bold"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Bold.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiExpanded-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-Italic.eot);
  src: local("RF Dewi Italic"), local("RFDewi-Italic"), url(../src/views/assets/fonts/RFDewi//RFDewi-Italic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-Italic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-Italic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-SemiboldItalic.eot);
  src: local("RF Dewi Condensed Semibold Italic"), local("RFDewiCondensed-SemiboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-SemiboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-SemiboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-LightItalic.eot);
  src: local("RF Dewi Condensed Light Italic"), local("RFDewiCondensed-LightItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-LightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-LightItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi Condensed";
  src: url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BoldItalic.eot);
  src: local("RF Dewi Condensed Bold Italic"), local("RFDewiCondensed-BoldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BoldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewiCondensed-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-BlackItalic.eot);
  src: local("RF Dewi Black Italic"), local("RFDewi-BlackItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-BlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-BlackItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/assets/fonts/RFDewi//RFDewi-SemiboldItalic.eot);
  src: local("RF Dewi Semibold Italic"), local("RFDewi-SemiboldItalic"), url(../src/views/assets/fonts/RFDewi//RFDewi-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/RFDewi//RFDewi-SemiboldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/RFDewi//RFDewi-SemiboldItalic.woff) format("woff"), url(../src/views/assets/fonts/RFDewi//RFDewi-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-Bold";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Bold.eot);
  src: local("TT Norms Pro Bold"), local("TTNormsPro-Bold"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Bold.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Bold.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-ExtraBoldItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBoldItalic.eot);
  src: local("TT Norms Pro ExtraBold Italic"), local("TTNormsPro-ExtraBoldItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBoldItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-ExtraLightItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLightItalic.eot);
  src: local("TT Norms Pro ExtraLight Italic"), local("TTNormsPro-ExtraLightItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLightItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-Thin";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Thin.eot);
  src: local("TT Norms Pro Thin"), local("TTNormsPro-Thin"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Thin.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Thin.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-ExtraBold";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBold.eot);
  src: local("TT Norms Pro ExtraBold"), local("TTNormsPro-ExtraBold"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBold.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBold.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-Regular";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Regular.eot);
  src: local("TT Norms Pro Regular"), local("TTNormsPro-Regular"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Regular.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Regular.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-ThinItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ThinItalic.eot);
  src: local("TT Norms Pro Thin Italic"), local("TTNormsPro-ThinItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ThinItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ThinItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-Light";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Light.eot);
  src: local("TT Norms Pro Light"), local("TTNormsPro-Light"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Light.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Light.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-MediumItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-MediumItalic.eot);
  src: local("TT Norms Pro Medium Italic"), local("TTNormsPro-MediumItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-MediumItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-MediumItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TTNormsPro-Italic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlackItalic.eot);
  src: local("TT Norms Pro ExtraBlack Italic"), local("TTNormsPro-ExtraBlackItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlackItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-ExtraLight";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLight.eot);
  src: local("TT Norms Pro ExtraLight"), local("TTNormsPro-ExtraLight"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLight.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLight.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-LightItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-LightItalic.eot);
  src: local("TT Norms Pro Light Italic"), local("TTNormsPro-LightItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-LightItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-LightItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-Medium";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Medium.eot);
  src: local("TT Norms Pro Medium"), local("TTNormsPro-Medium"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Medium.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Medium.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-ExtraBlack";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlack.eot);
  src: local("TT Norms Pro ExtraBlack"), local("TTNormsPro-ExtraBlack"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlack.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlack.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlack.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-ExtraBlack.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-BoldItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-BoldItalic.eot);
  src: local("TT Norms Pro Bold Italic"), local("TTNormsPro-BoldItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BoldItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BoldItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-BlackItalic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-BlackItalic.eot);
  src: local("TT Norms Pro Black Italic"), local("TTNormsPro-BlackItalic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BlackItalic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BlackItalic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TTNorms-Black";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Black.eot);
  src: local("TT Norms Pro Black"), local("TTNormsPro-Black"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Black.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Black.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TTNorms-Italic";
  src: url(../src/views/assets/fonts/TTNorms//TTNormsPro-Italic.eot);
  src: local("TT Norms Pro Italic"), local("TTNormsPro-Italic"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Italic.eot?#iefix) format("embedded-opentype"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Italic.woff2) format("woff2"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Italic.woff) format("woff"), url(../src/views/assets/fonts/TTNorms//TTNormsPro-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
.rangeslider, .rangeslider__fill {
  display: block;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider {
  height: 10px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #ffffff;
  position: absolute;
}

.rangeslider .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  border: 1px solid #000;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #ffffff;
}

.rangeslider .rangeslider__handle {
  top: 5px;
  left: 0;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type=range]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
#viewcontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  filter: blur(1px);
  z-index: 0;
  overflow: hidden;
}
#viewcontainer.active {
  pointer-events: auto;
  filter: blur(0px);
  z-index: 1;
}
#popuscontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: -1;
}
#popuscontainer.active {
  pointer-events: auto;
  z-index: 1;
}
#fadecontainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#fadecontainer .box-logo {
  position: absolute;
  background-image: url(/src/components/fadecontainer/logo.png);
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #fadecontainer .box-logo {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .box-logo {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .box-logo {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .box-logo {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .box-logo {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .box-logo {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .box-logo {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .box-logo {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .box-logo {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .box-logo {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .box-logo {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .box-logo {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .box-logo {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .box-logo {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .box-logo {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .box-logo {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #fadecontainer .box-logo {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .box-logo {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .box-logo {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .box-logo {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .box-logo {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .box-logo {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .box-logo {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .box-logo {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .box-logo {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .box-logo {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .box-logo {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .box-logo {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .box-logo {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .box-logo {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .box-logo {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .box-logo {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #fadecontainer .box-logo {
    top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .box-logo {
    top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .box-logo {
    top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .box-logo {
    top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .box-logo {
    top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .box-logo {
    top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .box-logo {
    top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .box-logo {
    top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .box-logo {
    top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .box-logo {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .box-logo {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .box-logo {
    top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .box-logo {
    top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .box-logo {
    top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .box-logo {
    top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .box-logo {
    top: 157.5px;
  }
}
@media (max-width: 799px) {
  #fadecontainer .box-logo {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .box-logo {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .box-logo {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .box-logo {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .box-logo {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .box-logo {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .box-logo {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .box-logo {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .box-logo {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .box-logo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .box-logo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .box-logo {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .box-logo {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .box-logo {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .box-logo {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .box-logo {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .box-logo {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .box-logo {
    left: 157.5px;
  }
}
#fadecontainer .pointBlock__circle {
  border-radius: 50%;
  background: white;
  animation: radar 2s linear infinite;
}
@media (max-width: 799px) {
  #fadecontainer .pointBlock__circle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .pointBlock__circle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .pointBlock__circle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .pointBlock__circle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .pointBlock__circle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .pointBlock__circle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .pointBlock__circle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .pointBlock__circle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .pointBlock__circle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .pointBlock__circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .pointBlock__circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .pointBlock__circle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .pointBlock__circle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .pointBlock__circle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .pointBlock__circle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .pointBlock__circle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .pointBlock__circle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .pointBlock__circle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .pointBlock__circle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .pointBlock__circle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #fadecontainer .pointBlock__circle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .pointBlock__circle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .pointBlock__circle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .pointBlock__circle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .pointBlock__circle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .pointBlock__circle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .pointBlock__circle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .pointBlock__circle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .pointBlock__circle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .pointBlock__circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .pointBlock__circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .pointBlock__circle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .pointBlock__circle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .pointBlock__circle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .pointBlock__circle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .pointBlock__circle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .pointBlock__circle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .pointBlock__circle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .pointBlock__circle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .pointBlock__circle {
    height: 63px;
  }
}
#fadecontainer .text-info {
  position: absolute;
  color: #3c4d54;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 799px) {
  #fadecontainer .text-info {
    bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fadecontainer .text-info {
    bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fadecontainer .text-info {
    bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fadecontainer .text-info {
    bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fadecontainer .text-info {
    bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fadecontainer .text-info {
    bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fadecontainer .text-info {
    bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fadecontainer .text-info {
    bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fadecontainer .text-info {
    bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fadecontainer .text-info {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fadecontainer .text-info {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fadecontainer .text-info {
    bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fadecontainer .text-info {
    bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fadecontainer .text-info {
    bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fadecontainer .text-info {
    bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fadecontainer .text-info {
    bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fadecontainer .text-info {
    bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fadecontainer .text-info {
    bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fadecontainer .text-info {
    bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #fadecontainer .text-info {
    bottom: 157.5px;
  }
}
@keyframes radar {
  0% {
    transform: scale(0.3, 0.3);
    opacity: 1;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
.background__filter {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  position: absolute;
  left: 0;
  top: 0;
}
@keyframes rightmenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.gta5devmenuf2 {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  display: flex;
  animation: rightmenu 0.5s ease-in-out;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.gta5devmenuf2 .leftmenu {
  width: 27.7778vh;
  height: 100%;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu {
  width: 84.35%;
  height: 100%;
  display: none;
  animation: rightmenu 0.5s ease-in-out;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu.active {
  display: flex;
}

.gta5devmenuf2 .leftmenu .headplayr {
  width: 27.7778vh;
  height: 7.5926vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: rgb(11, 11, 11);
}

.gta5devmenuf2 .leftmenu .menulist {
  width: 27.7778vh;
  max-height: 92.4074vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .leftmenu .headplayr img {
  width: 5vh;
  height: 5vh;
  margin-left: 2.6852vh;
  margin-right: 1.7593vh;
}

.gta5devmenuf2 .leftmenu .headplayr .infoplayer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .leftmenu .headplayr .infoplayer p {
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 0.0185vh;
  text-align: left;
  margin-bottom: 0.2778vh;
}

.gta5devmenuf2 .leftmenu .headplayr .infoplayer span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 600;
  line-height: 2.1296vh;
  letter-spacing: 0.0185vh;
  text-align: left;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav {
  width: 27.7778vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
  outline: none;
}

.gta5devmenuf2 .leftmenu .menulist ::marker {
  color: transparent;
  height: 0vh;
  width: 0vh;
}

.gta5devmenuf2 p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav .navblock {
  width: 27.7778vh;
  height: 4.8148vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  outline: none;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 27.7778vh;
  margin: 0vh;
  padding: 0vh;
  background: rgb(13, 13, 13);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav .navblock svg.icon {
  width: 1.7593vh;
  height: 1.7593vh;
  margin-left: 2.963vh;
  margin-right: 1.2963vh;
  fill: #fff;
  opacity: 0.2;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav .navblock p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav .navblock svg.arrow1 {
  width: 1.0185vh;
  height: 0.6481vh;
  margin-right: 2.4074vh;
  margin-left: auto;
  stroke: #fff;
  opacity: 0.5;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li {
  width: 27.7778vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li svg {
  width: 1.0185vh;
  height: 3.8889vh;
  stroke: #fff;
  margin-left: 2.7778vh;
  opacity: 0.2;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li p {
  width: 21.2963vh;
  height: 3.8889vh;
  border-radius: 0.5556vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  padding-left: 1.4815vh;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav .navblock svg.arrow2 {
  width: 0.6481vh;
  height: 1.0185vh;
  margin-left: auto;
  margin-right: 2.5463vh;
  stroke: #fff;
  opacity: 0.5;
}

.gta5devmenuf2 .rightmenu .topnav {
  background: rgb(20, 20, 20);
  height: 7.5926vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu {
  width: 100%;
  background: rgba(27, 27, 27, 0.94);
  height: 92.4074vh;
  max-height: 92.4074vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.gta5devmenuf2 .rightmenu .topnav h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.2222vh;
  font-weight: 600;
  line-height: 2.6852vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-left: 2.7778vh;
  text-transform: uppercase;
}

.gta5devmenuf2 .rightmenu .topnav .balance {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy {
  margin-left: 1.9444vh;
  width: 12.6852vh;
  height: 4.0741vh;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .topnav .esc {
  display: flex;
  margin-left: 1.6667vh;
  margin-right: 2.7778vh;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.gta5devmenuf2 .rightmenu .topnav .balance svg {
  width: 2.037vh;
  height: 2.037vh;
}

.gta5devmenuf2 .rightmenu .topnav .balance p {
  margin-left: 0.3704vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.037vh;
  font-weight: 600;
  line-height: 2.4074vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy svg {
  fill: rgb(255, 255, 255);
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.7407vh;
  opacity: 0.2;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .topnav .esc p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-right: 0.6481vh;
}

.gta5devmenuf2 .rightmenu .topnav .esc span {
  border-radius: 0.1852vh;
  background: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.4815vh;
  letter-spacing: 0.037vh;
  text-align: center;
  padding: 0.463vh 0.5556vh;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:hover .navblock, .gta5devmenuf2 .leftmenu .menulist li.namenav:focus .navblock {
  background: rgb(11, 11, 11);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:hover .navblock p, .gta5devmenuf2 .leftmenu .menulist li.namenav:focus p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:hover .navblock p, .gta5devmenuf2 .leftmenu .menulist li.namenav:focus svg {
  opacity: 1;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:focus ul.dropdown {
  display: flex;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li:hover svg {
  stroke: #00BBFF;
  opacity: 1;
  filter: drop-shadow(0vh 0vh 0.463vh #00BBFF);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li:hover p {
  background: rgba(255, 255, 255, 0.07);
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li.active svg {
  stroke: #00BBFF;
  opacity: 1;
  filter: drop-shadow(0vh 0vh 0.463vh #00BBFF);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav ul.dropdown li.active p {
  background: rgba(255, 255, 255, 0.07);
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy:hover svg {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .topnav .btnbuy:hover p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active .navblock {
  background: rgb(11, 11, 11);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active svg {
  opacity: 1;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active ul.dropdown {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .list1 {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  margin-right: 2.4074vh;
  display: flex;
  gap: 0.9259vh;
  justify-items: start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block {
  width: 35.2778vh;
  height: 13.4259vh;
  display: flex;
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-left: 2.4074vh;
  margin-top: 2.1296vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.9444vh;
  font-weight: 500;
  line-height: 2.3148vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-left: 2.4074vh;
  margin-top: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 2.4074vh;
  margin-top: 1.5741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block span b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.5vh;
}

.gta5devmenuf2 .rightmenu .menu::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block span .timeblock.active {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list1 .block span .timeblock {
  margin-right: 0.5vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block span .timeblock:hover {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active svg.icon {
  opacity: 1;
  fill: #00BBFF;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:focus svg.icon, .gta5devmenuf2 .leftmenu .menulist li.namenav:hover svg.icon {
  opacity: 1;
  fill: #00BBFF;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active svg.arrow1 {
  opacity: 1;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav.active svg.arrow2 {
  opacity: 1;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:focus svg.arrow1, .gta5devmenuf2 .leftmenu .menulist li.namenav:hover svg.arrow1 {
  opacity: 1;
}

.gta5devmenuf2 .leftmenu .menulist li.namenav:focus svg.arrow2, .gta5devmenuf2 .leftmenu .menulist li.namenav:hover svg.arrow2 {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars {
  width: 35.2778vh;
  height: 38.9815vh;
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .headblock {
  width: 35.2778vh;
  height: 17.5926vh;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-top: 1.3889vh;
  margin-bottom: 1.3889vh;
  margin-left: 1.8519vh;
  width: 31.5741vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-left: 1.8519vh;
  width: 31.5741vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar {
  margin-left: 1.8519vh;
  width: 31.5741vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .headblock img {
  width: 22.9796vh;
  height: 12.963vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar .fuel {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar .fuel svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.5556vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .infocar .fuel span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 400;
  line-height: 1.1111vh;
  letter-spacing: 0.037vh;
  text-align: center;
  padding: 0.1852vh 0.5556vh;
  border-radius: 0.1852vh;
  background: rgb(70, 70, 70);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar {
  width: 14.7222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1.2037vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .tophar {
  width: 14.7222vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .progbar {
  width: 14.7222vh;
  background: url(https://cdn.just-rp.online/imgur.com/XTUDQ5N.png);
  min-height: 0.1852vh;
  max-height: 0.1852vh;
  background-position: left;
  background-size: cover;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .tophar svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .tophar p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 400;
  line-height: 1.4815vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .tophar b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 400;
  line-height: 1.4815vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcars .harcar .blockhar .progbar .prog {
  width: 2%;
  max-width: 14.7222vh;
  background: url(https://cdn.just-rp.online/imgur.com/JG1Prea.png);
  min-height: 0.1852vh;
  max-height: 0.1852vh;
  background-position: left;
  background-size: cover;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse {
  width: 35.2778vh;
  height: 17.5926vh;
  border-radius: 0.463vh;
  background-size: cover !important;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse {
  width: 35.2778vh;
  height: 17.5926vh;
  background: linear-gradient(0deg, rgba(27, 27, 27, 0.7) 67%, rgba(27, 27, 27, 0.2) 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 1.3889vh;
  margin-left: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse {
  width: 31.5741vh;
  margin-bottom: 1.3889vh;
  margin-top: auto;
  margin-left: 1.8519vh;
  margin-right: 1.8519vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .lefthouse {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .righthouse {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .lefthouse p {
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .lefthouse b {
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .righthouse p {
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.2778vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockhouse .bgblockhouse .infohouse .righthouse p b {
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.3vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill {
  width: 35.2778vh;
  height: 14.2593vh;
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-top: 2.1296vh;
  margin-left: 2.4074vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.9444vh;
  font-weight: 500;
  line-height: 2.3148vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-top: 1.9444vh;
  margin-left: 2.4074vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: auto;
  margin-left: 2.4074vh;
  margin-bottom: 2.037vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .headskill {
  width: 31.5741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .bgprog {
  width: 31.5741vh;
  height: 0.2778vh;
  background: rgba(255, 255, 255, 0.05);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .headskill p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .headskill b {
  margin: 0;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .headskill b p {
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockskill .progskill .bgprog .progbar {
  width: 50%;
  height: 0.2778vh;
  max-width: 100%;
  background: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list2 {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  margin-right: 2.4074vh;
  max-height: 71.2963vh;
  display: flex;
  gap: 0.9259vh;
  justify-items: start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
}

.gta5devmenuf2 .rightmenu .menu .list2::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim {
  width: 27.963vh;
  height: 23.1481vh;
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim img {
  min-width: 15.7407vh;
  min-height: 15.7407vh;
  width: 15.7407vh;
  height: 15.7407vh;
  background-size: cover;
  margin-top: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim svg {
  width: 1.4815vh;
  height: 1.4815vh;
  min-width: 1.4815vh;
  min-height: 1.4815vh;
  margin-top: 1.7593vh;
  margin-right: 1.7593vh;
  margin-left: auto;
  fill: #fff;
  opacity: 0.2;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim p {
  width: 25.1852vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.3889vh;
  margin-top: auto;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim {
  width: 100%;
  height: 13.8889vh;
  margin-bottom: 1.9444vh;
  margin-top: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 10.1111vh;
  height: 10.1111vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 500;
  line-height: 1.2037vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 0.9259vh;
  width: 10.1111vh;
  height: 2.1296vh;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg img {
  width: 9.2593vh;
  height: 9.2593vh;
  position: relative;
  margin-top: -0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg span {
  color: rgb(52, 52, 52);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 500;
  line-height: 0.9259vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2963vh;
  height: 1.2963vh;
  border-radius: 0.1852vh;
  background: rgb(255, 255, 255);
  margin-top: 0.5556vh;
  margin-left: auto;
  margin-right: 0.5556vh;
  position: relative;
}

div#animations1 .blockbg1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 10.1111vh;
  height: 10.1111vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(18, 18, 18);
  position: absolute;
  z-index: 1;
}

div#animations1 .blockbg1 img {
  width: 9.2593vh;
  height: 9.2593vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg .blockanim.isBind {
  z-index: 1;
  width: 10.1111vh;
  height: 10.1111vh;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg .blockanim.isBind video.animations__element_img {
  position: absolute;
  width: 10.1111vh;
  height: 10.1111vh;
}

.gta5devmenuf2 .rightmenu .menu .fastslotanim .fastblock .blockbg .blockanim.isBind p {
  color: #F44336;
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin: auto;
  z-index: 1;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim svg.active {
  opacity: 1;
  fill: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim:hover {
  background: rgb(0, 0, 0);
}

.gta5devmenuf2 .rightmenu .menu .questmenu {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 87.7778vh;
  align-items: center;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 17);
  width: 36.841%;
  padding-top: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright {
  width: 62.036%;
  margin-left: auto;
  height: 87.7778vh;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 90%;
  height: 7.6852vh;
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.04);
  margin-bottom: 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock img {
  width: 4.3519vh;
  height: 4.3519vh;
  margin-left: 1.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock .questinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 1.1111vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock .questinfo h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock .questinfo p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock .questinfo p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.2778vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead {
  width: 90%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.4259vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc {
  width: 90%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.2407vh;
  padding: 2.3148vh 0vh;
  border-radius: 1.1111vh;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson {
  width: 90%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.8519vh;
  border-radius: 1.1111vh;
  padding: 2.3148vh 0vh;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questrewrad {
  width: 82%;
  margin-top: 2.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth img {
  width: 5.463vh;
  height: 5.463vh;
  margin-right: 1.2963vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth .questinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth .questinfo h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth .questinfo p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questlefth .questinfo p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.2778vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questrighth p {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questrighth p b {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questrighth p b span {
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 0vh;
  letter-spacing: 0vh;
  text-align: right;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questhead .questrighth p b span svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc .questdescleft {
  margin-left: 2.7778vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 74%;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc .questdescright {
  margin-right: 3.7037vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc .questdescleft h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.4815vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc .questdescleft p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questdesc .questdescright svg {
  width: 6.2037vh;
  height: 6.2037vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft {
  margin-left: 2.7778vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 74%;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonright {
  margin-right: 3.7037vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.0185vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 0.463vh 0vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft p svg {
  width: 1.9444vh;
  height: 1.9444vh;
  margin-right: 0.9259vh;
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft p.done svg.done {
  display: block;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft p.undone svg.undone {
  display: block;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questbtns {
  width: 82%;
  margin-top: 2.5926vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questbtns .btnquest {
  width: 16.6852vh;
  height: 4.0741vh;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin: 0 1vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questbtns .btnquest:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
  color: #fff;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonleft p b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questmisson .questmissonright svg {
  width: 6.2037vh;
  height: 6.2037vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questrewrad h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questrewrad .rewardlist {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2.6852vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questrewrad .rewardlist .rewardblock {
  width: 11.2963vh;
  height: 11.2963vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 1.1111vh;
  background: rgba(255, 255, 255, 0.03);
  margin-right: 2.95363%;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questright .questrewrad .rewardlist .rewardblock img {
  width: 7.4074vh;
  height: 7.4074vh;
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock:hover {
  background: rgba(255, 255, 255, 0.14);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock:hover .questinfo p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock.active {
  background: rgba(255, 255, 255, 0.14);
}

.gta5devmenuf2 .rightmenu .menu .questmenu .questleft .questblock.active .questinfo p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu {
  width: 100%;
  height: 92.4074vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgba(27, 27, 27, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft {
  width: 50%;
  height: 92.4074vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright {
  width: 50%;
  height: 92.4074vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reporthead {
  width: 100%;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  background: rgb(15, 14, 14);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  padding-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist {
  width: 100%;
  height: 94%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: auto;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock {
  width: 90%;
  border-radius: 0.5556vh;
  background: rgb(11, 11, 10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.7593vh;
  padding: 1.7593vh 0vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .headblock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 88%;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .textreport {
  width: 90%;
  margin-top: 1.2963vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .headblock p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.3);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .headblock p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .headblock span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  padding: 0.1852vh 0.6481vh;
  margin-left: 0.9259vh;
  border-radius: 0.1852vh;
  background: rgb(177, 24, 70);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .headblock .timedata {
  color: rgba(255, 255, 255, 0.3);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist .reportblock .textreport p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .reporthead {
  height: 5vh;
  min-height: 5vh;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  background: rgb(12, 12, 12);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  padding-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage {
  width: 100%;
  height: 87%;
  background: rgba(12, 12, 12, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .inputbg {
  width: 100%;
  height: 7.4074vh;
  background: rgba(27, 27, 27, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  height: auto;
  margin-top: 4.1667vh;
  margin-right: 4.6296vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messright {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft .headmess {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft .messus {
  border-radius: 0.7407vh;
  background: rgb(22, 22, 22);
  padding: 1.4815vh 1.8519vh;
  margin-top: 0.3704vh;
  max-width: 66%;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft .headmess p {
  color: rgba(255, 255, 255, 0.3);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft .messus p {
  color: rgb(192, 192, 192);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messright img {
  width: 4.6296vh;
  height: 4.6296vh;
  margin-left: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .inputbg input {
  width: 90%;
  height: 4.6296vh;
  border-radius: 0.3704vh;
  background: rgb(19, 19, 19);
  border: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  padding: 0vh 1.3889vh;
  outline: none;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .messageuser .messleft .headmess p b {
  color: rgb(192, 192, 192);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-left: 1.1111vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportleft .reportlist::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad {
  width: 19.7148vh;
  height: 16.7593vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .headrewrad {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.2222vh;
  margin-top: 0.8333vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad img {
  width: 11.5741vh;
  height: 11.5741vh;
  margin-top: 0.463vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad img.n {
  width: 11.5741vh;
  height: 11.5741vh;
  position: relative;
  margin-top: 0;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .btnerror {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(232, 28, 91);
  margin-top: -9.3333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad p {
  width: 17.037vh;
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  position: relative;
  margin-top: -2.2222vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .btntime {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(51, 51, 51);
  margin-top: -9.3333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .btnuse {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(106, 202, 0);
  margin-top: -9.3333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .headrewrad .line {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(147, 147, 147, 0.5);
  background: rgb(147, 147, 147);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .headrewrad span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  letter-spacing: 0.0463vh;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad .headrewrad span svg {
  width: 1.8519vh;
  height: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad:hover .btntime {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad:hover .btnuse {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 {
  width: 19.7148vh;
  height: 16.7593vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .headrewrad {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.2222vh;
  margin-top: 0.8333vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 img {
  width: 11.5741vh;
  height: 11.5741vh;
  margin-top: 0.463vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 img.n {
  width: 11.5741vh;
  height: 11.5741vh;
  position: relative;
  margin-top: 0;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .btnerror {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(232, 28, 91);
  margin-top: -9.3333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 p {
  width: 17.037vh;
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  position: relative;
  margin-top: -2.2222vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .btntime {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(51, 51, 51);
  margin-top: -9.3333vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .btnuse {
  position: relative;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 3.4259vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: #232323;
  margin-bottom: 3vh;
  z-index: 1;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .headrewrad .line {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(147, 147, 147, 0.5);
  background: rgb(147, 147, 147);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .headrewrad span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  letter-spacing: 0.0463vh;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1 .headrewrad span svg {
  width: 1.8519vh;
  height: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1:hover .btntime {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1:hover p {
  margin-top: -8vh;
  min-height: 6vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1:hover .btnuse {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockrewrad1:hover .btnuse:hover {
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .list3 {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  margin-right: 2.4074vh;
  display: flex;
  gap: 1.8519vh;
  justify-items: start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus {
  width: 45.9259vh;
  padding: 2.7778vh 0vh;
  border-radius: 1.1111vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .headbonus {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 40.3704vh;
  margin-left: auto;
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .linebonus {
  width: 40.3704vh;
  height: 0.0926vh;
  background: rgba(255, 255, 255, 0.05);
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.3889vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .headbonus svg {
  width: 1.9444vh;
  height: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .headbonus h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0;
  text-align: left;
  margin-left: 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .headbonus span.use {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0;
  text-align: left;
  margin-left: auto;
  background: #E81C5B;
  padding: 0.2vh 0.8vh;
  border-radius: 0.2vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .headbonus span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0;
  text-align: left;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.3889vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .bgitem {
  width: 7.2222vh;
  height: 7.4074vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .nameitem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .bgitem .lineitem {
  width: 1.4815vh;
  height: 0.3704vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(50, 166, 134, 0.5);
  background: rgb(50, 166, 134);
  margin-top: 1.0185vh;
  margin-left: 1.0185vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .bgitem img {
  width: 5.5556vh;
  height: 5.5556vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: -0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .nameitem p {
  color: rgb(184, 184, 184);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list3 .blockbonus .rewradbonus .blockbrew .nameitem b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 1.2037vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase {
  width: 28.0556vh;
  height: 37.037vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 1.0185vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .usecase {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 3.2407vh;
  border-radius: 0.7407vh;
  background: rgb(24, 28, 26);
  padding-right: 0.8333vh;
  margin-top: 1.4815vh;
  margin-left: 1.4815vh;
  z-index: 1;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase img {
  width: 22.6852vh;
  height: 22.6852vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1.3889vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .namecase {
  margin: auto;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  max-width: 25.7407vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .pricecase {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.963vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .pricecase.none {
  opacity: 0;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .pricecase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .pricecase svg {
  width: 2.7778vh;
  height: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .usecase svg {
  width: 3.2407vh;
  height: 3.2407vh;
  margin-left: 0vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .usecase p {
  margin-left: -0.2778vh;
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockcase .usecase p b {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  margin-right: 2.4074vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu {
  width: 100%;
  max-width: 100%;
  display: flex;
  height: 32.4074vh;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  border-radius: 0.9259vh;
  background: rgba(19, 19, 19, 0.7);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns.none {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems {
  width: 100%;
  max-height: 44vh;
  overflow: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1.2037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .infocasename {
  display: flex;
  width: 32.4074vh;
  height: 11.6667vh;
  border-radius: 1.6667vh;
  background: rgb(30, 30, 30);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 3.7037vh;
  margin-right: 3.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock.none {
  opacity: 0;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .infocasename h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 26.8519vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.3148vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .infocasename p {
  width: 26.8519vh;
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.2407vh;
  margin-top: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse img {
  width: 27.037vh;
  height: 27.037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse .caseuseb {
  height: 3.2407vh;
  margin-top: -3.2407vh;
  border-radius: 0.7407vh;
  background: rgb(24, 28, 26);
  padding-right: 0.9259vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse .caseuseb svg {
  width: 3.2407vh;
  height: 3.2407vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse .caseuseb p {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 500;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .caseblockuse .caseuseb p b {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock span {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.3889vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .bginput {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 32.4074vh;
  height: 4.8148vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(13, 13, 13);
  margin-bottom: 3.4259vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .btnbuycase {
  width: 32.4074vh;
  height: 4.8148vh;
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .bginput input {
  width: 18.0556vh;
  height: 4.8148vh;
  background: none;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 1.6667vh;
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .bginput .pricinput {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  margin-right: 1.0185vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .bginput .pricinput p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .bginput .pricinput svg {
  width: 2.5926vh;
  height: 2.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .btnbuycase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .btnbuycase svg {
  width: 2.2222vh;
  height: 2.2222vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase.none {
  opacity: 0;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncase {
  width: 27.037vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1111vh;
  background: #00BBFF;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 3.7037vh;
  margin-right: 3.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncaseon {
  width: 27.037vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1111vh;
  background: rgba(255, 255, 255, 0.06);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4784313725);
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 3.7037vh;
  margin-right: 3.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .usebtncase {
  width: 27.037vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1111vh;
  background: rgba(255, 255, 255, 0.06);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin: 0vh 0.5vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .usebtncase:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .usebtncase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .sellbtncase {
  width: 27.037vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1111vh;
  background: rgba(255, 255, 255, 0.06);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin: 0vh 0.5vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .sellbtncase:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .sellbtncase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns1 .sellbtncase svg {
  width: 2.2222vh;
  height: 2.2222vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncasefast {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 23.6111vh;
  height: 5.5556vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 1.1111vh;
  background: rgb(17, 17, 17);
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncasefast.none {
  opacity: 0;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-right: 0.9259vh;
  margin-left: -9.2593vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase .listbtnnum {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase .listbtnnum .btnnum.active {
  box-shadow: 0vh 0vh 0.9259vh 0vh rgba(232, 28, 91, 0.5);
  background: rgb(232, 28, 91);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase .listbtnnum .btnnum {
  width: 3.7037vh;
  height: 3.7037vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin: 0 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncasefast p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncasefast svg {
  width: 4.9074vh;
  height: 3.5185vh;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 22.963vh;
  height: 19.6296vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 1.6667vh;
  background: rgb(19, 19, 19);
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase .linebic {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
  margin-top: 1.7593vh;
  margin-left: 1.4815vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase img {
  height: 12.8704vh;
  max-width: 22.7778vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 21.1111vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 4.4444vh;
  margin-top: -1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .casebuyblock .btnbuycase:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .numberopencase .listbtnnum .btnnum:hover {
  box-shadow: 0vh 0vh 0.9259vh 0vh rgba(232, 28, 91, 0.5);
  background: rgb(232, 28, 91);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .infocl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 2.963vh;
  margin-bottom: 2.037vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .opencasebtns .openbtncase:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney {
  width: 71.4815vh;
  height: 21.2963vh;
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .iconitem {
  width: 20.3704vh;
  height: 21.2963vh;
  border-radius: 0.7407vh 0vh 0vh 0.7407vh;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem {
  height: 21.2963vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .iconitem img {
  width: 20.3704vh;
  height: 20.3704vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 700;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  margin-top: 2.3148vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem span {
  margin-top: 1.4815vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem .buyinfoitem {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  margin-bottom: 1.8519vh;
  align-items: center;
  justify-content: flex-start;
  width: 45.5556vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem .buyinfoitem p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem .buyinfoitem .btnbuyitem {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.6481vh;
  height: 4.1667vh;
  border-radius: 0.3704vh;
  background: rgb(24, 24, 24);
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem .buyinfoitem p svg {
  width: 2vh;
  height: 2vh;
  margin-right: 0.0926vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockmoney .infoitem .buyinfoitem .btnbuyitem:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list4 {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  width: 97%;
  margin-right: 2.4074vh;
  display: flex;
  gap: 1.2963vh;
  justify-items: start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem {
  width: 35.0926vh;
  height: 87.7778vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem img {
  width: 35.0926vh;
  height: 32.2222vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: left;
  width: 29.537vh;
  margin: 0 auto;
  margin-top: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .buypersprem {
  width: 29.537vh;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.9444vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .infopersprem {
  width: 29.537vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
  margin-top: 2.3148vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .buypersprem p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .buypersprem .buybtnpprem {
  width: 15.6481vh;
  height: 4.1667vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5556vh;
  background: rgb(29, 29, 29);
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .buypersprem p svg {
  width: 2vh;
  height: 2vh;
  margin-left: -0.463vh;
  margin-right: 0.0926vh;
  margin-top: -0.2vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .infopersprem p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 2.037vh;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .infopersprem span {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 2.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .infopersprem b {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list4 .blockpersprem .buypersprem .buybtnpprem:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockpersm {
  width: 35.0926vh;
  height: 23.1481vh;
  border-radius: 0.7407vh;
  background: rgb(19, 19, 19);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockpersm img {
  width: 35.0926vh;
  height: 23.1481vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockpersm h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0.037vh;
  text-align: left;
  width: 30.463vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 3.7037vh;
  margin-top: -6.1111vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm {
  position: relative;
  width: 100%;
  height: 92.4074vh;
  margin-bottom: -92.4074vh;
  background: rgba(27, 27, 27, 0.7);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm {
  padding: 4.6296vh 5.5556vh;
  border-radius: 1.1111vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial {
  width: 41.6667vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodial {
  width: 41.6667vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm input {
  width: 39.7222vh;
  height: 4.8148vh;
  border-radius: 0.5556vh;
  background: rgb(24, 24, 24);
  border: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  padding-left: 1.9444vh;
  outline: none;
  margin-bottom: 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodialdop {
  width: 41.6667vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  border-left: 0.1852vh solid #DFC896;
  margin: 2.7778vh 0vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial {
  width: 41.6667vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 600;
  line-height: 2.1296vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial span {
  width: 2.2222vh;
  height: 2.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3704vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial span svg {
  width: 1vh;
  height: 1vh;
  stroke: #fff;
  opacity: 0.4;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodial p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20.5556vh;
  height: 4.8148vh;
  border-radius: 0.5556vh;
  background: rgb(29, 29, 29);
  flex-direction: row;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial svg {
  width: 2vh;
  height: 2vh;
  margin: 0 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodialdop .lineidp {
  width: 0.1852vh;
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  box-shadow: 0vh 0vh 0.463vh 0vh rgba(223, 200, 150, 0.25);
  background: rgb(223, 200, 150);
  margin-right: 2.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodialdop .idilp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodialdop .idilp b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.3889vh;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .infodialdop .idilp p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .btnsdial .btndial:hover p {
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial span:hover {
  border: 0.0926vh solid #fff;
}

.gta5devmenuf2 .rightmenu .menu .opendialogpersm .dialogpm .headdial span:hover svg {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor {
  width: 47vh;
  height: 50.0926vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .headstna {
  width: 47vh;
  height: 19.8148vh;
  border-radius: 0.9259vh 0.9259vh 0vh 0vh;
  background: rgba(255, 255, 255, 0.02);
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0.037vh;
  text-align: left;
  width: 41.9444vh;
  margin: 2.037vh auto;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor span {
  width: 41.9444vh;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 400;
  line-height: 1.8519vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy {
  width: 41.9444vh;
  margin: auto;
  margin-bottom: 2.7778vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .headstna img {
  width: 47vh;
  height: 19.8148vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy .blockprice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy .blockbuybtn {
  width: 15.8333vh;
  height: 4.3519vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgb(29, 29, 29);
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy .blockprice svg {
  width: 2vh;
  height: 2vh;
  margin-left: -0.463vh;
  margin-right: 0.0926vh;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy .blockprice p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0.037vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .list1 .blockstartnabor .blockbuy .blockbuybtn:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
  color: #fff;
}

.gta5devmenuf2 .rightmenu .menu .menurules {
  width: 100%;
  height: 92.4074vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgba(27, 27, 27, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft {
  width: 40%;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .headrules {
  width: 100%;
  height: 5vh;
  background: rgb(15, 14, 14);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist {
  width: 100%;
  height: 85vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .headrules h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock {
  width: 90%;
  padding: 1.6667vh 0vh;
  margin-bottom: 0.463vh;
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 1.8519vh;
  margin-right: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .headrules {
  width: 100%;
  height: 5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: rgb(12, 12, 12);
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .rulesblockbg {
  width: 100%;
  height: 87vh;
  overflow: auto;
  background: rgba(12, 12, 12, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .headrules h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .rulesblockbg h1 {
  color: rgb(249, 202, 28);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0vh;
  text-align: center;
  margin: 2.3148vh auto;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .rulesblockbg p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .rulesblockbg p b {
  color: rgb(249, 202, 28);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesright .rulesblockbg::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock:hover {
  border-left: 0.1852vh solid #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock:hover p {
  margin-left: 1.7593vh;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock.active {
  border-left: 0.1852vh solid #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .menurules .rulesleft .ruleslist .rulesblock.active p {
  margin-left: 1.7593vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting {
  width: 100%;
  height: 92.4074vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgba(27, 27, 27, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft {
  width: 40%;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .headsetting {
  width: 100%;
  height: 5vh;
  background: rgb(15, 14, 14);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .settinglist {
  width: 100%;
  height: 85vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .headsetting h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .settinglist .settingblock {
  width: 90%;
  padding: 1.6667vh 0vh;
  margin-bottom: 0.463vh;
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .settinglist .settingblock p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 1.8519vh;
  margin-right: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .headsetting {
  width: 100%;
  height: 5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: rgb(12, 12, 12);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg {
  width: 100%;
  height: 88.04vh;
  overflow: auto;
  background: rgba(12, 12, 12, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .headsetting h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 90%;
  height: 5.09vh;
  margin-bottom: 0.463vh;
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 1.8519vh;
  margin-right: auto;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .leftselcet {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  width: 24.537vh;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .rightselcet {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .leftselcet svg {
  width: 0.6481vh;
  height: 1.0185vh;
  opacity: 0.4;
  stroke: #fff;
  margin-right: 0;
  margin-bottom: 0;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .rightselcet svg {
  width: 0.6481vh;
  height: 1.0185vh;
  opacity: 0.4;
  stroke: #fff;
  margin-right: 0vh;
  margin-bottom: 0;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr svg {
  margin-right: 1.8519vh;
  width: 4.9074vh;
  height: 3.5185vh;
  margin-bottom: -0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .settinglist .settingblock:hover {
  background: rgb(14, 14, 14);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingleft .settinglist .settingblock.active {
  background: rgb(14, 14, 14);
}

.gta5devmenuf2 .rightmenu .menu .battlepass {
  width: 100%;
  height: 92.4074vh;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .head {
  margin-top: 8.8889vh;
  margin-left: 2.7778vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8.8889vh;
  width: 100%;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems {
  width: 100%;
  height: 45.3704vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2.1296vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .head img {
  height: 11.6667vh;
  margin-bottom: 1.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .head span {
  width: 51.4815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnnav {
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.037vh;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnrewrad {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(170, 142, 214);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .leftslide {
  margin-left: auto;
  width: 5.463vh;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9259vh 0vh 0vh 0.9259vh;
  background: rgb(20, 20, 20);
  margin-right: 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .rightslide {
  width: 5.463vh;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0vh 0.9259vh 0.9259vh 0vh;
  background: rgb(20, 20, 20);
  margin-right: 0.7407vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnlvlyou {
  width: 21.8519vh;
  height: 5vh;
  margin-right: 2.7778vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnnav p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnrewrad p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnlvlyou p {
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  color: #fff;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnlvlyou b {
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  color: rgba(255, 255, 255, 0.2);
  margin-left: 0.463vh;
  display: flex;
  align-items: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnlvlyou b svg {
  width: 1.1111vh;
  height: 1.1111vh;
  margin-left: 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems {
  width: 92.2%;
  margin-left: 0.7778vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .standartbp {
  display: flex;
  width: 5vh;
  height: 19.4444vh;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 19);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .premiumbp {
  display: flex;
  width: 5vh;
  height: 19.4444vh;
  border-radius: 0.9259vh;
  background: rgb(170, 142, 214);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .standartbp svg {
  width: 2.5vh;
  height: 2.5vh;
  margin-top: 1.6204vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .standartbp p {
  width: 9.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  transform: rotate(-90deg);
  margin-top: 7.8704vh;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .premiumbp svg {
  width: 2.5vh;
  height: 2.5vh;
  margin-top: 1.6204vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .leftlitems .premiumbp p {
  width: 9.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  transform: rotate(-90deg);
  margin-top: 7.8704vh;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 1vh;
  width: 16%;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems {
  width: 100%;
  height: 19.4444vh;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems {
  width: 100%;
  height: 19.4444vh;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blocklvlbp {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .top {
  width: 90%;
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .butnitem {
  position: absolute;
  margin-top: 7.2222vh;
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .top .lineitem {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .top span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.0463vh;
  text-align: right;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .butnitem .butuse {
  width: 14.1667vh;
  height: 4.0741vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(170, 142, 214);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .item img {
  width: 13.7037vh;
  height: 13.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems .item p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  height: 4.4444vh;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  margin-top: -1.4815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .top {
  width: 90%;
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .butnitem {
  position: absolute;
  margin-top: 7.2222vh;
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .top .lineitem {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .lineitem.\30  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(148, 148, 148, 0.5);
  background: rgb(148, 148, 148);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .lineitem.\31  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .lineitem.\32  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(248, 201, 65, 0.5);
  background: rgb(248, 201, 65);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .lineitem.\33  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(50, 166, 134, 0.5);
  background: rgb(50, 166, 134);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .top span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.0463vh;
  text-align: right;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .butnitem .butuse {
  width: 14.1667vh;
  height: 4.0741vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(170, 142, 214);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .item img {
  width: 13.7037vh;
  height: 13.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .item p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  height: 4.4444vh;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  margin-top: -1.4815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blocklvlbp .linelvlbp {
  height: 0.463vh;
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  margin-right: 0.7407vh;
  width: 79%;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blocklvlbp .blvlbp {
  width: 3.5185vh;
  height: 2.5926vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6481vh;
  background: rgb(17, 17, 17);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .leftslide svg {
  width: 0.8333vh;
  height: 1.5741vh;
  stroke: #fff;
  opacity: 0.2;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .rightslide svg {
  width: 0.8333vh;
  height: 1.5741vh;
  stroke: #fff;
  opacity: 0.2;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .btnnav:hover {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .leftslide:hover {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .rightslide:hover {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .rightslide:hover svg {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .battlenav .leftslide:hover svg {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockstandartitems.active .butnitem {
  display: block;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems.active:hover .butnitem {
  display: block;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blocklvlbp.active .linelvlbp {
  box-shadow: 0vh 0vh 0.5556vh 0vh rgba(170, 142, 214, 0.25);
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blocklvlbp.active .blvlbp {
  box-shadow: 0vh 0vh 0.5556vh 0vh rgba(170, 142, 214, 0.25);
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 {
  width: 100%;
  height: 92.4074vh;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 7.4074vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp {
  width: 100%;
  margin-top: 9.0741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .head img {
  height: 11.6667vh;
  margin-bottom: 1.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .head span {
  width: 51.4815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 26%;
  height: 38.5185vh;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 17);
  margin: 0 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.3148vh;
  font-weight: 500;
  line-height: 2.7778vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  margin-top: 2.2222vh;
  margin-bottom: 4.9074vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.9444vh;
  font-weight: 500;
  line-height: 2.3148vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp span svg {
  width: 2.037vh;
  height: 2.037vh;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .blockexpname {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1.5741vh 0vh;
  height: 6.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .btnexpbuy {
  width: 28.5185vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5556vh;
  background: rgb(32, 32, 32);
  margin-bottom: 3.7037vh;
  margin-top: auto;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .blockexpname svg {
  width: 6.6667vh;
  height: 6.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .blockexpname .tablenameexp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.1852vh;
  height: 2.7778vh;
  border-radius: 0.2778vh;
  background: rgba(255, 255, 255, 0.25);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: center;
  text-transform: uppercase;
  margin-top: -4.8611vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .btnexpbuy p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .btnexpbuy svg {
  width: 2vh;
  height: 2vh;
  margin: 0 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockexp .btnexpbuy:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 {
  width: 100%;
  height: 92.4074vh;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
  gap: 1.8519vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 3.7037vh;
  padding-top: 1.8519vh;
  flex-wrap: wrap;
  align-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson {
  width: 45.0926vh;
  height: 26.8519vh;
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .headmis {
  width: 37.6852vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.7037vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .descmis {
  width: 37.6852vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.963vh;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .bottommis {
  display: flex;
  width: 37.6852vh;
  margin-left: auto;
  margin-right: auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.037vh;
  margin-top: auto;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .missbar {
  width: 37.6852vh;
  height: 0.3704vh;
  background: rgba(255, 255, 255, 0.08);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.7037vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .headmis h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 600;
  line-height: 2.2222vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .headmis p {
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .headmis p b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-left: 0.3704vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .headmis svg {
  margin-left: 0.463vh;
  width: 1.4815vh;
  height: 1.4815vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .descmis p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .bottommis p {
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.4);
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .bottommis p b {
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .bottommis span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  text-align: right;
  margin-left: auto;
}

.gta5devmenuf2 .rightmenu .menu .battlepass2 .blockmisson .missbar .progbar {
  max-width: 100%;
  width: 20%;
  height: 0.3704vh;
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp {
  width: 31.4815vh;
  height: 39.3519vh;
  border-radius: 0.9259vh;
  background: rgb(16, 16, 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp h1 {
  width: 25.9259vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 700;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  margin-top: 2.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp span {
  width: 25.9259vh;
  color: rgba(255, 255, 255, 0.7);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.9444vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  margin-top: 2.1296vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp .btnlist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: 2.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp .btnlist .btnbpbuy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 25.9259vh;
  height: 5vh;
  border-radius: 0.3704vh;
  background: rgb(35, 35, 35);
  margin-top: 0.9259vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp .btnlist .btnbpbuy p {
  color: rgba(255, 255, 255, 0.9);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: auto;
  margin: 0;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp .btnlist .btnbpbuy svg {
  width: 1.9444vh;
  height: 1.8519vh;
  margin: 0 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass1 .selectexp .blockupgradebp .btnlist .btnbpbuy:hover {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .list1 .block p.active {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block.active p.active {
  display: block;
}

.gta5devmenuf2 .rightmenu .menu .list1 .block.active p {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box {
  margin-right: 2.7778vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box label.switch {
  height: 1.8519vh !important;
  width: 3.2407vh !important;
  background: #272727 !important;
  border: none;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box label.switch span.slider.round {
  background-color: rgba(255, 255, 255, 0);
  margin-left: 0;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box label.switch span.slider.round::before {
  position: absolute;
  content: "";
  left: 0.1vh;
  bottom: 0vh;
  height: 1.8519vh !important;
  width: 1.8519vh !important;
  transition: 0.4s;
  background: #FFFFFF;
  border: none;
  box-sizing: border-box;
  box-shadow: -0.3704vh 0vh 0.9259vh rgba(0, 0, 0, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box label.switch input:checked + .slider:before {
  position: absolute;
  content: "";
  right: 0.1vh;
  left: auto;
  height: 1.8519vh !important;
  width: 1.8519vh !important;
  bottom: 0vh;
  transition: 0.4s;
  background: #FFFFFF;
  border: none;
  box-sizing: border-box;
  box-shadow: -0.3704vh 0vh 0.9259vh rgba(0, 0, 0, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block.switch-box label.switch input:checked + .slider {
  background: #00BBFF;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block {
  margin-right: 2.7778vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .rangeslider {
  width: 19.537vh !important;
  height: 0.1852vh !important;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .rangeslider .rangeslider__fill__bg {
  width: 19.537vh;
  height: 0.1852vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .rangeslider .rangeslider__fill {
  max-width: 100% !important;
  height: 0.2778vh !important;
  background: #00BBFF !important;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .rangeslider .rangeslider__handle {
  width: 1.1111vh !important;
  height: 1.1111vh !important;
  top: 0.0926vh !important;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  width: 3vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 1.5vh;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .box-flex.box-center .main__input.settings.m-0 input.main__input_text {
  height: 3vh;
  width: 17.3vh;
  border-radius: 0.3704vh;
  background: rgb(19, 19, 19);
  color: rgb(255, 255, 255) !important;
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  padding: 0vh 1.3889vh;
  outline: none;
  border: none;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .box-flex.box-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .box-flex.box-center .main__input.settings.m-0 {
  border: none;
  background: none !important;
  height: 5.09vh !important;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0;
  width: auto !important;
  padding: 0 !important;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .box-flex.box-center .main__button_square.box-center {
  margin-left: 1.3vh;
  width: 9.6852vh;
  height: 3.4vh;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .menusetting .settingright .settingblockbg .settingblockr .sound__input-block .box-flex.box-center .main__button_square.box-center:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: #00BBFF;
  color: #fff;
}

.cases_wallpaper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.cases_header {
  min-height: 7.590125vh;
  padding: 0 2.776875vh;
  background-color: hsl(0, 0%, 7%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cases_header_left-back {
  width: 2.776875vh;
  height: 2.776875vh;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.05);
  transition: background-color 0.2s ease;
  margin-right: 1.3884375vh;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cases_header_left-back svg {
  width: 1.11075vh;
  height: 0.555375vh;
  transform: rotate(90deg);
  stroke: rgba(255, 255, 255, 0.4117647059);
  fill: none;
  transition: 0.2s ease;
}

.cases_header_left-back:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.cases_header_left-back:hover svg {
  stroke: rgba(255, 255, 255, 0.5882352941);
}

.cases_header_left {
  font-weight: 700;
  font-style: normal;
  font-size: 2.3140625vh;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.65vh;
  text-transform: uppercase;
  white-space: nowrap;
}

.cases_header_right {
  display: flex;
  align-items: center;
}

.cases_header_right-coins {
  margin-right: 1.85125vh;
  display: flex;
  align-items: center;
}

.cases_header_right-coins_pic {
  width: 1.85125vh;
  height: 1.85125vh;
}

.cases_header_right-coins_text {
  font-weight: 700;
  font-style: normal;
  font-size: 2.036375vh;
  color: #fff;
  margin-left: 0.555375vh;
}

.cases_header_right-replenish,
.cases_header_right-entercode {
  background-color: hsla(0, 0%, 100%, 0.04);
  padding: 1.11075vh 1.85125vh 1.11075vh 1.295875vh;
  border-radius: 0.555375vh;
  transition: background-color 0.2s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.cases_header_right-entercode span,
.cases_header_right-replenish span {
  font-weight: 500;
  font-style: normal;
  font-size: 1.481vh;
  color: hsla(0, 0%, 100%, 0.5);
  margin-left: 0.7405vh;
  transition: color 0.2s ease;
}

.cases_header_right-entercode svg,
.cases_header_right-replenish svg {
  width: 1.295875vh;
  height: 1.295875vh;
  fill: hsla(0, 0%, 100%, 0.25);
  transition: fill 0.2s ease;
}

.cases_header_right-entercode:hover,
.cases_header_right-replenish:hover {
  background-color: #424242;
}

.cases_header_right-entercode:hover span,
.cases_header_right-replenish:hover span {
  color: hsla(0, 0%, 100%, 0.9);
}

.cases_header_right-entercode:hover svg,
.cases_header_right-replenish:hover svg {
  fill: hsla(0, 0%, 100%, 0.5);
}

.cases_header_right-replenish {
  margin-left: 0.37025vh;
}

.cases_header_right-exit {
  margin-left: 1.85125vh;
  display: flex;
  align-items: center;
}

.cases_header_right-exit_tilte {
  font-weight: 500;
  font-style: normal;
  font-size: 1.295875vh;
  color: hsla(0, 0%, 98%, 0.5);
}

.cases_header_right-exit_key {
  font-weight: 500;
  font-style: normal;
  font-size: 1.295875vh;
  color: #111;
  margin-left: 0.7405vh;
  background-color: #fbfbfb;
  padding: 0.41653125vh 0.7405vh;
  border-radius: 0.2776875vh;
}

.cases_content {
  background-color: rgba(28, 28, 28, 0.9);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.65vh;
}

.cases_content_data {
  position: relative;
  top: 1.86vh;
  width: 97%;
  height: 32.582vh;
  border-radius: 1vh;
  align-items: center;
  justify-content: center;
  gap: 1vh;
  border: 0.3vh solid #1e1e1e;
  background-color: hsla(0, 0%, 5%, 0.7);
}

.cases_content_data-descr {
  width: 31.396875vh;
  background-color: #1e1e1e;
  border-radius: 1.481vh;
  padding: 2.3140625vh 2.776875vh 2.776875vh 2.776875vh;
  display: flex;
  flex-direction: column;
}

.cases_content_data-descr p {
  font-weight: 800;
  font-style: normal;
  font-size: 1.666125vh;
  color: #fff;
  text-transform: uppercase;
}

.cases_content_data-descr span {
  font-weight: 500;
  font-style: normal;
  font-size: 1.295875vh;
  color: hsla(0, 0%, 100%, 0.5);
  margin-top: 1.295875vh;
}

.cases_content_data-case {
  display: flex;
  justify-content: center;
  position: relative;
  min-width: 27.02825vh;
  height: 27.02825vh;
  margin: 0 3.7025vh;
}

.cases_content_data-case img {
  width: inherit;
  height: inherit;
}

.cases_content_data-case-count {
  position: absolute;
  background: #1b1b1b;
  border-radius: 0.7405vh;
  padding: 0.925625vh 0.7405vh;
  bottom: 0;
  display: flex;
  align-items: center;
}

.cases_content_data-case-count_icon {
  width: 1.3884375vh;
  height: 1.3884375vh;
  border-radius: 0.37025vh;
  background-color: #00BBFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cases_content_data-case-count_icon svg {
  width: 0.925625vh;
  height: 0.6479375vh;
}

.cases_content_data-case-count span {
  font-weight: 500;
  font-style: normal;
  font-size: 1.11075vh;
  margin-left: 0.555375vh;
  color: hsla(0, 0%, 100%, 0.5);
}

.cases_content_data-case-count b {
  font-weight: 500;
  font-style: normal;
  color: #fff;
}

.cases_content_data-buy {
  min-width: 30vh;
  display: flex;
  flex-direction: column;
  gap: 1vh;
}

.cases_content_data-buy span {
  font-weight: 700;
  font-style: normal;
  font-size: 1.9vh;
  color: #fff;
  text-transform: uppercase;
}

.cases_content_data-buy-pay {
  min-width: 30vh;
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 0.7405vh;
  padding: 0 1.85125vh;
  height: 5.81325vh;
  display: flex;
  justify-content: center;
  font-size: 1.65vh;
  font-weight: 600;
  align-items: center;
  transition: background-color 0.2s ease;
  width: inherit;
}

.cases_content_data-buy-pay:hover {
  background-color: #00BBFF;
}

.cases_content_btns {
  display: flex;
  align-items: center;
  margin-top: 2.45vh;
  gap: 1.65vh;
}

.cases_content_btns-amount {
  display: flex;
  align-items: center;
  gap: 1.45vh;
}

.cases_content_btns-amount span {
  font-weight: 700;
  font-style: normal;
  font-size: 1.45vh;
  color: #fff;
  text-transform: uppercase;
}

.cases_content_btns-amount-amounts {
  display: flex;
  align-items: center;
  gap: 0.45vh;
}

.cases_content_btns-amount-amounts_item {
  font-weight: 700;
  font-style: normal;
  font-size: 1.481vh;
  width: 3.7025vh;
  border-radius: 1.1111vh;
  min-height: 3.7025vh;
  border-radius: 0.7405vh;
  border: 0.1vh solid #292929;
  background-color: #111;
  transition: 0.2s ease;
  transition-property: background-color, border-color;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cases_content_btns-amount-amounts_item.active {
  background-color: #00BBFF;
  border-color: #00BBFF;
}

.cases_content_btns-amount-amounts_item:hover {
  background-color: #00BBFF;
  border-color: #00BBFF;
}

.cases_content_btns-open {
  font-weight: 700;
  font-style: normal;
  font-size: 1.481vh;
  height: 6vh;
  width: 27.02825vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 1.11075vh;
  background-image: linear-gradient(180deg, #00BBFF, #ce154d);
}

.cases_content_btns-open1 {
  font-weight: 700;
  font-style: normal;
  font-size: 1.481vh;
  height: 6vh;
  width: 27.02825vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 1.11075vh;
  background: #292929;
}

.cases_content_btns-open1:hover {
  background: linear-gradient(180deg, #00BBFF, #ce154d);
}

.cases_content_btns-fustopen {
  font-weight: 700;
  font-style: normal;
  font-size: 1.481vh;
  height: 6vh;
  width: 27.02825vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  border-radius: 1.11075vh;
  background: rgba(255, 255, 255, 0.1725490196);
}

.cases_content_prizes {
  display: flex;
  flex-direction: column;
  gap: 1vh;
  align-items: center;
  margin-top: 1.3vh;
}

.cases_content_prizes span {
  font-weight: 700;
  font-style: normal;
  font-size: 1.75vh;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1vh;
}

.cases_content_prizes_list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 22.963vh;
  height: 19.6296vh;
  border-radius: 1.6667vh;
  padding: 2vh;
  justify-content: center;
  overflow: hidden;
  background: hsla(0, 0%, 5%, 0.7);
}

.cases_content_prizes_list-item-line {
  width: 2.2222vh;
  height: 0.5556vh;
  border-radius: 999vh;
  margin-right: auto;
}

.cases_content_prizes_list-item-line.blue {
  background-color: #939393;
  box-shadow: 0 0 8rem 4rem rgba(147, 147, 147, 0.25);
}

.cases_content_prizes_list-item-line.yellow {
  background-color: #4FAAF9;
  box-shadow: 0 0 8rem 4rem rgba(79, 170, 249, 0.25);
}

.cases_content_prizes_list-item-line.pink {
  background-color: #FE213F;
  box-shadow: 0 0 8rem 4rem rgba(254, 33, 63, 0.25);
}

.cases_content_prizes_list-item-line.red {
  background-color: #feb336;
  box-shadow: 0 0 8rem 4rem rgba(254, 179, 54, 0.25);
}

.cases_content_prizes_list-item img {
  margin-top: auto;
  margin-bottom: auto;
  width: 13.8889vh;
  max-height: 11.1111vh;
  -o-object-fit: contain;
     object-fit: contain;
}

.cases_content_prizes_list-item span {
  width: 100%;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25vh;
}

.caselut {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  background: rgba(16, 21, 24, 0.9);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.caselut p {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 2.222vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.caselut .itemlut {
  background: url(https://cdn.just-rp.online/imgur.com/UlpTIOU.png);
  background-size: cover;
  width: 65.926vh;
  height: 52.685vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  top: -10vh;
}

.caselut .lutbtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -13vh;
}

.caselut .itemlut img.iclut {
  height: 11.389vh;
  width: 11.389vh;
  position: absolute;
}

.caselut .itemlut p {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 2.222vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: auto;
  margin-bottom: 6.574vh;
}

.caselut .lutbtn .btninv {
  display: flex;
  width: 11.944vh;
  height: 2.963vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #386ED7 0%, #45C7FF 100%);
  margin-right: 0.5vh;
}

.caselut .lutbtn .btnsell {
  display: flex;
  width: 11.944vh;
  height: 2.963vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #D77138 0%, #FF6745 100%);
}

.caselut .lutbtn .btninv p {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 1.111vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.caselut .lutbtn .btnsell p {
  color: #FFF;
  text-align: center;
  font-family: Gilroy;
  font-size: 1.111vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.caselut .lutbtn .btninv:hover {
  transform: scale(1.03);
}

.caselut .lutbtn .btnsell:hover {
  transform: scale(1.03);
}

.linecenter {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0vh);
  width: 0.2778vh;
  z-index: 1;
  height: 100%;
  background: #FDC537;
  box-shadow: 0vh 0vh 0.9259vh 0.1852vh rgba(253, 197, 55, 0.5);
}

.cases_content_data1 {
  display: flex;
  position: relative;
  width: 100%;
  height: 32.4074vh;
  border-radius: 1vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1vh;
  margin-top: auto;
  margin-bottom: auto;
}

.cases_content_data1 .lists {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.cases_content_data1 .lists .bg {
  width: 36.5741vh;
  height: 23.3333vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.cases_content_data1 .lists .bg svg.blue {
  width: 36.5741vh;
  height: 23.3333vh;
  fill: #939393;
  position: absolute;
  filter: drop-shadow(0vh 0vh 1.8519vh #939393);
}

.cases_content_data1 .lists .bg svg.yellow {
  width: 36.5741vh;
  height: 23.3333vh;
  fill: #4FAAF9;
  position: absolute;
  filter: drop-shadow(0vh 0vh 1.8519vh #4FAAF9);
}

.cases_content_data1 .lists .bg svg.pink {
  width: 36.5741vh;
  height: 23.3333vh;
  fill: #FE213F;
  position: absolute;
  filter: drop-shadow(0vh 0vh 1.8519vh #FE213F);
}

.cases_content_data1 .lists .bg svg.red {
  width: 36.5741vh;
  height: 23.3333vh;
  fill: #feb336;
  position: absolute;
  filter: drop-shadow(0vh 0vh 1.8519vh #feb336);
}

.cases_content_data1 .lists .bg .block {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 22.963vh;
  min-height: 19.6296vh;
  max-width: 22.963vh;
  max-height: 19.6296vh;
  border-radius: 1.6667vh;
  padding: 2vh;
  justify-content: center;
  overflow: hidden;
  background: hsl(0, 0%, 5%);
  z-index: 1;
}

.cases_content_data1 .lists .bg .block .linecase {
  width: 2.2222vh;
  height: 0.5556vh;
  border-radius: 999vh;
  margin-right: auto;
}

.cases_content_data1 .lists .bg .block .linecase.blue {
  background-color: #939393;
  box-shadow: 0 0 8rem 4rem rgba(147, 147, 147, 0.25);
}

.cases_content_data1 .lists .bg .block .linecase.yellow {
  background-color: #4FAAF9;
  box-shadow: 0 0 8rem 4rem rgba(79, 170, 249, 0.25);
}

.cases_content_data1 .lists .bg .block .linecase.pink {
  background-color: #FE213F;
  box-shadow: 0 0 8rem 4rem rgba(254, 33, 63, 0.25);
}

.cases_content_data1 .lists .bg .block .linecase.red {
  background-color: #feb336;
  box-shadow: 0 0 8rem 4rem rgba(254, 179, 54, 0.25);
}

.cases_content_data1 .lists .bg .block img {
  margin-top: auto;
  margin-bottom: auto;
  width: 13.8889vh;
  max-height: 11.1111vh;
  -o-object-fit: contain;
     object-fit: contain;
}

.cases_content_data1 .lists .bg .block span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 21.1111vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 4.4444vh;
  margin-top: -1.8519vh;
}

.cases_content_data1 .butns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.cases_content_data1 .butns .butnmj {
  width: 27.037vh;
  height: 5.5556vh;
  border-radius: 0.9259vh;
  background: #292929;
  font-weight: 700;
  font-style: normal;
  font-size: 1.481vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1vh;
  margin-right: 0.5vh;
  margin-left: 0.5vh;
}

.cases_content_data1 .butns .butnmj:hover {
  background: #E01A57;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems.active .butnitem.active .butuse {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems.active .butnitem .butdone {
  width: 14.1667vh;
  height: 4.0741vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: #333333;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems .butnitem .butdone {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems:hover .butnitem {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .battlepass .listitems .rightlitems .blockrlitems .blockpremiumitems.active .butnitem.active .butdone {
  display: none;
}

#app::-webkit-scrollbar {
  display: none;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 {
  width: 100%;
  height: 92.4074vh;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock {
  position: absolute;
  min-width: 5.8333vh;
  min-height: 5.8333vh;
  max-width: 5.8333vh;
  max-height: 5.8333vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(17, 17, 17);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos1 {
  margin-top: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos2 {
  margin-top: 12.3148vh;
  margin-right: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos3 {
  margin-top: 12.3148vh;
  margin-left: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos4 {
  margin-top: 22.7778vh;
  margin-left: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos5 {
  margin-top: 33.2407vh;
  margin-left: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos6 {
  margin-top: 43.7037vh;
  margin-left: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos7 {
  margin-top: 22.7778vh;
  margin-right: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos8 {
  margin-top: 22.7778vh;
  margin-right: 41.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos9 {
  margin-top: 22.7778vh;
  margin-right: 62.5vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos10 {
  margin-top: 22.7778vh;
  margin-right: 83.4259vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos11 {
  margin-top: 33.2407vh;
  margin-right: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos12 {
  margin-top: 43.7037vh;
  margin-right: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos13 {
  margin-top: 54.1667vh;
  margin-right: 41.7593vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos14 {
  margin-top: 54.1667vh;
  margin-right: 0vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos15 {
  margin-top: 64.6296vh;
  margin-right: 41.7593vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos16 {
  margin-top: 64.6296vh;
  margin-right: 0vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos17 {
  margin-top: 75.0926vh;
  margin-left: 20.8333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos18 {
  margin-top: 75.0926vh;
  margin-left: 41.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos19 {
  margin-top: 75.0926vh;
  margin-left: 62.5926vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.pos20 {
  margin-top: 75.0926vh;
  margin-left: 83.5185vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.active {
  background: rgb(17, 17, 17);
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock svg.active {
  width: 0.2778vh;
  height: 1.3889vh;
  opacity: 0;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.active svg.active {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.done {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.done svg.done {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock svg.done {
  opacity: 0;
  width: 1.5741vh;
  height: 1.3889vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.selected {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.selected svg.selected {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock svg.selected {
  width: 0.2778vh;
  height: 1.3889vh;
  opacity: 0;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.active:hover {
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock.closed .closed {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock .closed svg.closed {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questblock svg.closed {
  width: 1.5741vh;
  height: 1.5741vh;
  opacity: 0;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline1 {
  background: url(https://cdn.just-rp.online/imgur.com/49GvZtE.png);
  width: 20.8704vh;
  height: 4.6296vh;
  position: absolute;
  margin-top: 7.6852vh;
  background-size: cover;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline2 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 4.6296vh;
  position: absolute;
  margin-top: 18.1481vh;
  margin-right: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline3 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 28.1481vh;
  margin-right: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline4 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 38.1481vh;
  margin-right: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline5 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 4.6296vh;
  position: absolute;
  margin-top: 18.1481vh;
  margin-left: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline6 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 28.1481vh;
  margin-left: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline7 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 38.1481vh;
  margin-left: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline8 {
  background: url(https://cdn.just-rp.online/imgur.com/49GvZtE.png);
  width: 21vh;
  height: 4.6296vh;
  position: absolute;
  margin-top: 49.5vh;
  background-size: cover;
  margin-right: 20.7333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline9 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 59.1481vh;
  margin-right: 41.6333vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline10 {
  background: url(https://cdn.just-rp.online/imgur.com/CEvArqQ.png);
  width: 0.0926vh;
  height: 5.6296vh;
  position: absolute;
  margin-top: 59.1481vh;
  margin-right: 0vh;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline11 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 25.7vh;
  margin-right: 31vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline12 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 25.7vh;
  margin-right: 52vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline13 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 25.7vh;
  margin-right: 73vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline14 {
  background: url(https://cdn.just-rp.online/imgur.com/lWBPbbR.png);
  width: 9.0185vh;
  height: 11.5926vh;
  margin-top: 66.5vh;
  margin-right: -9vh;
  position: absolute;
  background-size: cover;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline15 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 78vh;
  margin-left: 32vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline16 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 78vh;
  margin-left: 52vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu .battlepass3 .questline17 {
  background: url(https://cdn.just-rp.online/imgur.com/ROKOhxh.png);
  width: 5.6296vh;
  height: 0.0926vh;
  margin-top: 78vh;
  margin-left: 74vh;
  position: absolute;
}

.gta5devmenuf2 .rightmenu .menu h1.shop {
  margin-top: 1.8519vh;
  margin-left: 2.7778vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.2222vh;
  font-weight: 600;
  line-height: 2.6852vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devmenuf2 .slider {
  display: flex;
  overflow: hidden;
}

.slider__item {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.8519vh;
  box-sizing: border-box;
  transition: transform 0.3s ease-out;
}

.slider__item img {
  max-width: 100%;
  height: auto;
}

.gta5devmenuf2 .rightmenu .menu .slider__item {
  width: 19.7148vh;
  height: 16.7593vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.463vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .headrewrad {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.2222vh;
  margin-top: 0.8333vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .slider__item img {
  width: 11.5741vh;
  height: 11.5741vh;
  margin-top: 0.463vh;
  position: relative;
}

.gta5devmenuf2 .rightmenu .menu .slider__item img.n {
  width: 11.5741vh;
  height: 11.5741vh;
  position: relative;
  margin-top: 0;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .btnerror {
  position: absolute;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(232, 28, 91);
  margin-top: 6.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .slider__item p {
  width: 17.037vh;
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  position: relative;
  margin-top: -2.2222vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .btntime {
  position: absolute;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(51, 51, 51);
  margin-top: 6.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .btnuse {
  position: absolute;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: 13.3333vh;
  height: 3.4259vh;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(106, 202, 0);
  margin-top: 6.6667vh;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .headrewrad .line {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(147, 147, 147, 0.5);
  background: rgb(147, 147, 147);
}

.gta5devmenuf2 .rightmenu .menu .slider__item .headrewrad span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  letter-spacing: 0.0463vh;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devmenuf2 .rightmenu .menu .slider__item .headrewrad span svg {
  width: 1.8519vh;
  height: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .slider__item:hover .btntime {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .slider__item:hover .btnuse {
  display: flex;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl {
  margin-top: 5.463vh;
  width: 85.2778vh;
  height: 4.0741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl {
  width: 85.2778vh;
  height: 33.5185vh;
  margin-top: 2.7778vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems {
  width: 85.2778vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 14.2593vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.037vh;
  font-weight: 700;
  line-height: 2.4074vh;
  letter-spacing: 0.0741vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: auto;
  margin-right: 2.5vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl .btnbuy {
  width: 26.1111vh;
  height: 4.0741vh;
  border-radius: 0.3704vh;
  background: #00BBFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl span svg {
  width: 1.5741vh;
  height: 1.5741vh;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl .linesbcl {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
  margin-top: 2.7778vh;
  margin-right: auto;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl .centersbcl {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 1.7593vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl .centersbcl span.rligh {
  margin: 0vh 2.037vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl .centersbcl span.rligh.none {
  opacity: 0;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .bgblocksbcl .centersbcl img {
  margin: 0 auto;
  height: 23.1481vh;
  background-size: cover;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 700;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist {
  max-width: 85.2778vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2.6852vh;
  gap: 1.8519vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist .clotblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 19.1667vh;
  height: 22.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  overflow: hidden;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist .headcbl {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.4815vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist img {
  width: 13.7037vh;
  height: 13.7037vh;
  background-size: cover;
  margin-top: 1.4815vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist p {
  width: 17.037vh;
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  position: relative;
  margin-top: -2.2222vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist .headcbl span {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 1.4815vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist .headcbl span svg {
  width: 1.5741vh;
  height: 1.5741vh;
  margin-left: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .headsbcl .btnbuy:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
}

.gta5devmenuf2 .rightmenu .menu .selectblockcl .catalogitems .clilist .headcbl .linesbcl {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
  margin-left: 1.4815vh;
}

.blgf {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.blgf.act {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.gta5devmenuf2 .rightmenu .topnav .bginput {
  width: 37.3148vh;
  height: 4.1667vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgb(13, 13, 13);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 2.7778vh;
}

.gta5devmenuf2 .rightmenu .topnav .bginput svg {
  width: 1.5741vh;
  height: 1.5741vh;
  margin-left: 1.3889vh;
  margin-right: 0.7407vh;
}

.gta5devmenuf2 .rightmenu .topnav .bginput input {
  height: 100%;
  width: 33.1481vh;
  background: none;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devmenuf2 .rightmenu .menu .list2 .blockanim video.animations__element_img {
  height: 15.7407vh;
  min-height: 15.7407vh;
  margin-top: 0.463vh;
}

.gta5devmenuf2 .rightmenu .menu .line1 {
  box-shadow: rgba(148, 148, 148, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(148, 148, 148) !important;
}

.gta5devmenuf2 .rightmenu .menu .line2 {
  box-shadow: rgba(74, 170, 254, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(74, 170, 254) !important;
}

.gta5devmenuf2 .rightmenu .menu .line3 {
  box-shadow: rgba(135, 88, 254, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(135, 88, 254) !important;
}

.gta5devmenuf2 .rightmenu .menu .line4 {
  box-shadow: rgba(253, 33, 61, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(253, 33, 61) !important;
}

.gta5devmenuf2 .rightmenu .menu .line5 {
  box-shadow: rgba(248, 201, 65, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(248, 201, 65) !important;
}

.gta5devmenuf2 .rightmenu .menu .line6 {
  box-shadow: rgba(50, 166, 134, 0.5) 0vh 0vh 8.8889vh 2.1296vh !important;
  background: rgb(50, 166, 134) !important;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase .linebic.blue {
  background: #939393;
  box-shadow: 0 0 8rem 4rem rgba(147, 147, 147, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase .linebic.yellow {
  background: #4FAAF9;
  box-shadow: 0 0 8rem 4rem rgba(79, 170, 249, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase .linebic.pink {
  background: #FE213F;
  box-shadow: 0 0 8rem 4rem rgba(254, 33, 63, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .listblockitems .blockitemcase .linebic.red {
  background: #feb336;
  box-shadow: 0 0 8rem 4rem rgba(254, 179, 54, 0.25);
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .colcaseopen {
  position: absolute;
  width: 12.2222vh;
  height: 3.4259vh;
  border-radius: 0.7407vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #201F1F;
  margin-top: 28vh;
  margin-right: 1vh;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .colcaseopen p {
  color: #989EA3;
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .caseopenmenu .headcasemenu .colcaseopen p b {
  color: #fff;
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2vh;
  margin-right: 4.6296vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .btns .btnreport {
  background: rgba(255, 255, 255, 0.03);
  padding: 1.4815vh 1.8519vh;
  border-radius: 0.7407vh;
  margin-left: 0.3vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .btns .btnreport p {
  color: rgb(192, 192, 192);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .btns .btnreport:hover {
  box-shadow: 0vh 0vh 1.8519vh 0vh rgba(170, 142, 214, 0.5);
  background: rgb(170, 142, 214);
}

.gta5devmenuf2 .rightmenu .menu .reportmenu .reportright .bgreportmessage .btns .btnreport:hover p {
  color: #fff;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 2vh;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype {
  outline: 0.1vh solid rgba(0, 0, 0, 0.08);
  border-radius: 0.556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 23.056vh;
  height: 4.259vh;
  background: #1A1A1A;
  z-index: 1;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype ul {
  position: absolute;
  margin-top: 4.2vh;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  outline: 0.1vh solid rgba(0, 0, 0, 0.08);
  width: 23.056vh;
  background: #1A1A1A;
  border-radius: 0vh 0vh 0.556vh 0.556vh;
  z-index: 1;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype svg {
  width: 1.6vh;
  height: 1.2vh;
  fill: #fff;
  margin-left: 0.8vh;
  opacity: 0.4;
  margin-right: 0.8vh;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype p {
  color: #FFFBF2;
  font-family: Proxima Nova;
  font-size: 1.2vh;
  font-weight: 600;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype ul li {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 1.2vh;
  font-weight: 600;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 4.259vh;
  padding: 0vh 1vh;
  opacity: 0.2;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype.active {
  border-radius: 0.556vh 0.556vh 0vh 0vh;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype ul.active {
  display: flex;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype.active svg {
  opacity: 1;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype .blocktype.active svg:nth-child(3) {
  transform: rotate(180deg);
  opacity: 0.4;
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype ul li:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
}

.gta5devmenuf2 .rightmenu .topnav .cataloglisttype ul li:last-child {
  border-radius: 0vh 0vh 0.556vh 0.556vh;
}
@font-face {
  font-family: "inv";
  src: url(../src/views/player/gta5devmenu/fonts/inv//inv.eot);
  src: url(../src/views/player/gta5devmenu/fonts/inv//inv.eot#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/inv//inv.ttf) format("truetype"), url(../src/views/player/gta5devmenu/fonts/inv//inv.woff) format("woff"), url(/src/views/player/gta5devmenu/fonts/inv/inv.svg#inv) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inv-], [class*=" inv-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inv" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inv-backpack:before {
  content: "\e900";
}

.inv-car:before {
  content: "\e901";
}

.inv-close:before {
  content: "\e902";
}

.inv-freeze:before {
  content: "\e903";
}

.inv-home:before {
  content: "\e904";
}

.inv-key:before {
  content: "\e905";
}

.inv-lic-boat:before {
  content: "\e906";
}

.inv-lic-car:before {
  content: "\e907";
}

.inv-lic-drone:before {
  content: "\e908";
}

.inv-lic-gun:before {
  content: "\e909";
}

.inv-lic-health:before {
  content: "\e90a";
}

.inv-lic-helipad:before {
  content: "\e90b";
}

.inv-lic-medical:before {
  content: "\e90c";
}

.inv-lic-moto:before {
  content: "\e90d";
}

.inv-lic-truck:before {
  content: "\e90e";
}

.inv-safe:before {
  content: "\e90f";
}

.inv-slap:before {
  content: "\e910";
}

.inv-trade:before {
  content: "\e911";
}

.inv-user:before {
  content: "\e912";
}

.inv-key-2:before {
  content: "\e970";
}

.inv-drop:before {
  content: "\e913";
}

.inv-modifications:before {
  content: "\e914";
}

.inv-store:before {
  content: "\e915";
}
@font-face {
  font-family: "inv-item";
  src: url(../src/views/player/gta5devmenu/fonts/items//inv-item.eot);
  src: url(../src/views/player/gta5devmenu/fonts/items//inv-item.eot#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/items//inv-item.ttf) format("truetype"), url(../src/views/player/gta5devmenu/fonts/items//inv-item.woff) format("woff"), url(/src/views/player/gta5devmenu/fonts/items/inv-item.svg#inv-item) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inv-item-], [class*=" inv-item-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inv-item" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inv-item-diving-suit:before {
  content: "\e900";
}

.inv-item-bracelet:before {
  content: "\e901";
}

.inv-item-shorts:before {
  content: "\e902";
}

.inv-item-clock:before {
  content: "\e903";
}

.inv-item-jacket:before {
  content: "\e904";
}

.inv-item-necklace:before {
  content: "\e905";
}

.inv-item-glasses:before {
  content: "\e906";
}

.inv-item-cap:before {
  content: "\e907";
}

.inv-item-mask:before {
  content: "\e908";
}

.inv-item-Flashlight:before {
  content: "\e909";
}

.inv-item-Pool-Cue:before {
  content: "\e90a";
}

.inv-item-Hammer:before {
  content: "\e90b";
}

.inv-item-crowbar:before {
  content: "\e90c";
}

.inv-item-Nightstick:before {
  content: "\e90d";
}

.inv-item-Pipe-Wrench:before {
  content: "\e90e";
}

.inv-item-Baseball-Bat:before {
  content: "\e90f";
}

.inv-item-Broken-Bottle:before {
  content: "\e910";
}

.inv-item-Knife:before {
  content: "\e911";
}

.inv-item-Switchblade:before {
  content: "\e912";
}

.inv-item-Antique-Cavalry-Dagger:before {
  content: "\e913";
}

.inv-item-Machete:before {
  content: "\e914";
}

.inv-item-Hatchet:before {
  content: "\e915";
}

.inv-item-Battle-Axe:before {
  content: "\e916";
}

.inv-item-Golf-Club:before {
  content: "\e917";
}

.inv-item-SNS-Pistol-Mk-II:before {
  content: "\e918";
}

.inv-item-SNS-Pistol:before {
  content: "\e919";
}

.inv-item-Heavy-Pistol:before {
  content: "\e91a";
}

.inv-item-Pistol:before {
  content: "\e91b";
}

.inv-item-Vintage-Pistol:before {
  content: "\e91c";
}

.inv-item-modifications:before {
  content: "\e91d";
}

.inv-item-Pistol-50:before {
  content: "\e91e";
}

.inv-item-Pistol-Mk-II:before {
  content: "\e91f";
}

.inv-item-Combat-Pistol:before {
  content: "\e920";
}

.inv-item-Stun-Gun:before {
  content: "\e921";
}

.inv-item-AP-Pistol:before {
  content: "\e922";
}

.inv-item-Double-Action-Revolver:before {
  content: "\e923";
}

.inv-item-Heavy-Revolver-Mk-II:before {
  content: "\e924";
}

.inv-item-Heavy-Revolver:before {
  content: "\e925";
}

.inv-item-Machine-Pistol:before {
  content: "\e926";
}

.inv-item-Flare-Gun:before {
  content: "\e927";
}

.inv-item-SMG-Mk-II:before {
  content: "\e928";
}

.inv-item-Micro-SMG:before {
  content: "\e929";
}

.inv-item-SMG:before {
  content: "\e92a";
}

.inv-item-Mini-SMG:before {
  content: "\e92b";
}

.inv-item-Marksman-Pistol:before {
  content: "\e92c";
}

.inv-item-Double-Barrel-Shotgun:before {
  content: "\e92d";
}

.inv-item-Musket:before {
  content: "\e92e";
}

.inv-item-Sawed-Off-Shotgun:before {
  content: "\e92f";
}

.inv-item-Pump-Shotgun-Mk-II:before {
  content: "\e930";
}

.inv-item-Pump-Shotgun:before {
  content: "\e931";
}

.inv-item-Advanced-Rifle:before {
  content: "\e932";
}

.inv-item-Assault-Rifle-Mk-II:before {
  content: "\e933";
}

.inv-item-Assault-Rifle:before {
  content: "\e934";
}

.inv-item-Assault-Shotgun:before {
  content: "\e935";
}

.inv-item-Bullpup-Rifle-Mk-II:before {
  content: "\e936";
}

.inv-item-Bullpup-Rifle:before {
  content: "\e937";
}

.inv-item-Assault-SMG:before {
  content: "\e938";
}

.inv-item-Bullpup-Shotgun:before {
  content: "\e939";
}

.inv-item-Special-Carbine-Mk-II:before {
  content: "\e93a";
}

.inv-item-Special-Carbine:before {
  content: "\e93b";
}

.inv-item-Carbine-Rifle-Mk-II:before {
  content: "\e93c";
}

.inv-item-Carbine-Rifle:before {
  content: "\e93d";
}

.inv-item-Combat-MG-Mk-II:before {
  content: "\e93e";
}

.inv-item-Combat-MG:before {
  content: "\e93f";
}

.inv-item-Combat-PDW:before {
  content: "\e940";
}

.inv-item-Compact-Rifle:before {
  content: "\e941";
}

.inv-item-Heavy-Shotgun:before {
  content: "\e942";
}

.inv-item-Gusenberg-Sweeper:before {
  content: "\e943";
}

.inv-item-Marksman-Rifle:before {
  content: "\e944";
}

.inv-item-Marksman-Rifle-Mk-II:before {
  content: "\e945";
}

.inv-item-MG:before {
  content: "\e946";
}

.inv-item-Sniper-Rifle:before {
  content: "\e947";
}

.inv-item-Heavy-Sniper:before {
  content: "\e948";
}

.inv-item-Heavy-Sniper-Mk-II:before {
  content: "\e949";
}

.inv-item-Sweeper-Shotgun:before {
  content: "\e94a";
}

.inv-item-Yamazaki:before {
  content: "\e94b";
}

.inv-item-The-cranberries:before {
  content: "\e94c";
}

.inv-item-alcohol:before {
  content: "\e94d";
}

.inv-item-ararat:before {
  content: "\e94e";
}

.inv-item-Asahi:before {
  content: "\e94f";
}

.inv-item-Midori:before {
  content: "\e950";
}

.inv-item-Noyan-Tapan:before {
  content: "\e951";
}

.inv-item-On-lemon-peel:before {
  content: "\e952";
}

.inv-item-beer:before {
  content: "\e953";
}

.inv-item-Russian-standard:before {
  content: "\e954";
}

.inv-item-Sambuca:before {
  content: "\e955";
}

.inv-item-Campari:before {
  content: "\e956";
}

.inv-item-Martini-Asti:before {
  content: "\e957";
}

.inv-item-eCola:before {
  content: "\e958";
}

.inv-item-Sprunk:before {
  content: "\e959";
}

.inv-item-pizza:before {
  content: "\e95a";
}

.inv-item-bag:before {
  content: "\e95b";
}

.inv-item-hot-dog:before {
  content: "\e95c";
}

.inv-item-Chips:before {
  content: "\e95d";
}

.inv-item-burger:before {
  content: "\e95e";
}

.inv-item-sandwich:before {
  content: "\e95f";
}

.inv-item-Automatic-caliber:before {
  content: "\e960";
}

.inv-item-fraction:before {
  content: "\e961";
}

.inv-item-Pistol-caliber:before {
  content: "\e962";
}

.inv-item-small-caliber:before {
  content: "\e963";
}

.inv-item-Sniper-caliber:before {
  content: "\e964";
}

.inv-item-armor:before {
  content: "\e965";
}

.inv-item-backpack:before {
  content: "\e966";
}

.inv-item-case:before {
  content: "\e967";
}

.inv-item-briefcase:before {
  content: "\e968";
}

.inv-item-medical-kit:before {
  content: "\e969";
}

.inv-item-Bag-drill:before {
  content: "\e96a";
}

.inv-item-Brass-Knuckles:before {
  content: "\e96b";
}

.inv-item-gasoline:before {
  content: "\e96c";
}

.inv-item-gift:before {
  content: "\e96d";
}

.inv-item-headphones:before {
  content: "\e96e";
}

.inv-item-shirt:before {
  content: "\e96f";
}

.inv-item-glove:before {
  content: "\e970";
}

.inv-item-sneakers:before {
  content: "\e971";
}

.inv-item-key-2:before {
  content: "\e972";
}

.inv-item-key:before {
  content: "\e973";
}

.inv-item-marijuana:before {
  content: "\e974";
}

.inv-item-stretching:before {
  content: "\e975";
}

.inv-item-ears:before {
  content: "\e976";
}

.inv-item-hand-left:before {
  content: "\e977";
}

.inv-item-hand-right:before {
  content: "\e978";
}

.inv-item-picklock:before {
  content: "\e979";
}

.inv-item-snowflake:before {
  content: "\e97a";
}

.inv-item-ammo-pistol:before {
  content: "\e97b";
}

.inv-item-ammo-shotgun:before {
  content: "\e97c";
}

.inv-item-ammo-sniper:before {
  content: "\e97d";
}

.inv-item-ammo-small:before {
  content: "\e97e";
}

.inv-item-ammo-average:before {
  content: "\e97f";
}

.inv-item-Barrels:before {
  content: "\e980";
}

.inv-item-Compensators:before {
  content: "\e981";
}

.inv-item-Flashlights:before {
  content: "\e982";
}

.inv-item-Muzzle-Brakes:before {
  content: "\e983";
}

.inv-item-Grips:before {
  content: "\e984";
}

.inv-item-Clips:before {
  content: "\e985";
}

.inv-item-Scopes:before {
  content: "\e986";
}

.inv-item-Suppressors:before {
  content: "\e987";
}

.inv-item-Varmod:before {
  content: "\e988";
}

.inv-item-EventCoin:before {
  content: "\e989";
}

.inv-item-Firework1:before {
  content: "\e98a";
}

.inv-item-Firework2:before {
  content: "\e98b";
}

.inv-item-Firework3:before {
  content: "\e98c";
}

.inv-item-Firework4:before {
  content: "\e98d";
}

.inv-item-car:before {
  content: "\e98e";
}

.inv-item-LoveNote:before {
  content: "\e98f";
}

.inv-item-Note:before {
  content: "\e990";
}

.inv-item-teddy-bear:before {
  content: "\e991";
}

.inv-item-Vape:before {
  content: "\e992";
}

.inv-item-bong:before {
  content: "\e993";
}

.inv-item-barbell:before {
  content: "\e994";
}

.inv-item-umbrella:before {
  content: "\e995";
}

.inv-item-rose:before {
  content: "\e996";
}

.inv-item-camera:before {
  content: "\e997";
}

.inv-item-microphone:before {
  content: "\e998";
}

.inv-item-guitar:before {
  content: "\e999";
}

.inv-item-binoculars:before {
  content: "\e99a";
}

.inv-item-pickaxe1:before {
  content: "\e99b";
}

.inv-item-pickaxe2:before {
  content: "\e99c";
}

.inv-item-pickaxe3:before {
  content: "\e99d";
}

.inv-item-coal:before {
  content: "\e99e";
}

.inv-item-iron:before {
  content: "\e99f";
}

.inv-item-gold:before {
  content: "\e9a0";
}

.inv-item-sulfur:before {
  content: "\e9a1";
}

.inv-item-emerald:before {
  content: "\e9a2";
}

.inv-item-ruby:before {
  content: "\e9a3";
}

.inv-item-workaxe:before {
  content: "\e9a4";
}

.inv-item-woodoak:before {
  content: "\e9a5";
}

.inv-item-woodmaple:before {
  content: "\e9a6";
}

.inv-item-woodpine:before {
  content: "\e9a7";
}

.inv-item-boombox:before {
  content: "\e9a8";
}

.inv-item-hookah:before {
  content: "\e9a9";
}

.inv-item-case0:before {
  content: "\e9aa";
}

.inv-item-case1:before {
  content: "\e9ab";
}

.inv-item-case2:before {
  content: "\e9ac";
}

.inv-item-case10:before {
  content: "\e9ad";
}

.inv-item-case11:before {
  content: "\e9ae";
}

.inv-item-case12:before {
  content: "\e9af";
}

.inv-item-case3:before {
  content: "\e9b0";
}

.inv-item-case4:before {
  content: "\e9b1";
}

.inv-item-case5:before {
  content: "\e9b2";
}

.inv-item-case6:before {
  content: "\e9b3";
}

.inv-item-case7:before {
  content: "\e9b4";
}

.inv-item-case8:before {
  content: "\e9b5";
}

.inv-item-case9:before {
  content: "\e9b6";
}

.inv-item-ball:before {
  content: "\e9b7";
}
@font-face {
  font-family: "gamemenu";
  src: url(../src/views/player/gta5devmenu/fonts/gamemenu//gamemenu.eot);
  src: url(../src/views/player/gta5devmenu/fonts/gamemenu//gamemenu.eot#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/gamemenu//gamemenu.ttf) format("truetype"), url(../src/views/player/gta5devmenu/fonts/gamemenu//gamemenu.woff) format("woff"), url(/src/views/player/gta5devmenu/fonts/gamemenu/gamemenu.svg#gamemenu) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=gamemenu-], [class*=" gamemenu-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "gamemenu" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gamemenu-friends:before {
  content: "\e900";
}

.gamemenu-help:before {
  content: "\e901";
}

.gamemenu-event:before {
  content: "\e902";
}

.gamemenu-news:before {
  content: "\e903";
}

.gamemenu-stats:before {
  content: "\e904";
}

.gamemenu-settings:before {
  content: "\e905";
}

.gamemenu-gift:before {
  content: "\e906";
}

.gamemenu-quest:before {
  content: "\e907";
}

.gamemenu-inventory:before {
  content: "\e908";
}

.gamemenu-loop:before {
  content: "\e90d";
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/player/gta5devmenu/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
.animations-menu {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--e-background), 0.9);
  display: flex;
  flex-direction: column;
  gap: 2vh;
  width: 120vh;
  height: 80vh;
  padding: 2vh;
  border-radius: 0.5vh;
  box-shadow: 0 0 2vh rgba(var(--e-background));
}
.animations-menu * {
  font-family: "ProximaNova", sans-serif;
}
.animations-menu .content {
  display: flex;
  gap: 2vh;
}
.animations-menu .content .nav-panel {
  min-width: 20vh;
  height: 67.5vh;
  display: flex;
  flex-direction: column;
  padding-right: 2vh;
  border-right: 0.2vh solid rgba(255, 255, 255, 0.05);
}
.animations-menu .content .nav-block {
  height: 4vh;
  display: flex;
  align-items: center;
  padding-left: 1vh;
  border-radius: 0.5vh;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.25);
  background: none;
  transition: 0.2s;
  transition-property: background, color;
  cursor: pointer;
}
.animations-menu .content .nav-block:hover {
  background: rgba(255, 255, 255, 0.05);
}
.animations-menu .content .nav-block.active {
  background: rgba(var(--e-main));
  color: #000;
}
.animations-menu .content .nav-block.bottom {
  margin-top: auto;
  margin-bottom: 0;
}
.animations-menu .content .animations-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1vh;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 67.5vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.animations-menu .content .animations-list::-webkit-scrollbar {
  width: 0.2vh;
  background-color: none;
}
.animations-menu .content .animations-list::-webkit-scrollbar-thumb {
  background-color: rgba(var(--e-main));
}
.animations-menu .content .animations-list .animations-block {
  position: relative;
  width: 17.75vh;
  height: 22.5vh;
  background: rgba(255, 255, 255, 0.05);
  padding: 1.5vh;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  border-radius: 0.5vh;
}
.animations-menu .content .animations-list .animations-block:hover .favourite-button {
  opacity: 1;
}
.animations-menu .content .animations-list .animations-block .picture {
  width: 14vh;
  height: 14vh;
}
.animations-menu .content .animations-list .animations-block .picture video,
.animations-menu .content .animations-list .animations-block .picture img {
  height: 100%;
}
.animations-menu .content .animations-list .animations-block .price-data {
  position: absolute;
  top: 1.5vh;
  right: 1.5vh;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.5vh;
  padding: 0.5vh 0.75vh;
  font-size: 1.25vh;
  font-weight: 500;
  display: flex;
  gap: 0.5vh;
  align-items: center;
  color: #fff;
}
.animations-menu .content .animations-list .animations-block .price-data img {
  width: 1.25vh;
}
.animations-menu .content .animations-list .animations-block .title-data {
  font-size: 1.35vh;
  color: #fff;
  position: absolute;
  bottom: 1.5vh;
  width: 14.75vh;
}
.animations-menu .content .animations-list .animations-block .favourite-button {
  position: absolute;
  left: 1.5vh;
  top: 1.5vh;
  width: 3vh;
  height: 3vh;
  background: rgba(var(--e-background));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.2s;
  transition-property: opacity, background;
  cursor: pointer;
}
.animations-menu .content .animations-list .animations-block .favourite-button:hover svg path {
  fill: rgba(255, 255, 255, 0.5);
}
.animations-menu .content .animations-list .animations-block .favourite-button.active {
  background: rgba(var(--e-main));
  opacity: 1;
}
.animations-menu .content .animations-list .animations-block .favourite-button.active svg path {
  fill: #000;
}
.animations-menu .content .animations-list .animations-block .favourite-button svg {
  pointer-events: none;
}
.animations-menu .content .animations-list .animations-block .favourite-button svg path {
  fill: rgba(255, 255, 255, 0.15);
  transition: fill 0.2s;
}
.animations-menu .control {
  display: flex;
  align-items: center;
  padding-bottom: 2vh;
  border-bottom: 0.2vh solid rgba(255, 255, 255, 0.05);
}
.animations-menu .control .header {
  font-size: 3vh;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}
.animations-menu .control .balance {
  margin-left: auto;
  margin-right: 0;
  display: grid;
  gap: 0.25vh;
}
.animations-menu .control .balance .name {
  font-size: 1.25vh;
  color: rgba(255, 255, 255, 0.25);
}
.animations-menu .control .balance .value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5vh;
  font-size: 1.5vh;
  font-weight: 500;
  color: #fff;
}
.animations-menu .control .balance .value img {
  width: 1.5vh;
  height: 1.5vh;
}
.animations-menu .control .search {
  display: flex;
  gap: 2vh;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.025);
  border: 0.2vh solid rgba(255, 255, 255, 0.05);
  padding: 1vh;
  border-radius: 0.5vh;
  width: 30vh;
  margin-left: 5vh;
}
.animations-menu .control .search input {
  background: none;
  font-size: 1.5vh;
  width: 100%;
  color: #fff;
}
.animations-menu .control .search svg {
  width: 1.5vh;
  height: 1.5vh;
  margin-right: 0.5vh;
  opacity: 0.25;
  transition: opacity 0.2s;
}
.animations-menu .control .search svg.active {
  opacity: 1;
}
.animations-menu .control .search svg path {
  fill: #fff;
}
#questsnewlist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsnewlist {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-left: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-left: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-left: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-left: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-left: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-left: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-left: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-left: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-left: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-left: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-left: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-left: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-left: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-left: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-left: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-left: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-left: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-left: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-left: 360px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-left: 504px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-right: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-right: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-right: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-right: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-right: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-right: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-right: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-right: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-right: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-right: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-right: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-right: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-right: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-right: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-right: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-right: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-right: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-right: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-right: 360px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-right: 504px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-top: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-top: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-top: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-top: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-top: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-top: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-top: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-top: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-top: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-top: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-top: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-top: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-top: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-top: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-top: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-top: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-top: 168.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-top: 236.25px;
  }
}
#questsnewlist .quests-newbutton {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    line-height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    line-height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton {
    line-height: 3.15px;
  }
}
#questsnewlist .quests-newbutton .quests-button {
  background: #FDFFFC;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 126px;
  }
}
#questsnewlist .quests-newbutton.myata .quests-button {
  background: #2BB6A8;
  color: white;
}
#questsnewlist .quests-newbutton.right {
  flex-direction: row-reverse;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 81.9px;
  }
}
#questsnewlist .quests-newbutton.right .quests-button {
  margin-right: 0;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 81.9px;
  }
}
#questsnewlist ::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#questsnewlist ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: rgba(253, 255, 252, 0.15);
  border-radius: 100px;
}
#questsnewlist ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: #FDFFFC;
  border-radius: 100px;
}
#questsnewlist .questsnewlist-top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 81.9px;
  }
}
#questsnewlist .questsnewlist-top .box-column {
  display: flex;
  flex-direction: column;
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 66.15px;
  }
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
  color: #FDFFFC;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 63px;
  }
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-subtitle {
  color: rgba(253, 255, 252, 0.5);
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-subtitle .white {
  color: white;
}
#questsnewlist .questsnewlist-main-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 130.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 182.7px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
  font-weight: bold;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 81.9px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 183.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 203.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 262.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 278.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 305.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 284.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 345.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 325.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 386.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 508.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 549.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 529.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 508.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 671.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 814px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 671.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 915.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 1282.05px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 927px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 1297.8px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.45px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.5px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.645px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.685px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.75px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.7px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.85px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.8px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.95px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.35px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.3px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.65px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 2px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.65px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 2.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 3.15px solid rgba(253,255,252,0.1);
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 855px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 1197px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element.active {
  background: rgba(253, 255, 252, 0.1);
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element:last-child {
  margin-bottom: 0;
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-list-title {
  font-weight: 300;
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
  color: black;
  background: url(/src/views/player/gta5devmenu/elements/quest/images/count.png);
  background-size: no-repeat;
  background-position: center;
  background-size: cover;
  display: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 50.4px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
  font-weight: 100;
  color: #DFDFDF;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 44.1px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 25.2px;
  }
}
#questsnewlist .questsnewlist-center-maintext {
  font-weight: bold;
  letter-spacing: 0.01em;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 88.2px;
  }
}
#questsnewlist .questsnewlist-center {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center {
    max-width: 173.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center {
    max-width: 193px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center {
    max-width: 248.97px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center {
    max-width: 264.41px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center {
    max-width: 289.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center {
    max-width: 270.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center {
    max-width: 328.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center {
    max-width: 308.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center {
    max-width: 366.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center {
    max-width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center {
    max-width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center {
    max-width: 482.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center {
    max-width: 521.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center {
    max-width: 501.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center {
    max-width: 482.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    max-width: 636.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    max-width: 772px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    max-width: 636.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    max-width: 868.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center {
    max-width: 1215.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center {
    height: 319.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center {
    height: 355px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center {
    height: 457.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center {
    height: 486.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center {
    height: 532.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center {
    height: 497px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center {
    height: 603.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center {
    height: 568px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center {
    height: 674.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center {
    height: 887.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center {
    height: 958.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center {
    height: 923px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center {
    height: 887.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    height: 1171.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    height: 1420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    height: 1171.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    height: 1597.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center {
    height: 2236.5px;
  }
}
#questsnewlist .questsnewlist-center .box-flex {
  align-items: center;
}
#questsnewlist .questsnewlist-center .questsquestion-icon {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 44.1px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-text {
  color: #FDFFFC;
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 119.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 94.5px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
  display: flex;
  align-items: center;
  font-weight: 100;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 69.3px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element:last-child {
  margin-bottom: 0;
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
  color: #2BB6A8;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 50.4px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 50.4px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
  font-weight: bold;
  text-decoration: underline;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 15.75px;
  }
}
#questsnewlist .questnewlist-right {
  position: relative;
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right {
    width: 183.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right {
    width: 203.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right {
    width: 262.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right {
    width: 278.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right {
    width: 305.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right {
    width: 284.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right {
    width: 345.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right {
    width: 325.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right {
    width: 386.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right {
    width: 508.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right {
    width: 549.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right {
    width: 529.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right {
    width: 508.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    width: 671.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    width: 814px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    width: 671.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    width: 915.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right {
    width: 1282.05px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right {
    height: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right {
    height: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right {
    height: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right {
    height: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right {
    height: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right {
    height: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right {
    height: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right {
    height: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right {
    height: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right {
    height: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right {
    height: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right {
    height: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    height: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    height: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    height: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    height: 927px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right {
    height: 1297.8px;
  }
}
#questsnewlist .questnewlist-right .right-backicon {
  position: absolute;
  color: rgba(255, 255, 255, 0.1);
  top: 0%;
  left: -6%;
  z-index: 0;
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 990px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 1386px;
  }
}
#questsnewlist .prise-box {
  z-index: 1;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box {
    margin-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box {
    margin-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box {
    margin-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box {
    margin-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box {
    margin-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box {
    margin-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box {
    margin-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box {
    margin-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box {
    margin-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box {
    margin-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box {
    margin-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box {
    margin-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box {
    margin-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box {
    margin-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box {
    margin-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box {
    margin-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box {
    margin-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box {
    margin-top: 85.05px;
  }
}
#questsnewlist .prise-box .box-money {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 44.1px;
  }
}
#questsnewlist .prise-box .box-exp {
  display: flex;
  align-items: center;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 44.1px;
  }
}
#questsnewlist .prise-box .questsnewlist-smalltext {
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 81.9px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 50.4px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
  background: rgba(253, 255, 252, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 252px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
  colro: #FFFFFF;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 100.8px;
  }
}
#questsnewlist .questsnewlist-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-bottom {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-bottom {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-bottom {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-bottom {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-bottom {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-bottom {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-bottom {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-bottom {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-bottom {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-bottom {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-bottom {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-bottom {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-bottom {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-bottom {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-bottom {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-bottom {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-bottom {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-bottom {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-bottom {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-bottom {
    height: 378px;
  }
}
#questsnewlist .questsnewlist-bottom .box-column {
  align-items: flex-end;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 44.1px;
  }
}
@font-face {
  font-family: "questsnewdialogicon";
  src: url(../src/views/player/gta5devmenu/elements/quest/fonts//questsnewdialogicon.eot);
  src: url(../src/views/player/gta5devmenu/elements/quest/fonts//questsnewdialogicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/elements/quest/fonts//questsnewdialogicon.ttf) format("truetype"), url(../src/views/player/gta5devmenu/elements/quest/fonts//questsnewdialogicon.woff) format("woff"), url(/src/views/player/gta5devmenu/elements/quest/fonts/questsnewdialogicon.svg#questsnewdialogicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=questsnewdialogicon-], [class*=" questsnewdialogicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "questsnewdialogicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.questsnewdialogicon-done:before {
  content: "\e906";
}

.questsnewdialogicon-question:before {
  content: "\e900";
}

.questsnewdialogicon-exp:before {
  content: "\e901";
}

.questsnewdialogicon-money:before {
  content: "\e902";
}

.questsnewdialogicon-background-star:before {
  content: "\e903";
}

.questsnewdialogicon-question2:before {
  content: "\e904";
}

.questsnewdialogicon-undone:before {
  content: "\e905";
}

.questsnewdialogicon-star-empty:before {
  content: "\e907";
}

.questsnewdialogicon-loop2:before {
  content: "\e908";
}

.questsnewdialogicon-exit:before {
  content: "\e909";
}

.questsnewdialogicon-loop:before {
  content: "\e90a";
}

.questsnewdialogicon-star:before {
  content: "\e90b";
}

.questsnewdialogicon-warning:before {
  content: "\e90c";
}

.questsnewdialogicon-right:before {
  content: "\e90d";
}

.questsnewdialogicon-left:before {
  content: "\e90e";
}
.KeyAnimation {
  background: rgba(255, 255, 255, 0.15);
  color: white;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  .KeyAnimation {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .KeyAnimation {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  .KeyAnimation {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  .KeyAnimation {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  .KeyAnimation {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .KeyAnimation {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .KeyAnimation {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .KeyAnimation {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .KeyAnimation {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .KeyAnimation {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .KeyAnimation {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .KeyAnimation {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .KeyAnimation {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .KeyAnimation {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .KeyAnimation {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .KeyAnimation {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .KeyAnimation {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .KeyAnimation {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .KeyAnimation {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .KeyAnimation {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .KeyAnimation {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .KeyAnimation {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .KeyAnimation {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .KeyAnimation {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  .KeyAnimation {
    min-height: 126px;
  }
}
.KeyAnimation:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.KeyAnimation.active {
  animation: key-info-active 500ms;
}
.KeyAnimation.pressed {
  animation: none;
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.KeyAnimation.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.KeyAnimation.disabled .KeyAnimation:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.KeyAnimation.nonactive {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.KeyAnimation.nonactive .KeyAnimation:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.KeyAnimation.keyDetector {
  color: rgb(255, 255, 255);
  animation: key-info-detector 2s infinite;
}
.KeyAnimation.keyDetector:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}
.KeyAnimation.keyDonate {
  color: rgb(255, 255, 255);
  animation: key-info-donate 5s infinite;
}
.KeyAnimation.keyDonate:hover {
  color: rgb(255, 255, 255);
}
.box-KeyAnimation {
  display: flex;
  align-items: center;
  font-family: "TTNorms-Regular";
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .box-KeyAnimation {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyAnimation {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyAnimation {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyAnimation {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyAnimation {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyAnimation {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyAnimation {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyAnimation {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyAnimation {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyAnimation {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyAnimation {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyAnimation {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyAnimation {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyAnimation {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyAnimation {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyAnimation {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyAnimation {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyAnimation {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyAnimation {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyAnimation {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .box-KeyAnimation {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyAnimation {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyAnimation {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyAnimation {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyAnimation {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyAnimation {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyAnimation {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyAnimation {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyAnimation {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyAnimation {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyAnimation {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyAnimation {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyAnimation {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyAnimation {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyAnimation {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyAnimation {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyAnimation {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyAnimation {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyAnimation {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyAnimation {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  .box-KeyAnimation div:last-child {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-KeyAnimation div:last-child {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-KeyAnimation div:last-child {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-KeyAnimation div:last-child {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-KeyAnimation div:last-child {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-KeyAnimation div:last-child {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-KeyAnimation div:last-child {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-KeyAnimation div:last-child {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-KeyAnimation div:last-child {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-KeyAnimation div:last-child {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-KeyAnimation div:last-child {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-KeyAnimation div:last-child {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-KeyAnimation div:last-child {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-KeyAnimation div:last-child {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-KeyAnimation div:last-child {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-KeyAnimation div:last-child {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-KeyAnimation div:last-child {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-KeyAnimation div:last-child {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-KeyAnimation div:last-child {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  .box-KeyAnimation div:last-child {
    margin-left: 56.7px;
  }
}
@charset "UTF-8";
#rewardslist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #rewardslist {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    padding-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    padding-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    padding-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    padding-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    padding-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    padding-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    padding-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    padding-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    padding-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    padding-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    padding-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    padding-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    padding-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    padding-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    padding-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    padding-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    padding-left: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    padding-left: 315px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    padding-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    padding-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    padding-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    padding-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    padding-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    padding-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    padding-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    padding-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    padding-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    padding-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    padding-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    padding-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    padding-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    padding-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    padding-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    padding-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    padding-right: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    padding-right: 315px;
  }
}
#rewardslist .main__button_square {
  background-color: white;
  color: black;
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    border-radius: 6.3px;
  }
}
#rewardslist .rewardslist__header {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 63px;
  }
}
#rewardslist .rewardslist__header .rewardslist__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 88.2px;
  }
}
#rewardslist .rewardslist__header .rewardslist__header_subtitle {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  font-family: "TTNorms-Regular";
  font-weight: 300;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 59.85px;
  }
}
#rewardslist .rewardslist__header .rewardslist__header_subtitle:hover {
  color: rgba(255, 255, 255, 0.4);
}
#rewardslist .rewardslist__nav {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav {
    height: 2362.5px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__title {
  color: white;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 63px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__title:first-child {
  margin-top: 0;
}
#rewardslist .rewardslist__nav .rewardslist__title:first-child .tooltiptext {
  bottom: 0%;
  top: 125%;
}
#rewardslist .rewardslist__nav .rewardslist__subtitle {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 31.5px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__subtitle.hover, #rewardslist .rewardslist__nav .rewardslist__subtitle.active {
  color: white;
}
#rewardslist .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 99999;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 799px) {
  #rewardslist .tooltiptext {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .tooltiptext {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .tooltiptext {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .tooltiptext {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .tooltiptext {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .tooltiptext {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .tooltiptext {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .tooltiptext {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .tooltiptext {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .tooltiptext {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .tooltiptext {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .tooltiptext {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .tooltiptext {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .tooltiptext {
    border-radius: 18.9px;
  }
}
#rewardslist .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
#rewardslist .rewards {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    width: 396px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    width: 440px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    width: 567.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    width: 602.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    width: 660px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    width: 616px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    width: 748px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    width: 704px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    width: 836px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    width: 880px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    width: 880px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    width: 1100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    width: 1188px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    width: 1144px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    width: 1100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    width: 1452px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    width: 1760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    width: 1980px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    width: 2772px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    margin-left: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    margin-left: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    margin-left: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    margin-left: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    margin-left: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    margin-left: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    margin-left: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    margin-left: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    margin-left: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    margin-left: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    margin-left: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    margin-left: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    margin-left: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    margin-left: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    margin-left: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    margin-left: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    margin-left: 168.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    margin-left: 236.25px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    height: 2362.5px;
  }
}
#rewardslist .rewards .rewards__title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 31.5px;
  }
}
#rewardslist .rewards .rewards__subtitle {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 59.85px;
  }
}
#rewardslist .rewards .rewards__elements {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 2173.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 9.45px;
  }
}
#rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 355.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 395px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 509.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 541.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 592.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 553px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 671.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 750.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 987.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1066.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1027px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 987.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1303.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1303.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1777.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 2488.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 216px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 302.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 75.6px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element:last-child {
  margin-bottom: 0;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 75.6px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
  font-weight: 500;
  color: #A6B1BA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 945px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 31.5px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
  border-radius: 4px;
  background: rgba(4, 19, 30, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 63px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward:last-child {
  margin: 0;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
  background-image: url(/src/views/player/gta5devmenu/elements/rewardslist/case.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 119.7px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #018A7C;
  font-weight: 500;
  cursor: pointer;
  margin-left: auto;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 351px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 491.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 50.4px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
  background: #375e80;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 100.8px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
  background: #435768;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 100.8px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
  background: #742222;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 100.8px;
  }
}
#rewardslist .rewards .reward__element_progress {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  font-weight: 500;
}
#rewardslist .rewards .reward__element_progress .reward__progress_count {
  text-align: right;
  font-weight: 500;
  сolor: #A6B1BA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 37.8px;
  }
}
#rewardslist .rewards .reward__element_progress .reward__progressbar {
  background: #3C576A;
  display: flex;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 12.6px;
  }
}
#rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
  background: #2BB6A8;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 18.9px;
  }
}
#popuponate__roulette1 {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1::-webkit-scrollbar {
    width: 18.9px;
  }
}
#popuponate__roulette1::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#popuponate__roulette1::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#popuponate__roulette1 #newdonate__popup {
  background: rgba(29, 21, 21, 0.85);
  z-index: 2;
}
#popuponate__roulette1 .newdonate__header {
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__header {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__header {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__header {
    margin-top: 81.9px;
  }
}
#popuponate__roulette1 .newdonate__roulette-title {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-title {
    margin-bottom: 81.9px;
  }
}
#popuponate__roulette1 .newdonate__roulette-count {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 143.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 159px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 205.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 217.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 238.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 222.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 270.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 254.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 302.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 397.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 429.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 413.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 397.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 524.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 636px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 524.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 715.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    width: 1001.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count {
    margin-bottom: 132.3px;
  }
}
#popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
  background: rgba(43, 43, 43, 0.4);
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 0.9px solid #FF4040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1px solid #FF4040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.29px solid #FF4040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.37px solid #FF4040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.5px solid #FF4040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.4px solid #FF4040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.7px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.6px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.9px solid #FF4040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.7px solid #FF4040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.6px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4.5px solid #FF4040;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 6.3px solid #FF4040;
  }
}
#popuponate__roulette1 .newdonate__roulette-container {
  position: relative !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
#popuponate__roulette1 .newdonate__roulette-main {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 1vh;
  overflow: auto;
  margin: auto 0vh;
}
#popuponate__roulette1 .newdonate__roulette-main::-webkit-scrollbar {
  display: none;
}
#popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
  position: absolute;
  z-index: 1;
  background: white;
  top: 0%;
  left: 50%;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 604.8px;
  }
}
#popuponate__roulette1 .newdonate__roulette-main .newdonate__roulette-elements {
  width: 95%;
  display: flex;
  align-items: center;
}
#popuponate__roulette1 .newdonate__roulette-element {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 22.963vh;
  min-height: 19.6296vh;
  max-width: 22.963vh;
  max-height: 19.6296vh;
  border-radius: 1.6667vh;
  padding: 2vh;
  justify-content: center;
  overflow: hidden;
  background: hsla(0, 0%, 5%, 0.7);
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-element.margin-22 {
    margin-right: 69.3px;
  }
}
#popuponate__roulette1 .newdonate__roulette-element.red {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-element.red {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#popuponate__roulette1 .newdonate__roulette-element.blue {
  background: linear-gradient(360deg, rgba(0, 163, 255, 0.2) 0%, rgba(0, 163, 255, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 0.9px solid #00A3FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1px solid #00A3FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.29px solid #00A3FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.37px solid #00A3FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.5px solid #00A3FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.4px solid #00A3FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.7px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.6px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 1.9px solid #00A3FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2.7px solid #00A3FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2.6px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 4px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 4.5px solid #00A3FF;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-element.blue {
    border: 6.3px solid #00A3FF;
  }
}
#popuponate__roulette1 .newdonate__roulette-element.pink {
  background: linear-gradient(360deg, rgba(173, 0, 255, 0.2) 0%, rgba(173, 0, 255, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 0.9px solid #AD00FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1px solid #AD00FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.29px solid #AD00FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.37px solid #AD00FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.5px solid #AD00FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.4px solid #AD00FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.7px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.6px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 1.9px solid #AD00FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2.7px solid #AD00FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2.6px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 4px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 4.5px solid #AD00FF;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-element.pink {
    border: 6.3px solid #AD00FF;
  }
}
#popuponate__roulette1 .newdonate__roulette-element.yellow {
  background: linear-gradient(360deg, rgba(255, 189, 0, 0.2) 0%, rgba(255, 189, 0, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 0.9px solid #FFBD00;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1px solid #FFBD00;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.29px solid #FFBD00;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.37px solid #FFBD00;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.5px solid #FFBD00;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.4px solid #FFBD00;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.7px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.6px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 1.9px solid #FFBD00;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2.7px solid #FFBD00;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2.6px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 4px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 4.5px solid #FFBD00;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-element.yellow {
    border: 6.3px solid #FFBD00;
  }
}
#popuponate__roulette1 .newdonate__roulette-element img {
  margin-top: auto;
  margin-bottom: auto;
  width: 13.8889vh;
  max-height: 11.1111vh;
  -o-object-fit: contain;
     object-fit: contain;
}
#popuponate__roulette1 .newdonate__roulette-element span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 21.1111vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 4.4444vh;
  margin-top: -1.8519vh;
}
#popuponate__roulette1 .newdonate__roulette-buttons {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-buttons {
    margin-bottom: 56.7px;
  }
}
#popuponate__roulette1 .newdonate__roulette-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#popuponate__roulette1 .newdonate__roulette-items {
  height: 100%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-items {
    margin-bottom: 69.3px;
  }
}
#popuponate__roulette1 .newdonate__roulette-info {
  background-image: url(/src/views/player/gta5devmenu/elements/roulette/images/symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    height: 318.15px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    min-height: 318.15px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__roulette-info {
    margin-top: 63px;
  }
}
#popuponate__roulette1 .newdonate__roulette_hidden-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#popuponate__roulette1 .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__button_small {
    height: 144.9px;
  }
}
#popuponate__roulette1 .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette1 .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
@charset "UTF-8";
#battlepass {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-family: "TTNorms-Regular";
  font-size: 1.8518518519vh;
  font-weight: 500;
  z-index: 1;
}
#battlepass .bgvideo {
  position: absolute;
  z-index: 2;
  left: 0;
  opacity: 0.04;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#battlepass .bgvideo.fire {
  opacity: 0.2;
}
#battlepass .battlepass__person {
  position: absolute;
  z-index: 3;
  right: -4.6296296296vh;
  bottom: -4.6296296296vh;
  height: 100vh;
  width: 106.0185185185vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/person.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__content {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 5.1851851852vh;
  padding-right: 10.9259259259vh;
  padding-top: 3.7037037037vh;
}
#battlepass .newproject__buttonblock {
  display: flex;
  align-items: center;
  margin-left: 10.9259259259vh;
}
#battlepass .newproject__buttonblock .newproject__button {
  cursor: pointer;
  padding-top: 0.3703703704vh;
  padding-bottom: 0.3703703704vh;
  padding-right: 0.7407407407vh;
  margin-right: 1.4814814815vh;
  padding-left: 0.7407407407vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.2777777778vh;
  color: #1E262F;
  font-weight: 600;
  font-family: "Montserrat-Medium";
  font-size: 1.8518518519vh;
}
#battlepass .battlepass__header {
  margin-top: 2.7777777778vh;
  display: flex;
  flex-direction: column;
  margin-bottom: 4.2592592593vh;
}
#battlepass .battlepass__header .battlepass__header_title {
  width: 90.3703703704vh;
  height: 12.037037037vh;
  min-height: 12.037037037vh;
  max-height: 12.037037037vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/header.png);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
#battlepass .battlepass__header .battlepass__header_pages {
  display: flex;
  padding-left: 10.462962963vh;
  min-height: 6.7592592593vh;
  max-height: 6.7592592593vh;
}
#battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
  font-family: "RF Dewi Extended";
  padding-top: 2.2222222222vh;
  padding-bottom: 2.2222222222vh;
  padding-right: 2.3148148148vh;
  padding-left: 2.3148148148vh;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  font-weight: 600;
}
#battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
  border-bottom: 0.0925925926vh solid #6495ED;
  color: white;
  background: linear-gradient(180deg, rgba(38, 65, 218, 0) 0%, #6495ED 100%);
}
#battlepass .battlepass__title {
  font-family: "RF Dewi Extended";
  font-weight: 800;
  font-size: 6.1111111111vh;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #6495ED;
  position: relative;
}
#battlepass .battlepass__title::after {
  content: "ЛЕТНИЙ ПРОПУСК";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 41.15%, #AFAFAF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__title.missions::after {
  content: "СЕТЬ ЗАДАНИЙ";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 41.15%, #AFAFAF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__text {
  margin-left: 10.9259259259vh;
  margin-top: 1.4814814815vh;
  font-weight: normal;
  width: 57.7777777778vh;
  font-size: 2.2222222222vh;
  line-height: 130%;
  letter-spacing: -0.03em;
  font-family: "TTNorms-Regular";
}
#battlepass .w-1 {
  width: 100%;
}
#battlepass .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#battlepass .battlepass__button {
  width: 35.462962963vh;
  height: 7.037037037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  background: #6495ED;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 11px #6495ED;
  border-radius: 0.7407407407vh;
  color: white;
  transition: background 0.5s ease;
  font-size: 2.5925925926vh;
  cursor: pointer;
}
#battlepass .battlepass__button.skip {
  font-size: 2.2222222222vh;
}
#battlepass .battlepass__button:hover {
  transition: background 0.5s ease;
  background: #6495ED;
}
#battlepass .battlepass__button.black {
  font-size: 2.2222222222vh;
  width: 30vh;
  height: 5.9259259259vh;
  background: rgba(8, 12, 16, 0.6);
  transition: background 0.5s ease;
  box-shadow: none;
}
#battlepass .battlepass__button.black:hover {
  transition: background 0.5s ease;
  background: rgb(8, 12, 16);
}
#battlepass .battlepass__level {
  margin-left: 10.9259259259vh;
  margin-right: 2.962962963vh;
  width: 51.4814814815vh;
  display: flex;
  flex-direction: column;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  font-size: 1.3888888889vh;
  letter-spacing: -0.03em;
}
#battlepass .battlepass__level .battlepass__subtitle {
  font-weight: 800;
  font-size: 2.2222222222vh;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
#battlepass .battlepass__level .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#battlepass .battlepass__level .battlepass__level_progress {
  margin-top: 1.4814814815vh;
  margin-bottom: 1.4814814815vh;
  width: 51.4814814815vh;
  height: 2.2222222222vh;
  background: rgba(96, 104, 109, 0.4);
  border-radius: 0.3703703704vh;
}
#battlepass .battlepass__level .battlepass__level_progress .current__progress {
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, #6495ED 0%, #447eea 100%);
  border-radius: 0.3703703704vh;
}
#battlepass .red {
  color: #6495ED;
}
#battlepass .gray {
  color: #869199;
}
#battlepass .battlepass__tasks {
  margin-left: 10.9259259259vh;
  min-width: 34.0740740741vh;
  width: 100%;
  height: 44.0740740741vh;
  display: flex;
  flex-direction: column;
  border: 0.0925925926vh solid #60686D;
  border-radius: 0.3703703704vh;
  padding-left: 2.2222222222vh;
  padding-right: 1.1111111111vh;
  padding-bottom: 2.2222222222vh;
  padding-top: 2.2222222222vh;
  background: rgba(54, 54, 54, 0.65);
}
#battlepass .battlepass__tasks .battlepass__tasks__header {
  text-transform: uppercase;
  margin-bottom: 2.2222222222vh;
  font-size: 1.8518518519vh;
  font-weight: bold;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);
  background: linear-gradient(180deg, #FFFFFF 60%, #828282 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#battlepass .battlepass__tasks .battlepass__tasks_element {
  font-size: 1.4814814815vh;
  width: 100%;
  padding: 1.1111111111vh;
  margin-bottom: 0.9259259259vh;
  display: flex;
  flex-direction: column;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  background: #6495ED;
  border-radius: 0.3703703704vh;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .gray {
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
  margin-bottom: 1.0185185185vh;
  align-items: flex-start !important;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_height {
  width: 65%;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.3703703704vh;
  padding-bottom: 0.3703703704vh;
  padding-left: 1.1111111111vh;
  padding-right: 1.1111111111vh;
  background: #000000;
  border-radius: 0.3703703704vh;
  font-size: 1.1111111111vh;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .box-between {
  align-items: center;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
  font-family: "TTNorms-Regular";
  font-size: 1.1111111111vh;
  line-height: 130%;
  color: #fcfcfc;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done {
  background: rgba(134, 145, 153, 0.2);
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .small {
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .green {
  color: #ffffff;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .gray {
  opacity: 0;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week {
  background: #386ccc;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week .small {
  color: #f5f5f5;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week .battlepass__tasks_exp {
  background: #000000;
}
#battlepass .battlepass__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 2.5925925926vh;
  margin-bottom: 3.5185185185vh;
}
#battlepass .battlepass__tasks_block {
  max-height: 35vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1.1111111111vh;
}
#battlepass .battlepass__tasks_block::-webkit-scrollbar {
  width: 0.2777777778vh;
}
#battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.4);
  border-radius: 0.3703703704vh;
}
#battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
  background: rgba(253, 255, 252, 0.7);
  border-radius: 0.5555555556vh;
}
#battlepass .battlepass__blocks {
  display: flex;
  align-items: center;
  width: 121.1111111111vh;
  margin-left: 0.7407407407vh;
  position: relative;
}
#battlepass .battlepass__blocks .battlepass__block_unpremium {
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
#battlepass .battlepass__blocks .battlepass__blocks_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 16.6666666667vh;
  font-size: 1.8518518519vh;
  letter-spacing: -0.03em;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 0.7407407407vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block:last-child {
  margin-right: 0;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
  background: rgba(94, 94, 94, 0.65);
  border-radius: 0.3703703704vh;
  height: 5.5555555556vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.7407407407vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
  margin-bottom: 0.7407407407vh;
  background: rgba(94, 94, 94, 0.65);
  border-radius: 0.3703703704vh;
  height: 18.5185185185vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.taked {
  opacity: 0.6;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.free-start {
  background: rgba(94, 94, 94, 0.65);
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.premium-start {
  background: linear-gradient(180deg, #6495ED 0%, #2e59aa 100%);
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
  background: linear-gradient(180deg, #6495ED 0%, #2e59aa 100%);
  opacity: 0.3;
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
  opacity: 1;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12.5925925926vh;
  height: 3.7037037037vh;
  font-size: 1.3888888889vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background: rgba(8, 12, 16, 0.65);
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
  background: #407ae4;
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
  width: 11.1111111111vh;
  height: 11.1111111111vh;
  margin-bottom: 1.0185185185vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 1.1111111111vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image.free {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/free.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image.prime {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/prime.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
  position: absolute;
  right: 0.462962963vh;
  top: 0.462962963vh;
  font-size: 1.2962962963vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
  text-align: center;
  font-size: 1.3888888889vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
  text-transform: uppercase;
  font-size: 1.4814814815vh;
  font-weight: bold;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);
  background: linear-gradient(180deg, #FFFFFF 60%, #828282 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
  font-size: 1.8518518519vh;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active {
  color: white;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .battlepass__block_lvl {
  background: #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
  background: #6495ED;
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
  background: linear-gradient(180deg, #6495ED 0%, #6495ED 100%);
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
  background: #3C3C3C;
  opacity: 0.65;
  border: 0.1851851852vh solid #696969;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
  background: linear-gradient(180deg, #6495ED 0%, #6495ED 100%);
  opacity: 0.5;
  border: 0.1851851852vh solid #6495ED;
}
#battlepass .battlepass__image_info {
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  margin-right: 1.6666666667vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/question.png);
  margin-left: 10.9259259259vh;
  cursor: pointer;
}
#battlepass .battlepass__info_button {
  font-size: 2.2222222222vh;
  font-weight: 600;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  color: #6495ED;
  cursor: pointer;
}
#battlepass .battlepass__page_button {
  width: 2.5925925926vh;
  height: 2.5925925926vh;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.7777777778vh;
  font-weight: bold;
  color: white;
  border: 0.0925925926vh solid #4581f1;
  padding-bottom: 0.3703703704vh;
  position: relative;
  cursor: pointer;
}
#battlepass .battlepass__page_button:hover {
  background: #6495ED;
}
#battlepass .battlepass__page_button.left::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0.7407407407vh solid transparent;
  border-right: 0.7407407407vh solid white;
}
#battlepass .battlepass__page_button.right::after {
  content: "";
  position: absolute;
  left: 70%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0.7407407407vh solid transparent;
  border-left: 0.7407407407vh solid white;
}
#battlepass .battlepass__info_text {
  font-size: 1.8518518519vh;
  font-weight: 400;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  margin-right: 1.8518518519vh;
  margin-left: 1.8518518519vh;
}
#battlepass .battlepass__popup_info {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(30, 38, 47, 0.65);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
#battlepass .battlepass__popup_info.popupback {
  align-items: flex-start;
  justify-content: flex-start;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/popupback.png);
  padding: 3.7037037037vh;
  padding-left: 10.9259259259vh;
  padding-right: 10.9259259259vh;
}
#battlepass .battlepass__popup_info .battlepass__popup_title {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 5.5555555556vh;
  margin-top: 5.1851851852vh;
}
#battlepass .battlepass__popup_info .newproject__buttonblock {
  margin: 0;
  margin-right: 54.2592592593vh;
}
#battlepass .battlepass__popup_info .battlepass__image_info {
  margin: 0;
}
#battlepass .battlepass__popup_info .battlepass__image_info {
  width: 3.7037037037vh;
  height: 3.7037037037vh;
}
#battlepass .battlepass__popup_info .battlepass__popup_block {
  width: 68.5185185185vh;
  padding: 2.5925925926vh;
  background: rgba(8, 12, 16, 0.7);
  border-radius: 1.8518518519vh;
  margin-top: 2.4074074074vh;
}
#battlepass .battlepass__popup_info .battlepass__popup_text {
  margin-top: 2.4074074074vh;
}
#battlepass .battlepass__buylevels_box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15.7407407407vh;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
  position: absolute;
  content: "";
  width: 41.8518518519vh;
  height: 41.8518518519vh;
  background: #6495ED;
  opacity: 0.4;
  filter: blur(134px);
  border-radius: 50%;
  z-index: -1;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
  font-family: "RF Dewi Extended";
  font-weight: 900;
  font-size: 4.6296296296vh;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #295099;
  position: relative;
  margin-bottom: 4.4444444444vh;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
  content: attr(data-text);
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
  content: "1 УРОВЕНЬ";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second {
  position: relative;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
  content: "5 УРОВНЕЙ";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third {
  position: relative;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
  content: "25 УРОВНЕЙ";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
  width: 44.4444444444vh;
  height: 24.8148148148vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/popup_levels.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
  font-family: "RF Dewi Extended";
  font-weight: 900;
  font-size: 5.5555555556vh;
  margin-bottom: 4.4444444444vh;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__button {
  text-transform: uppercase;
}
#battlepass .battlepass__popup_maintitle {
  margin-top: 8.3333333333vh;
  font-family: "RF Dewi Extended";
  font-weight: 900;
  font-size: 5.5555555556vh;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #6495ED;
  position: relative;
  text-transform: uppercase;
}
#battlepass .battlepass__popup_maintitle::after {
  content: "Разблокировать летний пропуск";
  position: absolute;
  top: -0.5555555556vh;
  left: 0;
  color: white;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
#battlepass .battlepass__popup_buytext {
  margin-top: 5.1851851852vh;
  margin-bottom: 4.4444444444vh;
  width: 96.2962962963vh;
  font-family: "TTNorms-Regular";
  font-weight: 100;
  font-size: 2.5925925926vh;
  line-height: 3.7037037037vh;
}
#battlepass .battlepass__popup_pricetext {
  margin-right: 2.962962963vh;
  font-family: "RF Dewi Extended";
  font-weight: bold;
  font-size: 5.5555555556vh;
}
#battlepass .battlepass__popup_heroes {
  position: absolute;
  right: 0.9259259259vh;
  bottom: 0;
  width: 91.4814814815vh;
  height: 71.5740740741vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/buy.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions {
  position: relative;
  width: 100%;
  height: 61.0185185185vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#battlepass .battlepass__missions_column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: -11.4814814815vh;
  right: 0vh;
}
#battlepass .battlepass__missions_column .box-flex {
  align-items: center;
}
#battlepass .battlepass__missions_column .battlepass__column_page {
  width: 7.4074074074vh;
  height: 7.4074074074vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/page.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 1.8518518519vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  font-size: 2.962962963vh;
}
#battlepass .battlepass__missions_column .battlepass__column_page.first {
  margin-left: 1.8518518519vh;
}
#battlepass .battlepass__missions_column .battlepass__column_page.active {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/page-active.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_level {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  font-size: 2.5925925926vh;
  width: 30.3703703704vh;
  height: 4.4444444444vh;
  background: linear-gradient(270deg, #6495ED 45.31%, rgba(231, 29, 54, 0) 100%);
  border-right: 0.3703703704vh solid #3272e8;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-top: 2.7777777778vh;
}
#battlepass .battlepass__missions_popup {
  position: absolute;
  pointer-events: none;
  width: 37.037037037vh;
  height: 37.037037037vh;
  border-radius: 0.5555555556vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(8, 12, 16, 0.85);
  color: #fff;
  text-align: center;
  z-index: 1;
  bottom: 50%;
  left: 90%;
  transition: opacity 0.3s;
}
#battlepass .battlepass__missions_popup .battlepass__missions_descr {
  font-family: "TTNorms-Regular";
  font-weight: normal;
  align-self: flex-start;
  font-size: 1.2962962963vh;
  color: #869199;
  letter-spacing: -0.03em;
  padding-left: 1.4814814815vh;
  padding-right: 1.4814814815vh;
  padding-top: 1.4814814815vh;
  margin-bottom: 1.8518518519vh;
  text-align: left;
}
#battlepass .battlepass__missions_popup .battlepass__missions_text {
  font-family: "TTNorms-Regular";
  font-weight: 500;
  font-size: 1.2962962963vh;
  color: #869199;
  letter-spacing: -0.03em;
  margin-top: 0.7407407407vh;
  text-align: left;
  width: 100%;
  align-items: flex-start;
  padding-left: 1.4814814815vh;
}
#battlepass .battlepass__missions_popup .battlepass__missions_prise {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: flex-start;
  font-size: 2.5925925926vh;
  line-height: 3.1481481481vh;
  padding-left: 1.4814814815vh;
  text-align: left;
  width: 100%;
  margin-top: 2.962962963vh;
}
#battlepass .battlepass__missions_popup .battlepass__missions_prise .red {
  color: #6495ED;
}
#battlepass .battlepass__missions_popup .battlepass__missions_gray {
  font-family: "TTNorms-Regular";
  font-weight: normal;
  align-items: flex-start;
  color: #A6B1BA;
  font-size: 1.2962962963vh;
  margin-top: 0.5555555556vh;
  padding-left: 1.4814814815vh;
  text-align: left;
  width: 100%;
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer {
  background: linear-gradient(90deg, #2f6ddf 49.29%, rgba(166, 36, 53, 0) 102.87%);
  width: 37.037037037vh;
  height: 5.1851851852vh;
  display: flex;
  align-items: center;
  padding-left: 1.4814814815vh;
  padding-top: 1.1111111111vh;
  padding-bottom: 1.1111111111vh;
  border-bottom-left-radius: 1.1111111111vh;
  border-bottom-right-radius : 1.1111111111vh;
  margin-top: auto;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: 1.2962962963vh;
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer.trans {
  background: transparent;
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
  width: 2.962962963vh;
  margin-right: 0.9259259259vh;
  height: 2.962962963vh;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/mouse.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_popup .battlepass__missions_progress {
  width: 34.0740740741vh;
  height: 1.8518518519vh;
  border-radius: 0.1851851852vh;
  background: #3D444B;
  overflow: hidden;
}
#battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
  height: 100%;
  border-radius: 0.1851851852vh;
  background: #3372e7;
  width: 0;
}
#battlepass .battlepass__missions_popup .battlepass__missions_header {
  width: 37.037037037vh;
  height: 7.4074074074vh;
  border-radius: 1.1111111111vh;
  padding-left: 1.4814814815vh;
  padding-right: 1.4814814815vh;
  padding-top: 1.4814814815vh;
  display: flex;
  flex-direction: column;
  background: #040308;
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/tooltip.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  align-items: flex-start;
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
  margin-left: 1.1111111111vh;
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
  font-family: "TTNorms-Regular";
  font-style: italic;
  font-weight: normal;
  align-items: flex-start;
  font-size: 1.8518518519vh;
  color: #869199;
  letter-spacing: -0.03em;
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: center;
  font-size: 1.8518518519vh;
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  background: #6495ED;
  box-shadow: 0px 0px 34px rgb(18, 124, 246);
  transform: rotate(45deg);
}
#battlepass .battlepass__missions_element {
  width: 16.8518518519vh;
  height: 16.8518518519vh;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#battlepass .battlepass__missions_element .battlepass__missions_element_info {
  width: 9.2592592593vh;
  height: 9.2592592593vh;
}
#battlepass .battlepass__missions_element .battlepass__missions_element_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.5740740741vh;
  height: 11.5740740741vh;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
#battlepass .battlepass__missions_element.closed {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/blocked.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.active {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/active.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.done {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/done.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.selected {
  background-image: url(/src/views/player/gta5devmenu/elements/battlepass/assets/selected.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
  width: 12.962962963vh;
  height: 12.962962963vh;
}
#battlepass .battlepass__missions_element.position1 {
  position: absolute;
  left: 5.1851851852vh;
  bottom: 26.3888888889vh;
}
#battlepass .battlepass__missions_element.position2 {
  position: absolute;
  left: 23.5185185185vh;
  bottom: 38.7962962963vh;
}
#battlepass .battlepass__missions_element.position3 {
  position: absolute;
  left: 28.2407407407vh;
  bottom: 20.6481481481vh;
}
#battlepass .battlepass__missions_element.position4 {
  position: absolute;
  left: 41.5740740741vh;
  bottom: 38.7962962963vh;
}
#battlepass .battlepass__missions_element.position5 {
  position: absolute;
  left: 59.6296296296vh;
  bottom: 38.7962962963vh;
}
#battlepass .battlepass__missions_element.position6 {
  position: absolute;
  left: 77.7777777778vh;
  bottom: 38.7962962963vh;
}
#battlepass .battlepass__missions_element.position7 {
  position: absolute;
  left: 46.4814814815vh;
  bottom: 20.6481481481vh;
}
#battlepass .battlepass__missions_element.position8 {
  position: absolute;
  left: 46.4814814815vh;
  bottom: 6.2037037037vh;
}
#battlepass .battlepass__missions_element.position9 {
  position: absolute;
  left: 28.2407407407vh;
  bottom: 6.2037037037vh;
}
#battlepass .battlepass__missions_element.position10 {
  position: absolute;
  left: 10.0925925926vh;
  bottom: 6.2037037037vh;
}
#battlepass .battlepass__missions_element.position11 {
  position: absolute;
  left: 64.6296296296vh;
  bottom: 20.6481481481vh;
}
#battlepass .battlepass__missions_element.position12 {
  position: absolute;
  left: 82.8703703704vh;
  bottom: 20.6481481481vh;
}
#battlepass .battlepass__missions_element.position13 {
  position: absolute;
  left: 100.462962963vh;
  bottom: 6.2037037037vh;
}
#battlepass .battlepass__missions_element.position14 {
  position: absolute;
  left: 101.1111111111vh;
  bottom: 32.962962963vh;
}
#battlepass .battlepass__missions_element.position15 {
  position: absolute;
  left: 118.6111111111vh;
  bottom: 6.2037037037vh;
}
#battlepass .battlepass__missions_element.position16 {
  position: absolute;
  left: 119.0740740741vh;
  bottom: 32.962962963vh;
}
#battlepass .battlepass__missions_element.position17 {
  position: absolute;
  left: 119.0740740741vh;
  bottom: 47.1296296296vh;
}
#battlepass .battlepass__missions_element.position18 {
  position: absolute;
  left: 137.4074074074vh;
  bottom: 47.1296296296vh;
}
#battlepass .battlepass__missions_element.position19 {
  position: absolute;
  left: 137.4074074074vh;
  bottom: 32.962962963vh;
}
#battlepass .battlepass__missions_element.position20 {
  position: absolute;
  left: 155.5555555556vh;
  bottom: 32.962962963vh;
}
#battlepass .battlepass__line_1 {
  position: absolute;
  left: 18.2407407407vh;
  bottom: 34.7222222222vh;
  font-size: 12.5925925926vh;
  z-index: -1;
  color: #c2b1b1;
}
#battlepass .battlepass__line_1.active {
  color: #6495ED;
}
#battlepass .battlepass__line_3 {
  position: absolute;
  left: 18.2407407407vh;
  bottom: 28.8888888889vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  color: #ffffff;
}
#battlepass .battlepass__line_3.active {
  color: #6495ED;
}
#battlepass .battlepass__line_2 {
  position: absolute;
  left: 36.5740740741vh;
  bottom: 47.1296296296vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_2.active {
  background: #6495ED;
}
#battlepass .battlepass__line_4 {
  position: absolute;
  left: 54.537037037vh;
  bottom: 47.1296296296vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_4.active {
  background: #6495ED;
}
#battlepass .battlepass__line_5 {
  position: absolute;
  left: 72.6851851852vh;
  bottom: 47.1296296296vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_5.active {
  background: #6495ED;
}
#battlepass .battlepass__line_6 {
  position: absolute;
  left: 41.2962962963vh;
  bottom: 28.8888888889vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_6.active {
  background: #6495ED;
}
#battlepass .battlepass__line_7 {
  position: absolute;
  left: 55.1851851852vh;
  bottom: 18.8888888889vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 0.1851851852vh;
  height: 5.8333333333vh;
}
#battlepass .battlepass__line_7.active {
  background: #6495ED;
}
#battlepass .battlepass__line_8 {
  position: absolute;
  left: 41.2962962963vh;
  bottom: 14.537037037vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_8.active {
  background: #6495ED;
}
#battlepass .battlepass__line_9 {
  position: absolute;
  left: 23.1481481481vh;
  bottom: 14.537037037vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_9.active {
  background: #6495ED;
}
#battlepass .battlepass__line_10 {
  position: absolute;
  left: 59.537037037vh;
  bottom: 28.8888888889vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_10.active {
  background: #6495ED;
}
#battlepass .battlepass__line_11 {
  position: absolute;
  left: 77.7777777778vh;
  bottom: 28.8888888889vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_11.active {
  background: #2455b1;
}
#battlepass .battlepass__line_12 {
  position: absolute;
  left: 95.9259259259vh;
  bottom: 28.8888888889vh;
  font-size: 12.5925925926vh;
  z-index: -1;
  color: #6495ED;
}
#battlepass .battlepass__line_12.active {
  color: #1f4fa9;
}
#battlepass .battlepass__line_13 {
  position: absolute;
  left: 95.9259259259vh;
  bottom: 14.4444444444vh;
  font-size: 14.6296296296vh;
  z-index: -1;
  color: #60686D;
}
#battlepass .battlepass__line_13.active {
  color: #6495ED;
}
#battlepass .battlepass__line_14 {
  position: absolute;
  left: 113.5185185185vh;
  bottom: 14.537037037vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_14.active {
  background: #6495ED;
}
#battlepass .battlepass__line_15 {
  position: absolute;
  left: 114.0740740741vh;
  bottom: 41.2962962963vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_15.active {
  background: #6495ED;
}
#battlepass .battlepass__line_16 {
  position: absolute;
  left: 127.7777777778vh;
  bottom: 45.462962963vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 0.1851851852vh;
  height: 5.8333333333vh;
}
#battlepass .battlepass__line_16.active {
  background: #6495ED;
}
#battlepass .battlepass__line_17 {
  position: absolute;
  left: 132.1296296296vh;
  bottom: 55.462962963vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_17.active {
  background: #6495ED;
}
#battlepass .battlepass__line_18 {
  position: absolute;
  left: 146.0185185185vh;
  bottom: 45.462962963vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 0.1851851852vh;
  height: 5.8333333333vh;
}
#battlepass .battlepass__line_18.active {
  background: #6495ED;
}
#battlepass .battlepass__line_19 {
  position: absolute;
  left: 150.462962963vh;
  bottom: 41.2962962963vh;
  font-size: 5.9259259259vh;
  z-index: -1;
  background: #6495ED;
  width: 9.537037037vh;
  height: 0.1851851852vh;
}
#battlepass .battlepass__line_19.active {
  background: #6495ED;
}
#battlepass .battlepass__missions_bot {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: center;
  letter-spacing: -0.03em;
  font-size: 2.5925925926vh;
  padding-left: 8.9814814815vh;
}
#battlepass .battlepass__missions_bot .red {
  color: #6495ED;
}
.gta5devbp {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0vh;
  top: 0vh;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.gta5devbp .headbp {
  width: 51.4815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 13.4259vh;
  margin-right: 91.1111vh;
}

.gta5devbp .missionbp {
  position: absolute;
  top: 7.6389vh;
  margin-left: 66.7963vh;
  width: 91.1111vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.gta5devbp .menubp {
  position: absolute;
  top: 46.0185vh;
  width: 157.7778vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devbp .headbp img {
  width: 51.4815vh;
  height: 11.6167vh;
  margin-bottom: 1.6204vh;
}

.gta5devbp .headbp span {
  width: 51.4815vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  margin-bottom: 1.0185vh;
}

.gta5devbp .headbp .butnsbp {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devbp .headbp .butnsbp .butnbp {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0vh 0.4167vh;
}

.gta5devbp .missionbp .headmisbp {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8333vh;
}

.gta5devbp .missionbp .listmisbp {
  display: flex;
  width: 92.1111vh;
  height: 25.9259vh;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.gta5devbp .missionbp .listmisbp .misbp {
  width: 29.8148vh;
  height: 12.037vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.8333vh;
  margin-left: 0.8333vh;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis {
  width: 27.2546vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.2778vh;
}

.gta5devbp .missionbp .listmisbp .misbp .descmis {
  width: 27.2546vh;
  height: 5.2315vh;
  margin-top: auto;
}

.gta5devbp .missionbp .listmisbp .misbp .bottommis {
  width: 27.2546vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.5278vh;
  margin-bottom: 1.2778vh;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0.0463vh;
  text-align: left;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis p {
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis .rewradmislist {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-left: 0.463vh;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis .rewradmislist span {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 0vh;
  letter-spacing: 0vh;
  text-align: right;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis .rewradmislist span svg.exp {
  width: 1.1111vh;
  height: 1.2037vh;
  margin-left: 0.463vh;
}

.gta5devbp .missionbp .listmisbp .misbp .headmis .rewradmis .rewradmislist span svg.money {
  width: 1.1111vh;
  height: 1.2037vh;
  margin-left: 0.463vh;
}

.gta5devbp .missionbp .listmisbp .misbp .descmis p {
  color: rgba(255, 255, 255, 0.7);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 600;
  line-height: 1.1111vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devbp .missionbp .listmisbp .misbp .bottommis p {
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 600;
  line-height: 1.1111vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devbp .missionbp .listmisbp .misbp .bottommis span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 600;
  line-height: 1.1111vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devbp .missionbp .listmisbp .misbp .bottommis p b {
  color: #fff;
}

.gta5devbp .menubp .navmenubp {
  width: 157.7778vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2.1296vh;
}

.gta5devbp .menubp .itemsbp {
  width: 157.7778vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.gta5devbp .menubp .navmenubp .butnbp {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8333vh;
}

.gta5devbp .menubp .navmenubp .butnbpact {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(106, 202, 0);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8333vh;
}

.gta5devbp .menubp .navmenubp .leftbutnbp {
  width: 5.463vh;
  height: 5vh;
  border-radius: 0.9259vh 0vh 0vh 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 0.1852vh;
}

.gta5devbp .menubp .navmenubp .rightbutnbp {
  width: 5.463vh;
  height: 5vh;
  border-radius: 0vh 0.9259vh 0.9259vh 0vh;
  background: rgb(20, 20, 20);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8333vh;
}

.gta5devbp .menubp .navmenubp .lvlbp {
  width: 21.8519vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  font-size: 1.3889vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devbp .menubp .navmenubp .leftbutnbp svg {
  width: 0.8333vh;
  height: 1.5741vh;
}

.gta5devbp .menubp .navmenubp .rightbutnbp svg {
  width: 0.8333vh;
  height: 1.5741vh;
}

.gta5devbp .menubp .navmenubp .lvlbp p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .menubp .navmenubp .lvlbp span {
  margin-left: 0.463vh;
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .menubp .navmenubp .lvlbp span svg.exp {
  width: 1.1111vh;
  height: 1.2037vh;
}

.gta5devbp .menubp .itemsbp .leftbp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 1.1111vh;
}

.gta5devbp .menubp .itemsbp .rightbp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devbp .menubp .itemsbp .leftbp .standartbp {
  display: flex;
  width: 5vh;
  height: 19.4444vh;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 19);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devbp .menubp .itemsbp .leftbp .premiumbp {
  display: flex;
  width: 5vh;
  height: 19.4444vh;
  border-radius: 0.9259vh;
  background: rgb(106, 202, 0);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devbp .menubp .itemsbp .leftbp .standartbp svg {
  width: 2.5vh;
  height: 2.5vh;
  margin-top: 1.6204vh;
}

.gta5devbp .menubp .itemsbp .leftbp .standartbp p {
  width: 9.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  transform: rotate(-90deg);
  margin-top: 7.8704vh;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .menubp .itemsbp .leftbp .premiumbp svg {
  width: 2.5vh;
  height: 2.5vh;
  margin-top: 1.6204vh;
}

.gta5devbp .menubp .itemsbp .leftbp .premiumbp p {
  width: 9.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  transform: rotate(-90deg);
  margin-top: 7.8704vh;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 1.8519vh;
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem {
  width: 24.4444vh;
  height: 19.4444vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  margin-left: 0.8333vh;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top {
  width: 22.1296vh;
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .butnitem {
  position: absolute;
  margin-top: 7.4074vh;
  opacity: 0;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top .lineitem {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top .lineitem.\30  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(148, 148, 148, 0.5);
  background: rgb(148, 148, 148);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top .lineitem.\31  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top .lineitem.\32  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(248, 201, 65, 0.5);
  background: rgb(248, 201, 65);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top .lineitem.\33  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(50, 166, 134, 0.5);
  background: rgb(50, 166, 134);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .top span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.0463vh;
  text-align: right;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .butnitem .butuse {
  width: 14.1667vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(106, 202, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .item img {
  max-width: 21.7037vh;
  height: 13.7037vh;
  max-height: 13.7037vh;
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem .item p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0.0463vh;
  margin-top: 0.2vh;
  text-align: center;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem {
  width: 24.4444vh;
  height: 19.4444vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  margin-left: 0.8333vh;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top {
  width: 22.1296vh;
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .butnitem {
  position: absolute;
  margin-top: 7.4074vh;
  opacity: 0;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top .lineitem {
  width: 2.3148vh;
  height: 0.5556vh;
  border-radius: 0.2778vh;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top .lineitem.\30  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(148, 148, 148, 0.5);
  background: rgb(148, 148, 148);
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top .lineitem.\31  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(253, 33, 61, 0.5);
  background: rgb(253, 33, 61);
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top .lineitem.\32  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(248, 201, 65, 0.5);
  background: rgb(248, 201, 65);
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top .lineitem.\33  {
  box-shadow: 0vh 0vh 8.8889vh 2.1296vh rgba(50, 166, 134, 0.5);
  background: rgb(50, 166, 134);
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .top span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.0463vh;
  text-align: right;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .butnitem .butdone {
  width: 14.1667vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(51, 51, 51);
  color: rgb(255, 255, 255);
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .butnitem .butuse {
  width: 14.1667vh;
  height: 5vh;
  border-radius: 0.9259vh;
  background: rgb(106, 202, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: none;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .item img {
  max-width: 21.7037vh;
  height: 13.7037vh;
  max-height: 13.7037vh;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem .item p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0.0463vh;
  margin-top: 0.2vh;
  text-align: center;
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp .blocklvlbp {
  width: 24.4444vh;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 0.8333vh;
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp .blocklvlbp .linelvlbp {
  width: 20.1852vh;
  height: 0.463vh;
  border-radius: 0.7407vh;
  background: rgb(17, 17, 17);
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp .blocklvlbp .blvlbp {
  width: 3.5185vh;
  height: 2.5926vh;
  border-radius: 0.6481vh;
  background: rgb(17, 17, 17);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp .blocklvlbp.active .linelvlbp {
  box-shadow: 0vh 0vh 0.5556vh 0vh rgba(106, 202, 0, 0.25);
  background: rgb(106, 202, 0);
}

.gta5devbp .menubp .itemsbp .rightbp .progreslvlbp .blocklvlbp.active .blvlbp {
  box-shadow: 0vh 0vh 0.5556vh 0vh rgba(106, 202, 0, 0.25);
  background: rgb(106, 202, 0);
}

.gta5devbp p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.gta5devbp .headbp .butnsbp .butnbp:hover {
  background: rgb(106, 202, 0);
}

.gta5devbp .menubp .navmenubp .butnbp:hover {
  background: rgb(106, 202, 0);
}

.gta5devbp .menubp .itemsbp .rightbp .standartlvlbp .blockitem.active:hover .butnitem {
  opacity: 1;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem:hover .butnitem {
  opacity: 1;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp .blockitem.active .butnitem .butdone {
  display: flex;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp.active .blockitem.active .butnitem .butuse {
  display: flex;
}

.gta5devbp .lvlpbbuy {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: linear-gradient(0deg, rgba(25, 26, 39, 0.9), rgba(25, 26, 39, 0.7) 100%);
}

.gta5devbp .lvlpbbuy .blocklvl {
  width: 36.2963vh;
  height: 38.5185vh;
  display: flex;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 17);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 1.8519vh;
}

.gta5devbp .lvlpbbuy .blocklvl h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.3148vh;
  font-weight: 500;
  line-height: 2.7778vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  margin-top: 2.2222vh;
}

.gta5devbp .lvlpbbuy .blocklvl svg {
  width: 18.5185vh;
  height: 18.5185vh;
  margin-top: 2.8704vh;
}

.gta5devbp .lvlpbbuy .blocklvl .btnbplvl {
  margin-top: 2.8704vh;
  width: 28.5185vh;
  height: 5.5556vh;
  border-radius: 0.9259vh;
  background: rgb(32, 32, 32);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border-radius: 0.9259vh;
}

.gta5devbp .lvlpbbuy .blocklvl .btnbplvl p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
}

.gta5devbp .lvlpbbuy .blocklvl .btnbplvl svg {
  width: 2.1296vh;
  height: 2.037vh;
  margin: 0 0.463vh;
}

.gta5devbp .lvlpbbuy .blocklvl .btnbplvl:hover {
  background: rgb(255, 255, 255);
}

.gta5devbp .lvlpbbuy .blocklvl .btnbplvl:hover p {
  color: #1e1e1e;
  text-shadow: none;
}

.gta5devbp .lvlpbbuy .bpinform {
  width: 52.7778vh;
  height: 47.6852vh;
  border-radius: 0.9259vh;
  background: rgb(17, 17, 17);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devbp .lvlpbbuy .bpinform h1 {
  width: 41.6667vh;
  margin-top: 4.6296vh;
  margin-bottom: 3.2407vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 700;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devbp .lvlpbbuy .bpinform p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.9444vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  width: 41.6667vh;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.9444vh;
}

.gta5devbp .lvlpbbuy .bpinform p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  width: 41.6667vh;
  color: rgb(255, 255, 255);
}

.gta5devbp .pbbuy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
  background: url(https://cdn.just-rp.online/i.imgur.com/N7lb1BD.png);
  background-size: cover;
}

.gta5devbp .pbbuy img {
  width: 51.4815vh;
  height: 11.6667vh;
  margin-top: 11.6667vh;
}

.gta5devbp .pbbuy .blocklist {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin-top: 5.463vh;
}

.gta5devbp .pbbuy .blocklist .blockbp {
  width: 31.4815vh;
  height: 39.3519vh;
  border-radius: 0.9259vh;
  background: rgb(16, 16, 16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0.9259vh;
}

.gta5devbp .pbbuy .blocklist .blockbp h1 {
  width: 25.9259vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 700;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  margin-top: 2.5926vh;
}

.gta5devbp .pbbuy .blocklist .blockbp p {
  width: 25.9259vh;
  color: rgba(255, 255, 255, 0.7);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.9444vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  margin-top: 2.1296vh;
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: 2.5926vh;
}

.gta5devbp .pbbuy .blocklist .blockbp p b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: 0.0463vh;
  text-align: left;
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist .btnbpbuy {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 25.9259vh;
  height: 5vh;
  border-radius: 0.3704vh;
  background: rgb(35, 35, 35);
  margin-top: 0.9259vh;
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist .btnbpbuy p {
  color: rgba(255, 255, 255, 0.9);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  width: auto;
  margin: 0;
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist .btnbpbuy svg {
  width: 1.9444vh;
  height: 1.8519vh;
  margin: 0 0.463vh;
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist .btnbpbuy:hover {
  background: rgb(255, 255, 255);
}

.gta5devbp .pbbuy .blocklist .blockbp .btnlist .btnbpbuy:hover p {
  color: #1e1e1e;
}

.gta5devbp .lvlpbbuy .bpinform h1 span {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3704vh;
  width: 2.2222vh;
  height: 2.2222vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.2);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
}

.gta5devbp .lvlpbbuy .bpinform h1 span:hover {
  border: 0.0926vh solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

.gta5devbp .lvlpbbuy .blocklvl span {
  position: absolute;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 6.9444vh;
  font-weight: 600;
  line-height: 8.3333vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  margin-top: 14.7926vh;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp.active .blockitem.active .butnitem .butdone {
  display: none;
}

.gta5devbp .menubp .itemsbp .rightbp .premiumlvlbp.active .blockitem .butnitem .butdone {
  display: none;
}

.gta5devbp .menubp2 {
  width: 157.7778vh;
  height: 52.2222vh;
  border-radius: 0.9259vh;
  background: rgba(17, 17, 17, 0.5);
  margin-top: 46.0185vh;
  position: relative;
}

.gta5devbp .menubp2 .blockmis {
  width: 7.1213vh;
  height: 8.2407vh;
  background: url(http://gta5dev.online/heone/sbp/mis.png);
  background-size: cover !important;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.battlepass__missions_element_info {
  width: 12.963vh;
  height: 12.963vh;
}

.battlepass__missions_element_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.5741vh;
  height: 11.5741vh;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.gta5devbp .menubp2 .blockmis:hover {
  background: url(http://gta5dev.online/heone/sbp/misact.png);
}

.gta5devbp .menubp2 .blockmis.selected {
  width: 7.1213vh;
  height: 8.2407vh;
  background: url(http://gta5dev.online/heone/sbp/misact.png);
  background-size: cover;
}

.gta5devbp .menubp2 .blockmis.closed {
  width: 7.1213vh;
  height: 8.2407vh;
  background: url(http://gta5dev.online/heone/sbp/misdone.png);
  background-size: cover;
}

.gta5devbp .menubp2 .blockmis.done {
  width: 7.1213vh;
  height: 8.2407vh;
  background: url(http://gta5dev.online/heone/sbp/miscomp.png);
  background-size: cover;
}

.gta5devbp .menubp2 .blockmis.pos1 {
  position: absolute;
  left: 2.5463vh;
  top: 12.8241vh;
}

.gta5devbp .menubp2 .blockmis.pos2 {
  position: absolute;
  left: 18.4722vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos3 {
  position: absolute;
  left: 18.4722vh;
  top: 21.9907vh;
}

.gta5devbp .menubp2 .blockmis.pos4 {
  position: absolute;
  left: 33.9352vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos5 {
  position: absolute;
  left: 49.3981vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos6 {
  position: absolute;
  left: 64.8611vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos7 {
  position: absolute;
  left: 33.9352vh;
  top: 21.9907vh;
}

.gta5devbp .menubp2 .blockmis.pos8 {
  position: absolute;
  left: 33.9352vh;
  top: 40.0463vh;
}

.gta5devbp .menubp2 .blockmis.pos9 {
  position: absolute;
  left: 18.4722vh;
  top: 40.0463vh;
}

.gta5devbp .menubp2 .blockmis.pos10 {
  position: absolute;
  left: 3.1019vh;
  top: 40.0463vh;
}

.gta5devbp .menubp2 .blockmis.pos11 {
  position: absolute;
  left: 49.3981vh;
  top: 21.9907vh;
}

.gta5devbp .menubp2 .blockmis.pos12 {
  position: absolute;
  left: 64.8611vh;
  top: 21.9907vh;
}

.gta5devbp .menubp2 .blockmis.pos13 {
  position: absolute;
  left: 80.4167vh;
  top: 30.8796vh;
}

.gta5devbp .menubp2 .blockmis.pos14 {
  position: absolute;
  left: 80.4167vh;
  top: 12.8241vh;
}

.gta5devbp .menubp2 .blockmis.pos15 {
  position: absolute;
  left: 95.8796vh;
  top: 30.8796vh;
}

.gta5devbp .menubp2 .blockmis.pos16 {
  position: absolute;
  left: 95.8796vh;
  top: 12.8241vh;
}

.gta5devbp .menubp2 .blockmis.pos17 {
  position: absolute;
  left: 106.6204vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos18 {
  position: absolute;
  left: 122.0833vh;
  top: 3.9352vh;
}

.gta5devbp .menubp2 .blockmis.pos19 {
  position: absolute;
  left: 132.8241vh;
  top: 12.8241vh;
}

.gta5devbp .menubp2 .blockmis.pos20 {
  position: absolute;
  left: 148.287vh;
  top: 12.8241vh;
}

.gta5devbp .menubp2 .linemis svg {
  stroke: white;
  stroke-opacity: 0.5;
}

.gta5devbp .menubp2 .linemis svg.active {
  stroke: #6ACA00;
  stroke-opacity: 1;
}

.gta5devbp .menubp2 .linemis svg.line1 {
  width: 9.3519vh;
  height: 18.0556vh;
  position: absolute;
  top: 8.0556vh;
  left: 9.4444vh;
}

.gta5devbp .menubp2 .linemis svg.line2 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 25.3704vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line3 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 25.3704vh;
  top: 26.1111vh;
}

.gta5devbp .menubp2 .linemis svg.line4 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 40.8333vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line5 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 56.2963vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line6 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 41.2963vh;
  top: 26.1111vh;
}

.gta5devbp .menubp2 .linemis svg.line7 {
  width: 0.1852vh;
  height: 10.463vh;
  position: absolute;
  left: 37.5926vh;
  top: 29.9074vh;
}

.gta5devbp .menubp2 .linemis svg.line8 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 25.3704vh;
  top: 44.1667vh;
}

.gta5devbp .menubp2 .linemis svg.line9 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 9.9074vh;
  top: 44.1667vh;
}

.gta5devbp .menubp2 .linemis svg.line10 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 56.3889vh;
  top: 26.1111vh;
}

.gta5devbp .menubp2 .linemis svg.line11 {
  width: 8.8889vh;
  height: 18.2407vh;
  position: absolute;
  left: 71.8519vh;
  top: 16.9444vh;
}

.gta5devbp .menubp2 .linemis svg.line12 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 87.2222vh;
  top: 16.9444vh;
}

.gta5devbp .menubp2 .linemis svg.line13 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 87.2222vh;
  top: 35vh;
}

.gta5devbp .menubp2 .linemis svg.line14 {
  position: absolute;
  left: 113.5185vh;
  bottom: 14.537vh;
}

.gta5devbp .menubp2 .linemis svg.line15 {
  width: 4.0741vh;
  height: 9.0741vh;
  position: absolute;
  left: 102.7778vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line16 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 113.4259vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line17 {
  width: 4.1667vh;
  height: 9.0741vh;
  position: absolute;
  left: 128.9815vh;
  top: 8.0556vh;
}

.gta5devbp .menubp2 .linemis svg.line18 {
  width: 8.8889vh;
  height: 0.1852vh;
  position: absolute;
  left: 139.6296vh;
  top: 16.9444vh;
}

.gta5devbp .menubp2 .linemis svg.line19 {
  position: absolute;
  left: 150.463vh;
  bottom: 41.2963vh;
}

.gta5devbp .menubp2 .linemis svg.line1 {
  width: 9.3519vh;
  height: 18.0556vh;
  position: absolute;
  top: 8.0556vh;
  left: 9.4444vh;
}

.hovermisson {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  bottom: 50%;
  left: 90%;
  transition: opacity 0.3s;
  width: 45.1852vh;
  height: 26.6667vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.hovermisson .headmis {
  margin-top: 3.7037vh;
  width: 37.7778vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.hovermisson .descmis {
  width: 37.7778vh;
  color: rgba(255, 255, 255, 0.7);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 0.5556vh;
}

.hovermisson .bottommis {
  width: 37.7778vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.037vh;
  margin-top: auto;
}

.hovermisson .headmis h1 {
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 600;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.hovermisson .headmis .rewradmis {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 0.1852vh;
}

.hovermisson .headmis h1 b {
  font-family: SF Pro Display;
  font-size: 1.7593vh;
  font-weight: 600;
  line-height: 2.1296vh;
  letter-spacing: 0.0463vh;
  text-align: left;
}

.hovermisson .headmis .rewradmis p {
  color: rgba(255, 255, 255, 0.4);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0px;
  text-align: right;
}

.hovermisson .headmis .rewradmis .rewradmislist {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 0.463vh;
}

.hovermisson .headmis .rewradmis .rewradmislist span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0px;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.0926vh;
}

.hovermisson .headmis .rewradmis .rewradmislist span svg.exp {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-left: 0.463vh;
}

.hovermisson .headmis .rewradmis .rewradmislist span svg.money {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-left: 0.463vh;
}

.hovermisson .bottommis p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.4);
}

.hovermisson .bottommis span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.hovermisson .bottommis p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.hovermisson .bar {
  width: 37.7778vh;
  height: 0.3704vh;
  background: rgba(255, 255, 255, 0.1);
  margin-bottom: 3.7037vh;
}

.hovermisson .bar .barprog {
  height: 0.3704vh;
  background: rgb(106, 202, 0);
}

.hovermisson .bottommis span b {
  color: rgb(106, 202, 0);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}
@font-face {
  font-family: "battlepassicons";
  src: url(../src/views/player/gta5devmenu/elements/battlepass/assets/fonts//battlepassicons.eot);
  src: url(../src/views/player/gta5devmenu/elements/battlepass/assets/fonts//battlepassicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/gta5devmenu/elements/battlepass/assets/fonts//battlepassicons.ttf) format("truetype"), url(../src/views/player/gta5devmenu/elements/battlepass/assets/fonts//battlepassicons.woff) format("woff"), url(/src/views/player/gta5devmenu/elements/battlepass/assets/fonts/battlepassicons.svg#battlepassicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=battlepassicons-], [class*=" battlepassicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "battlepassicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.battlepassicons-bottom-top-right1:before {
  content: "\e900";
}

.battlepassicons-top-bottom-right:before {
  content: "\e901";
}

.battlepassicons-bottom-top-right:before {
  content: "\e902";
}

.battlepassicons-top-bottom:before {
  content: "\e903";
}

.battlepassicons-line:before {
  content: "\e904";
}

.battlepassicons-top:before {
  content: "\e905";
}
@font-face {
  font-family: 'icomoon';
  src:  url(../src/views/player/gta5devmenu/elements/shop/assets/fonts//icomoon.eot);
  src:  url(../src/views/player/gta5devmenu/elements/shop/assets/fonts//icomoon.eot#iefix) format('embedded-opentype'),
    url(../src/views/player/gta5devmenu/elements/shop/assets/fonts//icomoon.ttf) format('truetype'),
    url(../src/views/player/gta5devmenu/elements/shop/assets/fonts//icomoon.woff) format('woff'),
    url(/src/views/player/gta5devmenu/elements/shop/assets/fonts/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="donateicons-"], [class*=" donateicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.donateicons-esc:before {
  content: "\e900";
}
.donateicons-home:before {
  content: "\e901";
}

@keyframes buttonanim {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes donatescale {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
#newdonate {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  font-family: "UniNeue";
  box-sizing: border-box;
  overflow-x: auto;
}
@media (max-width: 799px) {
  #newdonate {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    padding-left: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    padding-left: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    padding-left: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    padding-left: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    padding-left: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    padding-left: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    padding-left: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    padding-left: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    padding-left: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    padding-left: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    padding-left: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    padding-left: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    padding-left: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    padding-left: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    padding-left: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    padding-left: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    padding-left: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    padding-left: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    padding-left: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    padding-left: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    padding-right: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    padding-right: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    padding-right: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    padding-right: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    padding-right: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    padding-right: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    padding-right: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    padding-right: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    padding-right: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    padding-right: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    padding-right: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    padding-right: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    padding-right: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    padding-right: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    padding-right: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    padding-right: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    padding-right: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    padding-right: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    padding-right: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    padding-right: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate.popupOpened {
  filter: blur(8px);
  pointer-events: none;
}
#newdonate .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#newdonate .box-date {
  z-index: 1000;
  position: absolute;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
  opacity: 0.2;
}
@media (max-width: 799px) {
  #newdonate .box-date {
    bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    bottom: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    line-height: 31.5px;
  }
}
#newdonate .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#newdonate .newdonate__button {
  background: linear-gradient(270deg, rgba(255, 105, 105, 0.2) -0.04%, rgba(255, 64, 64, 0.2) 87.53%);
  transform: skewX(-40deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    width: 132.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    width: 147.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    width: 190.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    width: 202.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    width: 221.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    width: 206.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    width: 250.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    width: 236px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    width: 280.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    width: 398.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    width: 383.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    width: 590px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    width: 663.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    width: 929.25px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    height: 170.1px;
  }
}
#newdonate .newdonate__button .newdonate__button-main {
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 144.9px;
  }
}
#newdonate .newdonate__button .newdonate__button-main:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button .newdonate__button-main:hover .newdonate__button-x2 {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 85.05px;
  }
}
#newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
  position: absolute;
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(40deg);
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -18px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -25.2px;
  }
}
#newdonate .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    height: 144.9px;
  }
}
#newdonate .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
#newdonate .newdonate__header {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header {
    margin-top: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header {
    margin-top: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header {
    margin-top: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header {
    margin-top: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header {
    margin-top: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header {
    margin-top: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header {
    margin-top: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header {
    margin-top: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header {
    margin-top: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header {
    margin-top: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header {
    margin-top: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header {
    margin-top: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header {
    margin-top: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header {
    margin-top: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header {
    margin-top: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header {
    margin-top: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header {
    margin-top: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header {
    margin-top: 220.5px;
  }
}
#newdonate .newdonate__header .newdonate__header-left {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 297px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 330px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 425.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 452.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 495px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 462px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 561px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 528px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 627px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 825px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 891px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 858px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1089px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1089px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1485px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 2079px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block {
  display: flex;
  align-items: center;
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/store.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 83.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 116.55px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 103.95px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
  font-family: "UniNeue";
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 1417.5px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  color: black;
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
  display: none;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 73.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 81.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 105.135px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 111.655px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 122.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 114.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 138.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 130.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 154.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 203.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 220.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 211.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 203.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 268.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 326px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 268.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 366.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 513.45px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 0.9px solid #C9C9C9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1px solid #C9C9C9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.29px solid #C9C9C9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.37px solid #C9C9C9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.5px solid #C9C9C9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.4px solid #C9C9C9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.7px solid #C9C9C9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.6px solid #C9C9C9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.9px solid #C9C9C9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.5px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.7px solid #C9C9C9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.6px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.5px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 3.3px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 4px solid #C9C9C9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 3.3px solid #C9C9C9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 4.5px solid #C9C9C9;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 6.3px solid #C9C9C9;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 123.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 173.25px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 85.05px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button.active {
  display: flex;
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/strelka.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 66.15px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 63px;
  }
}
#newdonate .newdonate__header .newdonate__header-right {
  display: flex;
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 441px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 617.4px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 198px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 277.2px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top {
  display: flex;
  align-items: center;
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 144.9px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 144.9px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin.redbucks {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/redbucks.png);
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin.bitcoin {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/bitcoin.png);
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 135.45px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
  text-decoration: underline;
  cursor: pointer;
  font-style: normal;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 40.95px;
  }
}
#newdonate #newdonate__main-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 333px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 370px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 477.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 506.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 555px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 518px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 629px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 592px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 703px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 925px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 999px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 962px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 925px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1221px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1665px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 2331px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 162px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 180px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 232.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 246.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 270px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 252px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 306px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 288px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 342px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 486px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 468px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 450px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 594px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 720px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 594px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 810px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 1134px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star-shadow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 1071px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 1071px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element.isBuy {
  opacity: 0.75;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
  height: 100%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 110.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 151.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 168px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 216.72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 230.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 252px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 235.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 285.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 268.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 319.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 453.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 436.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 420px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 554.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 672px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 554.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 756px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 1058.4px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
  display: flex;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 100.8px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
  background: linear-gradient(90deg, #FF4040 64.73%, #FF7979 116.51%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 66.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 121.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 135.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 174.795px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 185.635px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 203.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 189.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 230.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 216.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 257.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 271px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 271px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 338.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 365.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 352.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 338.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 447.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 542px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 447.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 609.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 853.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1800px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 2520px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 141.75px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
  background: #606060;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 25.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line.active {
  background: #FF4040;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line:last-child {
  margin-bottom: 0;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 201.6px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 170.1px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element:hover {
  background: none;
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 567px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img.star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 94.5px;
  }
}
#newdonate #newdonate__shop {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__shop .shop-elements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 504px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 560px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 722.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 767.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 840px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 784px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 952px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 896px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1064px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1512px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1456px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1848px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 2240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1848px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 2520px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 3528px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 186.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 261.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-element {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-element:hover {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.4) 0%, rgba(255, 64, 64, 0) 100%);
}
#newdonate #newdonate__shop .shop-element .star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 567px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 567px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 182.7px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-goodstart {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/goodstart.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-calculating {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/calculating.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-greatstart {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/greatstart.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-greatstart2 {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/greatstart2.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-advanced {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/advanced.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-charg {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/charg.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-bigplans {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/bigplans.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-boldcheck {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/boldcheck.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-legend {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/legend.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-hod {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/hod.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-gift {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/gift.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-dad {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/dad.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-start {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/icons/start.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__info {
  width: 100%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 63px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
  text-transform: uppercase;
  color: #FF4040;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 6.3px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 37.8px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 414px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 579.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 25.2px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 28.35px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 103.95px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 59.85px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 44.1px;
  }
}
#newdonate #newdonate__shop .shop-categorie {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 107.1px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 129.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 63px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element:last-child {
  margin-bottom: 0;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element.active .shop-categorie__checkbox_active {
  display: block !important;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element:hover {
  background: linear-gradient(360deg, rgba(131, 131, 131, 0.2) 0%, rgba(131, 131, 131, 0) 100%);
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 472.5px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
  display: none;
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 25.2px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__paragraph {
  text-align: center;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 567px;
  }
}
#newdonate #newdonate__premium {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1530px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 2142px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 144.9px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.reborn {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-44%, -98%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 342px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 380px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 490.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 520.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 570px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 532px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 646px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 608px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 722px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 760px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 760px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 950px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1026px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 988px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 950px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1254px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1254px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1710px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 2394px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 199.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 221.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 285.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 303.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 332.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 310.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 376.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 354.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 420.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 553.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 598.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 575.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 553.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 730.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 886px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 730.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 996.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 1395.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 85.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 94.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 121.905px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 129.465px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 141.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 132.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 160.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 151.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 179.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 189px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 189px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 236.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 255.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 245.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 236.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 311.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 378px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 311.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 425.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 595.35px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.bronze {
  background: linear-gradient(360deg, rgba(221, 221, 221, 0.2) 0%, rgba(221, 221, 221, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 0.9px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.29px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.37px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.4px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.7px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.6px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.9px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.7px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.6px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 3.3px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 4px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 3.3px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 4.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 6.3px solid rgba(221, 221, 221, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.bronze .newdonate__button_small {
  background: linear-gradient(270deg, #9D9D9D 0.01%, #DDDDDD 93.13%);
  box-shadow: 0px 0px 40px rgba(221, 221, 221, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.silver {
  background: linear-gradient(360deg, rgba(255, 212, 88, 0.2) 0%, rgba(255, 212, 88, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 0.9px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.29px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.37px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.4px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.7px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.6px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.9px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.7px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.6px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 3.3px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 4px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 3.3px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 4.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 6.3px solid rgba(255, 212, 88, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.silver .newdonate__button_small {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFE28F 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 212, 88, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.gold {
  background: linear-gradient(360deg, rgba(208, 88, 255, 0.2) 0%, rgba(249, 88, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 0.9px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.29px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.37px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.4px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.7px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.6px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.9px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.7px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.6px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 3.3px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 4px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 3.3px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 4.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 6.3px solid rgba(227, 88, 255, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.gold .newdonate__button_small {
  background: linear-gradient(270deg, #DA8BFF -0.04%, #AD00FF 87.53%);
  box-shadow: 0px 0px 40px rgba(173, 0, 255, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.platinum {
  background: linear-gradient(360deg, rgba(64, 166, 255, 0.2) 0%, rgba(64, 236, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 0.9px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.29px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.37px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.4px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.7px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.6px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.9px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.7px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.6px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 3.3px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 4px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 3.3px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 4.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 6.3px solid rgba(64, 207, 255, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.platinum .newdonate__button_small {
  background: linear-gradient(270deg, #81d1ff -0.04%, #1e94e2 87.53%);
  box-shadow: 0px 0px 40px rgba(129, 184, 255, 0.4);
}
#newdonate #newdonate__premium .star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .star-img {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .star-img {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .star-img {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .star-img {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .star-img {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .star-img {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .star-img {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .star-img {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .star-img {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .star-img {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .star-img {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .star-img {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .star-img {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .star-img {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .star-img {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .star-img {
    width: 466.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .star-img {
    height: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .star-img {
    height: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .star-img {
    height: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .star-img {
    height: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .star-img {
    height: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .star-img {
    height: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .star-img {
    height: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .star-img {
    height: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .star-img {
    height: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .star-img {
    height: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .star-img {
    height: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .star-img {
    height: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .star-img {
    height: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .star-img {
    height: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .star-img {
    height: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    height: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    height: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    height: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    height: 333px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .star-img {
    height: 466.2px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-title {
  font-weight: 800;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 129.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 103.95px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-text {
  text-align: center;
  width: 100%;
  font-weight: 500;
  box-sizing: border-box;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 69.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 97.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 47.25px;
  }
}
#newdonate #newdonate__premium .newdonate__button_small {
  margin-top: auto;
  margin-left: 0;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 95.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 106px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 136.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 145.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 159px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 148.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 180.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 169.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 201.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 265px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 286.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 275.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 265px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 349.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 424px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 349.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 477px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 667.8px;
  }
}
#newdonate #newdonate__roulette {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 75.6px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-title {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 81.9px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-count {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 293.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 326.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 421.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 447.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 489.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 457.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 555.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 522.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 620.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 653px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 653px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 816.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 881.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 848.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 816.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1077.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1077.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1469.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 2056.95px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 132.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
  background: rgba(43, 43, 43, 0.4);
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 0.9px solid #FF4040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1px solid #FF4040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.29px solid #FF4040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.37px solid #FF4040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.5px solid #FF4040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.4px solid #FF4040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.7px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.6px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.9px solid #FF4040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.7px solid #FF4040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.6px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4.5px solid #FF4040;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 6.3px solid #FF4040;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#newdonate #newdonate__roulette .newdonate__roulette-main {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 432px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 604.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 37.8px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
  position: absolute;
  z-index: 1;
  background: white;
  top: 0%;
  left: 50%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 604.8px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4050px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 5805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6300px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7650px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 8550px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 12150px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 18000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 20250px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 28350px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element {
  background: linear-gradient(360deg, rgba(218, 218, 218, 0.2) 0%, rgba(218, 218, 218, 0) 100%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 0.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.29px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.37px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 4.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 6.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 69.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.red {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.blue {
  background: linear-gradient(360deg, rgba(0, 163, 255, 0.2) 0%, rgba(0, 163, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 0.9px solid #00A3FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1px solid #00A3FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.29px solid #00A3FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.37px solid #00A3FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.5px solid #00A3FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.4px solid #00A3FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.7px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.6px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.9px solid #00A3FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.7px solid #00A3FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.6px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 4px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 4.5px solid #00A3FF;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 6.3px solid #00A3FF;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.pink {
  background: linear-gradient(360deg, rgba(173, 0, 255, 0.2) 0%, rgba(173, 0, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 0.9px solid #AD00FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1px solid #AD00FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.29px solid #AD00FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.37px solid #AD00FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.5px solid #AD00FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.4px solid #AD00FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.7px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.6px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.9px solid #AD00FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.7px solid #AD00FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.6px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 4px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 4.5px solid #AD00FF;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 6.3px solid #AD00FF;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
  background: linear-gradient(360deg, rgba(255, 189, 0, 0.2) 0%, rgba(255, 189, 0, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 0.9px solid #FFBD00;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1px solid #FFBD00;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.29px solid #FFBD00;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.37px solid #FFBD00;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.5px solid #FFBD00;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.4px solid #FFBD00;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.7px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.6px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.9px solid #FFBD00;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.7px solid #FFBD00;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.6px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 4px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 4.5px solid #FFBD00;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 6.3px solid #FFBD00;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 189px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-buttons {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 56.7px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#newdonate #newdonate__roulette .newdonate__roulette-items {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 69.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-info {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 318.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 31.5px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette_hidden-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#newdonate__donatelist {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate__donatelist {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist {
    margin-top: 211.05px;
  }
}
#newdonate__donatelist .donatelist-elements {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements {
    height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements {
    height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements {
    height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements {
    height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements {
    height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements {
    height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements {
    height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements {
    height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements {
    height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements {
    height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements {
    height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements {
    height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements {
    height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements {
    height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-element {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-element:hover {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.4) 0%, rgba(255, 64, 64, 0) 100%);
}
#newdonate__donatelist .donatelist-element .star-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 567px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 63px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 37.8px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 28.35px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 68.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 76.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 98.685px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 104.805px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 114.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 107.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 130.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 145.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 191.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 206.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 198.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 191.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 252.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 252.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 344.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 481.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 103.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 59.85px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 44.1px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 414px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 579.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 25.2px;
  }
}

#newdonate__popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  color: white;
}
#newdonate__popup.active {
  display: block;
}
#newdonate__popup .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    height: 144.9px;
  }
}
#newdonate__popup .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special {
    padding-top: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special {
    padding-top: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special {
    padding-top: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special {
    padding-top: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special {
    padding-top: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special {
    padding-top: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special {
    padding-top: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special {
    padding-top: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special {
    padding-top: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special {
    padding-top: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special {
    padding-top: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special {
    padding-top: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special {
    padding-top: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special {
    padding-top: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special {
    padding-top: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special {
    padding-top: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special {
    padding-top: 123.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special {
    padding-top: 173.25px;
  }
}
#newdonate__popup .newdonate__special .newdonate__stars {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/stars.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 607.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 850.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 61.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 68px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 87.72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 93.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 102px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 95.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 115.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 129.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 183.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 176.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 224.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 224.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 306px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 428.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 40.95px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-gray {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 59.85px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
  align-items: center;
  color: red;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 22.05px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex:last-child {
  margin-bottom: 0;
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
  color: white;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 22.05px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-text {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 160.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 178px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 229.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 243.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 267px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 249.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 302.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 284.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 338.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 801px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 1121.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 1449px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 1417.5px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/nabor-background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: donatescale 1s ease infinite alternate;
  position: relative;
  z-index: 0;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 1417.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 53.55px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/sunduk.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 129.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 143.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 185.115px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 196.595px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 215.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 200.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 243.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 229.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 272.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 358.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 387.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 373.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 358.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 473.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 574px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 473.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 645.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 904.05px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 43.875px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 48.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 62.8875px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 66.7875px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 73.125px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 68.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 82.875px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 78px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 92.625px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 97.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 97.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 121.875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 131.625px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 126.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 121.875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 160.875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 195px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 160.875px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 219.375px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 307.125px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 132.3px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/timer.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #FFD458;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 63px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex {
  display: flex;
  align-items: center;
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/redbucks.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  align-self: self-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 31.5px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price {
  display: flex;
  flex-direction: column;
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 146.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 204.75px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
  color: #FFD458;
  text-decoration: line-through;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 119.7px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
  cursor: pointer;
  text-decoration: underline;
  align-self: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 34.65px;
  }
}
#newdonate__popup .newdonate__escape {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 195.3px;
  }
}
#newdonate__popup .newdonate__escape .box-flex {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 201.6px;
  }
}
#newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 193.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 270.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 75.6px;
  }
}
#newdonate__popup .newdonate__escape .box-flex:hover .donateicons-esc {
  color: #FF4040;
  transition: color 0.25s;
}
#newdonate__popup .newdonate__escape .box-flex:hover .newdonate__escape-title {
  color: #FF4040;
  transition: color 0.25s;
}
#newdonate__popup .newdonate__escape .newdonate__escape-text {
  text-align: center;
  letter-spacing: 0.15em;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 94.5px;
  }
}
#newdonate__popup .newdonate__escape .newdonate__escape-text b {
  color: #FF4040;
  text-decoration: underline;
}
#newdonate__popup .newdonate__prise {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/prise-background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 476.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 529px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 682.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 724.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 793.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 740.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 899.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 846.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1005.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1058px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1058px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1428.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1375.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1745.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 2116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1745.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 2380.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 3332.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 370.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 411.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 530.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 563.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 617.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 576.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 699.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 658.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 781.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 823px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 823px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1028.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1111.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1069.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1028.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1357.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1646px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1357.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1851.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 2592.45px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 337.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 472.5px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 88.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements {
  display: flex;
  justify-content: center;
  align-items: center;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 83.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 116.55px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 88.2px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 63px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img.sell-item-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/sell-item.png);
  box-shadow: 0px 0px 44px #8EEE42;
  border-radius: 50%;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img.take-item-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/take-item.png);
  border-radius: 50%;
  box-shadow: 0px 0px 44px #10A9FF;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 18.9px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 189px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
  font-weight: 800;
  color: #FF4040;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 100.8px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 119.7px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-buttons {
  display: flex;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#newdonate__popup .newdonate__prise .newdonate__escape {
  margin-top: 0;
}
#newdonate__popup .newdonate__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info {
    padding-top: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info {
    padding-top: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info {
    padding-top: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info {
    padding-top: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info {
    padding-top: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info {
    padding-top: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info {
    padding-top: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info {
    padding-top: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info {
    padding-top: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info {
    padding-top: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info {
    padding-top: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info {
    padding-top: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info {
    padding-top: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info {
    padding-top: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info {
    padding-top: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info {
    padding-top: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info {
    padding-top: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info {
    padding-top: 693px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button {
  background: linear-gradient(270deg, rgba(255, 105, 105, 0.2) -0.04%, rgba(255, 64, 64, 0.2) 87.53%);
  transform: skewX(-40deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 132.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 147.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 190.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 202.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 221.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 206.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 250.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 236px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 280.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 398.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 383.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 590px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 663.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 929.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 170.1px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button.number {
  position: absolute;
  left: 34%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 144.9px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main:hover .newdonate__button-x2 {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 85.05px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
  position: absolute;
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(40deg);
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -18px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -25.2px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button.number-1 {
  position: absolute;
  left: 14%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__button.number-2 {
  position: absolute;
  left: 54%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__info-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/question.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 251.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 279.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 360.555px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 382.915px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 419.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 391.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 475.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 447.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 531.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 698.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 754.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 726.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 698.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 922.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 922.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1257.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1760.85px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/number.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  outline: none;
  text-transform: uppercase;
  color: #262929;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 724.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 132.3px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input::-moz-placeholder {
  text-align: center;
  color: #262929;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input::placeholder {
  text-align: center;
  color: #262929;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/sim.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim .newdonate__number_input {
  top: 40%;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 132.3px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 100.8px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/redbucks.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  align-self: self-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 75.6px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 170.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 189px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 243.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 258.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 283.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 264.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 321.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 302.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 359.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 472.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 510.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 491.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 472.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 623.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 756px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 623.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 850.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 1190.7px;
  }
}
#newdonate__popup .newdonate__payment {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#newdonate__popup .newdonate__payment .newdonate__payment-block {
  background: linear-gradient(180deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 1449px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1530px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 2142px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 0.9px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.29px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.37px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.4px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.7px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.6px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.9px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.7px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.6px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 3.3px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 4px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 3.3px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 4.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 6.3px solid rgba(161,134,137,0.6);
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/payment.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -171px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -239.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 1417.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 75.6px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -171px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -239.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li:hover {
  text-shadow: -1px -1px 8px rgb(218, 103, 147);
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
  z-index: 1;
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 50.4px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.48578 0 0 4.48578 0 10C0 15.5142 4.48578 20 10 20C15.5142 20 20 15.5142 20 10C20 4.48578 15.5142 0 10 0Z' fill='%23FF7979'/%3E%3Cpath d='M15.0682 7.88074L9.65152 13.2973C9.48901 13.4598 9.2757 13.5416 9.06238 13.5416C8.84906 13.5416 8.63574 13.4598 8.47324 13.2973L5.76495 10.589C5.43903 10.2632 5.43903 9.73651 5.76495 9.41074C6.09073 9.08481 6.61731 9.08481 6.94324 9.41074L9.06238 11.5299L13.89 6.70245C14.2157 6.37653 14.7423 6.37653 15.0682 6.70245C15.394 7.02823 15.394 7.55481 15.0682 7.88074V7.88074Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  opacity: 0;
  transition: ease opacity 0.2s;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 15.75px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check.active {
  opacity: 1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
  background: #2B1C23;
  box-sizing: border-box;
  text-align: center;
  color: white;
  font-weight: 800;
  font-family: "UniNeue";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 138.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 154px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 198.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 210.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 231px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 215.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 261.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 246.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 292.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 385px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 415.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 400.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 385px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 508.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 508.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 693px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 970.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.45px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.645px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.685px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.75px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.85px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.8px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.95px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.35px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.65px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.65px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 2.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 3.15px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 69.3px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/redbucks-small.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 66.15px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 59.85px;
  }
}
#newdonate__popup .newdonate__change {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change {
    padding-top: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change {
    padding-top: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change {
    padding-top: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change {
    padding-top: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change {
    padding-top: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change {
    padding-top: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change {
    padding-top: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change {
    padding-top: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change {
    padding-top: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change {
    padding-top: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change {
    padding-top: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change {
    padding-top: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change {
    padding-top: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change {
    padding-top: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change {
    padding-top: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change {
    padding-top: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change {
    padding-top: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change {
    padding-top: 693px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 274.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 384.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 110.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 384.3px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 630px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.redbucks {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/big-redbucks.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.progress {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/progress.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.money {
  background-image: url(/src/views/player/gta5devmenu/elements/shop/assets/images/money.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 12.6px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 94.5px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#sapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: UniNeue;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}
#sapper .game {
  background-image: url("data:image/svg+xml,%3Csvg width='340' height='794' viewBox='0 0 340 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M327 1.46905e-05C334.18 1.50044e-05 340 5.82031 340 13V253.004C339.834 253.001 339.667 253 339.5 253C320.998 253 306 267.998 306 286.5C306 305.002 320.998 320 339.5 320C339.667 320 339.834 319.999 340 319.996L340 781C340 788.18 334.18 794 327 794H13C5.8203 794 -3.13835e-07 788.18 0 781L2.01511e-05 319.996C18.271 319.729 33 304.835 33 286.5C33 268.165 18.271 253.271 2.30795e-05 253.004L3.35703e-05 13C3.38842e-05 5.8203 5.82033 0 13 0L327 1.46905e-05Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='170' y1='0' x2='170' y2='794' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E8E8E'/%3E%3Cstop offset='1' stop-color='%23424242'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: flex;
  background-size: 100%;
}
@media (max-width: 799px) {
  #sapper .game {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #sapper .game {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #sapper .game {
    height: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game {
    height: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game {
    height: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game {
    height: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game {
    height: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game {
    height: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game {
    height: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game {
    height: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game {
    height: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game {
    height: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game {
    height: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game {
    height: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game {
    height: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game {
    height: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game {
    height: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game {
    height: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game {
    height: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game {
    height: 2501.1px;
  }
}
#sapper .game .box {
  width: 100%;
  height: 100%;
  position: relative;
}
#sapper .game .box:after {
  background-image: url("data:image/svg+xml,%3Csvg width='340' height='794' viewBox='0 0 340 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M327 1.46905e-05C334.18 1.50044e-05 340 5.82031 340 13V253.004C339.834 253.001 339.667 253 339.5 253C320.998 253 306 267.998 306 286.5C306 305.002 320.998 320 339.5 320C339.667 320 339.834 319.999 340 319.996L340 781C340 788.18 334.18 794 327 794H13C5.8203 794 -3.13835e-07 788.18 0 781L2.01511e-05 319.996C18.271 319.729 33 304.835 33 286.5C33 268.165 18.271 253.271 2.30795e-05 253.004L3.35703e-05 13C3.38842e-05 5.8203 5.82033 0 13 0L327 1.46905e-05Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 0;
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    height: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    height: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    height: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    height: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    height: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    height: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    height: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    height: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    height: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    height: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    height: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    height: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    height: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    height: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    height: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    height: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    height: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    height: 2501.1px;
  }
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    bottom: 47.25px;
  }
}
#sapper .game .content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#sapper .game .content .logoSapper {
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 53.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    margin-top: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    margin-top: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    margin-top: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    margin-top: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    margin-top: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    margin-top: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    margin-top: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    margin-top: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    margin-top: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    margin-top: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    margin-top: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    margin-top: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    margin-top: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-top: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-top: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-top: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-top: 103.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    margin-top: 144.9px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    width: 72.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    width: 81px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    width: 104.49px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    width: 110.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    width: 121.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    width: 113.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    width: 137.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    width: 129.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    width: 153.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    width: 202.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    width: 218.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    width: 210.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    width: 202.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    width: 267.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    width: 324px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    width: 267.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    width: 364.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    width: 510.3px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    height: 31.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    height: 35.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    height: 45.795px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    height: 48.635px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    height: 53.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    height: 49.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    height: 60.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    height: 56.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    height: 67.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    height: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    height: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    height: 88.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    height: 95.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    height: 92.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    height: 88.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    height: 117.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    height: 142px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    height: 117.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    height: 159.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    height: 223.65px;
  }
}
#sapper .game .content .desc {
  font-weight: 500;
  text-align: center;
  color: #000000;
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    margin-bottom: 15.75px;
  }
}
#sapper .game .content .title {
  font-weight: bold;
  color: #000000;
  text-align: center;
}
@media (max-width: 799px) {
  #sapper .game .content .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .title span {
  color: #FFA928;
}
#sapper .game .content .title.rb {
  margin-bottom: 0 span;
  margin-bottom-color: #FF5271;
}
@media (max-width: 799px) {
  #sapper .game .content .title.rb {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title.rb {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title.rb {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title.rb {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title.rb {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title.rb {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title.rb {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title.rb {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title.rb {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title.rb {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title.rb {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title.rb {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title.rb {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title.rb {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title.rb {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title.rb {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title.rb {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title.rb {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title.rb {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title.rb {
    font-size: 50.4px;
  }
}
#sapper .game .content .win {
  text-align: center;
}
#sapper .game .content .win .n {
  color: #FF5271;
  font-weight: bold;
}
@media (max-width: 799px) {
  #sapper .game .content .win .n {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .win .n {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .win .n {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .win .n {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .win .n {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .win .n {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .win .n {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .win .n {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .win .n {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .win .n {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .win .n {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .win .n {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .win .n {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .win .n {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .win .n {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .win .n {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .win .n {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .win .n {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .win .n {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .win .n {
    font-size: 151.2px;
  }
}
#sapper .game .content .win p {
  font-weight: 500;
  color: #656565;
}
@media (max-width: 799px) {
  #sapper .game .content .win p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .win p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .win p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .win p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .win p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .win p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .win p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .win p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .win p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .win p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .win p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .win p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .win p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .win p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .win p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .win p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .win p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .win p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .win p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .win p {
    font-size: 44.1px;
  }
}
#sapper .game .content .input {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #sapper .game .content .input {
    margin-top: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input {
    margin-top: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input {
    margin-top: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input {
    margin-top: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input {
    margin-top: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input {
    margin-top: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input {
    margin-top: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input {
    margin-top: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input {
    margin-top: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input {
    margin-top: 88.2px;
  }
}
#sapper .game .content .input .rate {
  text-align: center;
  font-weight: 500;
  color: #5C5C5C;
  background: #C4C4C4;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    width: 620.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    border-radius: 47.25px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .input .btn {
  background: #FF5372;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    height: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    height: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    height: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    height: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    height: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    height: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    height: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    height: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    height: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    height: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    height: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    height: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    height: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    height: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    height: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    height: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    height: 105.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    height: 148.05px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    width: 620.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    margin-bottom: 28.35px;
  }
}
#sapper .game .content .input .btn:hover {
  background: #f84264;
}
#sapper .game .content .input .exit {
  font-weight: bold;
  color: #5C5C5C;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .input .exit {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .exit {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .exit {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .exit {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .exit {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .exit {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .exit {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .exit {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .exit {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .exit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .exit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .exit {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .exit {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .exit {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .exit {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .exit {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .exit {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .exit {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .exit {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .exit {
    font-size: 37.8px;
  }
}
#sapper .game .content .input .exit:hover {
  text-decoration: underline;
}
#sapper .game .content .playZone {
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone {
    margin-top: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone {
    margin-top: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone {
    margin-top: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone {
    margin-top: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone {
    margin-top: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone {
    margin-top: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone {
    margin-top: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone {
    margin-top: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone {
    margin-top: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone {
    margin-top: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone {
    margin-top: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone {
    margin-top: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone {
    margin-top: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone {
    margin-top: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone {
    margin-top: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone {
    margin-top: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone {
    margin-top: 47.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone {
    margin-top: 66.15px;
  }
}
#sapper .game .content .playZone .group:last-child .info:after {
  display: none;
}
#sapper .game .content .playZone .group.success:nth-child(1) .info:after {
  background: #5CCA36;
}
#sapper .game .content .playZone .group.success:last-child .info:after {
  background: #5CCA36;
}
#sapper .game .content .playZone .group {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group {
    padding-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group {
    padding-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group {
    padding-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group {
    padding-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group {
    padding-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group {
    padding-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group {
    padding-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group {
    padding-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group {
    padding-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group {
    padding-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group {
    padding-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group {
    padding-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group {
    padding-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group {
    padding-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group {
    padding-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    padding-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    padding-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    padding-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    padding-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group {
    padding-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .playZone .group .info {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #909090;
  position: relative;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    width: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    width: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    width: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    width: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    width: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    width: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    width: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    width: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    width: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    width: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    width: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    width: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    width: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    width: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    width: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    width: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    width: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 37.8px;
  }
}
#sapper .game .content .playZone .group .info:after {
  background: #919191;
  content: "";
  position: absolute;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    height: 72.45px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    width: 3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    top: -7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    top: -8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    top: -10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    top: -11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    top: -12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    top: -11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    top: -14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    top: -13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    top: -16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    top: -17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    top: -17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    top: -21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    top: -22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    top: -22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    top: -21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    top: -28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    top: -34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    top: -28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    top: -38.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    top: -53.55px;
  }
}
#sapper .game .content .playZone .group .info.success {
  color: #5CCA36;
}
#sapper .game .content .playZone .group .info.fail {
  color: red;
}
#sapper .game .content .playZone .group .info.half {
  color: #ee7b00;
}
#sapper .game .content .playZone .group .items {
  display: flex;
}
#sapper .game .content .playZone .group .items li {
  position: relative;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 225px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 315px;
  }
}
#sapper .game .content .playZone .group .items li.checked {
  background: linear-gradient(180deg, #E2E2E2 0%, #C4C4C4 55.21%, #A5A5A5 100%);
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.checked:before {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 55.21%, #D9D9D9 100%);
  border-style: solid;
  border-color: #AFAFAF;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  content: "";
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 225px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 315px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -3.15px;
  }
}
#sapper .game .content .playZone .group .items li.checked:hover:before {
  opacity: 1;
}
#sapper .game .content .playZone .group .items li.mine {
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.mine:before {
  background-image: url(/src/views/player/gta5devmenu/elements/minigames/images/logo-sapper.png);
  position: absolute;
  background-size: 100%;
  left: 0;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 28.35px;
  }
}
#sapper .game .content .playZone .group .items li.success {
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.success:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='url(%23paint0_linear)' stroke='%2367B34C'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='8' y1='0' x2='8' y2='16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DFF7A'/%3E%3Cstop offset='0.598958' stop-color='%2347BF1D'/%3E%3Cstop offset='1' stop-color='%232B7212'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  background-size: 100%;
  left: 0;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 50.4px;
  }
}
#sapper .game .content .playZone .group .items li:last-child {
  margin-right: 0;
}
#sapper .game .content .playZone .info.half:after {
  background: linear-gradient(0deg, #5CCA36 0%, #909090 100%), #C4C4C4;
}
#sapper .game .content .playZone .info.success:after {
  background: #5CCA36;
}
.Wheel {
  overflow: hidden;
  background-color: hsla(0, 0%, 7%, 0.9);
  mix-blend-mode: normal;
  padding: 0 2.7777777778vh;
}
.Wheel * {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.Wheel .no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.Wheel .no-content h1 {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2407407407vh;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.Wheel .info {
  margin-bottom: 1.4814814815vh;
  padding: 1.8518518519vh 2.2222222222vh;
  height: 7.7777777778vh;
  background: #171717;
  border-radius: 1.6666666667vh;
}
.Wheel .info .title {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2222222222vh;
  line-height: 2.5925925926vh;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #fff;
  margin-right: 0.7407407407vh;
}
.Wheel .info .gameID {
  min-width: 4.1666666667vh;
  min-height: 3.6111111111vh;
  padding: 0.9259259259vh 1.1111111111vh;
  background: #2d2d2d;
  border-radius: 0.7407407407vh;
}
.Wheel .info .gameID span {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.7592592593vh;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff, #9a9a9a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.Wheel .info .players {
  margin-right: 3.4685185185vh;
}
.Wheel .info .players .count {
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  color: #fff;
}
.Wheel .info .players .count, .Wheel .info .players .text {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.Wheel .info .players .text {
  font-size: 1.4814814815vh;
  line-height: 1.7592592593vh;
  color: #616161;
}
.Wheel .info .bank .count {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #fff;
}
.Wheel .info .bank .count .coins {
  width: 1.5435185185vh;
  height: 1.5435185185vh;
  margin-left: 0.3703703704vh;
}
.Wheel .info .bank .text {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.7592592593vh;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #616161;
}
.Wheel .colorsInfo {
  max-width: 144.2592592593vh;
  margin-bottom: 1.4814814815vh;
  height: 10.9259259259vh;
}
.Wheel .colorsInfo .color {
  padding: 1.1111111111vh;
  margin-right: 1.4814814815vh;
  width: 25%;
  background: #171717;
  border-radius: 1.6666666667vh;
  transition: opacity 0.2s ease;
}
.Wheel .colorsInfo .color:last-child {
  margin-right: 0;
}
.Wheel .colorsInfo .color.lose {
  opacity: 0.25;
}
.Wheel .colorsInfo .color.winner {
  opacity: 1 !important;
}
.Wheel .colorsInfo .color.winner .coefficient.white {
  box-shadow: 0 0 2vh 0 rgba(255, 255, 255, 0.6);
}
.Wheel .colorsInfo .color.winner .coefficient.red {
  box-shadow: 0 0 2vh 0 rgba(232, 28, 90, 0.75);
}
.Wheel .colorsInfo .color.winner .coefficient.green {
  box-shadow: 0 0 2vh 0 rgba(61, 231, 165, 0.75);
}
.Wheel .colorsInfo .color.winner .coefficient.yellow {
  box-shadow: 0 0 2vh 0 rgba(242, 191, 59, 0.75);
}
.Wheel .colorsInfo .color .coefficient {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2222222222vh;
  line-height: 2.5925925926vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  height: 6.2962962963vh;
  border-radius: 1.1111111111vh;
  margin-bottom: 0.462962963vh;
  transition: box-shadow 0.3s ease;
}
.Wheel .colorsInfo .color .coefficient.white {
  background: linear-gradient(180deg, #fff, #9a9a9a);
  color: #2d2d2d;
}
.Wheel .colorsInfo .color .coefficient.red {
  background: linear-gradient(180deg, #e81c5a, #9f1d44);
  color: #fff;
}
.Wheel .colorsInfo .color .coefficient.green {
  background: linear-gradient(180deg, #3de7a5, #22a874);
  color: #fff;
}
.Wheel .colorsInfo .color .coefficient.yellow {
  background: linear-gradient(180deg, #f2bf3b, #f29e3b 118.29%);
  color: #2d2d2d;
}
.Wheel .colorsInfo .color .colorInfo .playersWrapper .count {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #616161;
}
.Wheel .colorsInfo .color .colorInfo .bankWrapper .coins {
  margin-left: 0.525vh;
  width: 1.5435185185vh;
  height: 1.5435185185vh;
  filter: grayscale(100%);
  opacity: 0.75;
}
.Wheel .colorsInfo .color .colorInfo .bankWrapper .count {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #616161;
}
.Wheel .betsOnColor {
  max-width: 144.2592592593vh;
}
.Wheel .betsOnColor .betOnColor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.7407407407vh;
  padding-bottom: 1.4814814815vh;
  margin-right: 1.4814814815vh;
  width: 25%;
  height: 70.7407407407vh;
  overflow-y: auto;
}
.Wheel .betsOnColor .betOnColor:last-child {
  margin-right: 0;
}
.Wheel .betsOnColor .betOnColor::-webkit-scrollbar {
  display: none;
}
.Wheel .betsOnColor .betOnColor.empty {
  justify-content: center;
  border: 0.0925925926vh solid #1e1e1e;
  border-radius: 1.6666666667vh;
  height: 67.962962963vh;
}
.Wheel .betsOnColor .betOnColor.empty .emptyBets .text {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #616161;
}
.Wheel .betsOnColor .betOnColor.lose {
  opacity: 0.25;
}
.Wheel .betsOnColor .betOnColor.winner {
  opacity: 1 !important;
}
.Wheel .betsOnColor .betOnColor .player {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4814814815vh 1.6666666667vh;
  min-height: 6.2962962963vh;
  border-radius: 1.8518518519vh;
  background-color: #171717;
  width: 100%;
}
.Wheel .betsOnColor .betOnColor .player:last-child {
  margin-bottom: 0;
}
.Wheel .betsOnColor .betOnColor .player .name {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-size: 1.2962962963vh;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
.Wheel .betsOnColor .betOnColor .player .amount {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5555555556vh;
  padding: 0 0.9259259259vh;
  height: 3.3333333333vh;
  border-radius: 0.9259259259vh;
  background: hsla(0, 0%, 100%, 0.1);
}
.Wheel .betsOnColor .betOnColor .player .amount .text {
  color: #fff;
  font-family: ProximaNova-Condensed, serif;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
}
.Wheel .betsOnColor .betOnColor .player .amount .coins {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}
.Wheel .main .game {
  position: relative;
  margin-right: 2.7777777778vh;
  max-width: 52.4074074074vh;
  width: 36.153846%;
  height: 89.6296296296vh;
  background: #0c0c0c;
  border: 0.0925925926vh solid #1e1e1e;
  border-radius: 1.6666666667vh;
  overflow: hidden;
}
.Wheel .main .game .back {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.Wheel .main .game .history {
  position: absolute;
  z-index: 2;
  top: 1.6666666667vh;
  left: 1.6666666667vh;
  right: 0;
  height: 3.6111111111vh;
}
.Wheel .main .game .history button {
  flex-shrink: 0;
  margin-right: 0.5555555556vh;
  width: 4.537037037vh;
  background: linear-gradient(180deg, #171717, #a3a3a3 676.39%);
  border-radius: 0.7407407407vh;
  border: none;
  cursor: pointer;
}
.Wheel .main .game .history .items {
  overflow-x: scroll;
  opacity: 0.5;
}
.Wheel .main .game .history .items::-webkit-scrollbar {
  display: none;
}
.Wheel .main .game .history .items .item {
  flex-shrink: 0;
  width: 5.3703703704vh;
  height: 1.6666666667vh;
  border-radius: 0.5555555556vh;
  margin-right: 0.5555555556vh;
}
.Wheel .main .game .history .items .item:last-child {
  margin-right: 1.6666666667vh;
}
.Wheel .main .game .history .items .item.white {
  background: linear-gradient(180deg, #fff, #9a9a9a);
}
.Wheel .main .game .history .items .item.red {
  background: linear-gradient(180deg, #e81c5a, #9f1d44);
}
.Wheel .main .game .history .items .item.green {
  background: linear-gradient(180deg, #3de7a5, #22a874);
}
.Wheel .main .game .history .items .item.yellow {
  background: linear-gradient(180deg, #f2bf3b, #f29e3b 118.29%);
}
.Wheel .main .game .history .items.emptyHistoryItems {
  overflow-x: hidden;
}
.Wheel .main .game .history .items.emptyHistoryItems .item {
  background: linear-gradient(180deg, #171717, #a3a3a3 676.39%);
}
.Wheel .main .game .timeStart {
  position: absolute;
  z-index: 2;
  top: 7.4074074074vh;
  left: 0;
  right: 0;
}
.Wheel .main .game .timeStart .time {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.9259259259vh;
  letter-spacing: -0.02em;
  line-height: 6.9444444444vh;
  text-align: center;
  background: linear-gradient(180deg, #fff, #9a9a9a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.Wheel .main .game .timeStart .time.white {
  background: linear-gradient(180deg, #fff, #9a9a9a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Wheel .main .game .timeStart .time.red {
  background: linear-gradient(180deg, #e81c5a, #9f1d44);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Wheel .main .game .timeStart .time.green {
  background: linear-gradient(180deg, #3de7a5, #22a874);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Wheel .main .game .timeStart .time.yellow {
  background: linear-gradient(180deg, #f2bf3b, #f29e3b 118.29%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Wheel .main .game .timeStart .text {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 1.9444444444vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.25);
}
.Wheel .main .game .wheelWrapper {
  position: absolute;
  z-index: 1;
  top: -54.8425925926vh;
  left: calc(50% - 45.13889vh);
  right: calc(50% - 45.13889vh);
  max-width: 90.2777777778vh !important;
  max-height: 90.2777777778vh !important;
  min-width: 90.2777777778vh !important;
  min-height: 90.2777777778vh !important;
}
.Wheel .main .game .wheelWrapper .wheel {
  width: 90.5009259259vh;
  height: 90.3972222222vh;
}
.Wheel .main .game .wheelWrapper .line {
  position: absolute;
  bottom: -4.7546296296vh;
  right: calc(50% - 0.13889vh);
  left: calc(50% - 0.13889vh);
  height: 20.3703703704vh;
  width: 0.2777777778vh;
  box-shadow: 0 0 1.8518518519vh rgba(0, 0, 0, 0.7);
  background: linear-gradient(180deg, #fff, #d5d5d5);
}
.Wheel .main .game .dealer {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -37.45583%;
  width: 174.734982%;
}
.Wheel .main .game .placeBet {
  position: absolute;
  z-index: 2;
  bottom: 2.7777777778vh;
  left: 2.7777777778vh;
  right: 2.7777777778vh;
  max-width: 46.8518518519vh;
}
.Wheel .main .game .placeBet.lose {
  pointer-events: none;
}
.Wheel .main .game .placeBet.lose .inputWrapper .coins, .Wheel .main .game .placeBet.lose .inputWrapper input {
  opacity: 0.25;
}
.Wheel .main .game .placeBet .inputWrapper {
  position: relative;
  margin-bottom: 0.5555555556vh;
  height: 9.2592592593vh;
  background: #171717;
  border-radius: 1.6666666667vh;
  padding: 1.6666666667vh;
}
.Wheel .main .game .placeBet .inputWrapper input {
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2222222222vh;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #fff;
  padding: 1.6666666667vh;
  padding-right: 5.5555555556vh;
  background: #111;
  border: 0.0925925926vh solid #1e1e1e;
  border-radius: 1.1111111111vh;
  transition: opacity 0.2s ease;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline: none;
}
.Wheel .main .game .placeBet .inputWrapper input.focus {
  color: #fff;
}
.Wheel .main .game .placeBet .inputWrapper .coins {
  position: absolute;
  top: 3.5185185185vh;
  right: 3.3333333333vh;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  transition: opacity 0.2s ease;
}
.Wheel .main .game .placeBet .colors {
  height: 6.5740740741vh;
  background: #171717;
  border-radius: 1.6666666667vh;
  padding: 1.1111111111vh;
}
.Wheel .main .game .placeBet .colors .color {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto-Condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.7592592593vh;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-right: 1.1111111111vh;
  width: 10.7407407407vh;
  height: 4.3518518519vh;
  border-radius: 1.1111111111vh;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.Wheel .main .game .placeBet .colors .color:last-child {
  margin-right: 0;
}
.Wheel .main .game .placeBet .colors .color.disabled {
  opacity: 0.25;
  cursor: default;
}
.Wheel .main .game .placeBet .colors .color:focus, .Wheel .main .game .placeBet .colors .color:active, .Wheel .main .game .placeBet .colors .color:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.Wheel .main .game .placeBet .colors .color.white {
  background: linear-gradient(180deg, #fff, #9a9a9a);
  color: #2d2d2d;
}
.Wheel .main .game .placeBet .colors .color.red {
  background: linear-gradient(180deg, #e81c5a, #9f1d44);
  color: #fff;
}
.Wheel .main .game .placeBet .colors .color.green {
  background: linear-gradient(180deg, #3de7a5, #22a874);
  color: #fff;
}
.Wheel .main .game .placeBet .colors .color.yellow {
  background: linear-gradient(180deg, #f2bf3b, #f29e3b 118.29%);
  color: #2d2d2d;
}
.Wheel .main .game .placeBet .colors .color.has-bet {
  filter: brightness(1.2);
}
.Wheel .main .bets {
  flex: 1;
  padding-top: 1.4814814815vh;
}
#sound__settings {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #sound__settings {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    padding-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    padding-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    padding-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    padding-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    padding-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    padding-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    padding-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    padding-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    padding-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    padding-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    padding-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    padding-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    padding-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    padding-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    padding-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    padding-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    padding-left: 225px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    padding-left: 315px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    padding-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    padding-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    padding-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    padding-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    padding-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    padding-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    padding-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    padding-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    padding-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    padding-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    padding-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    padding-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    padding-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    padding-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    padding-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    padding-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    padding-right: 225px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    padding-right: 315px;
  }
}
#sound__settings .main__button_square {
  background-color: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    border-radius: 6.3px;
  }
}
#sound__settings .settings__header {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__header {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header {
    margin-bottom: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header {
    margin-bottom: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header {
    margin-bottom: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header {
    margin-bottom: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header {
    margin-bottom: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header {
    margin-bottom: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header {
    margin-bottom: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header {
    margin-bottom: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header {
    margin-bottom: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header {
    margin-bottom: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header {
    margin-bottom: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header {
    margin-bottom: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header {
    margin-bottom: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header {
    margin-bottom: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header {
    margin-bottom: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    margin-bottom: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    margin-bottom: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    margin-bottom: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    margin-bottom: 137.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header {
    margin-bottom: 192.15px;
  }
}
#sound__settings .settings__header .settings__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 88.2px;
  }
}
#sound__settings .settings__header .settings__header_subtitle {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  font-family: "TTNorms-Regular";
  font-weight: 300;
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 59.85px;
  }
}
#sound__settings .settings__header .settings__header_subtitle:hover {
  color: rgba(255, 255, 255, 0.4);
}
#sound__settings .settings__nav {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #sound__settings .settings__nav {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav {
    height: 2362.5px;
  }
}
#sound__settings .settings__nav .settings__title {
  color: white;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 63px;
  }
}
#sound__settings .settings__nav .settings__title:first-child {
  margin-top: 0;
}
#sound__settings .settings__nav .settings__subtitle {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 31.5px;
  }
}
#sound__settings .settings__nav .settings__subtitle.hover, #sound__settings .settings__nav .settings__subtitle.active {
  color: white;
}
#sound__settings .settings__background {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #sound__settings .settings__background {
    width: 328.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background {
    width: 365px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background {
    width: 470.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background {
    width: 500.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background {
    width: 547.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background {
    width: 511px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background {
    width: 620.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background {
    width: 584px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background {
    width: 693.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background {
    width: 912.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background {
    width: 985.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background {
    width: 949px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background {
    width: 912.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    width: 1204.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    width: 1460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    width: 1204.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    width: 1642.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background {
    width: 2299.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background {
    height: 2362.5px;
  }
}
#sound__settings .settings__background .settings__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box {
    height: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box {
    height: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box {
    height: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box {
    height: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box {
    height: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box {
    height: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box {
    height: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box {
    height: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box {
    height: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box {
    height: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box {
    height: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box {
    height: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box {
    height: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box {
    height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box {
    height: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box {
    height: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box {
    height: 168.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box {
    height: 236.25px;
  }
}
#sound__settings .settings__background .settings__box.settings__title {
  color: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 88.2px;
  }
}
#sound__settings .settings__background .settings__box .settings__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 85.05px;
  }
}
#sound__settings .settings__background .settings__box .settings__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
#sound__settings .settings__background .sound__scroll {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    height: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    height: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    height: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    height: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    height: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    height: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    height: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    height: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    height: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    height: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    height: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    height: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    height: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    height: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1350px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1890px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 12.6px;
  }
}
#sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#sound__settings .settings__background .sound__scroll::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 193.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 270.9px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__header {
  align-self: flex-start;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 63px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__header:first-child {
  margin-top: 0;
}
#sound__settings .settings__background .sound__scroll .list__element {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  justify-content: space-between;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 630px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 44.1px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 157.5px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right:hover, #sound__settings .settings__background .sound__scroll .list__element .list__element__left:hover {
  background: rgba(255, 255, 255, 0.3);
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.18988 1.00033L2 7.95055L9.18988 14.9008' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 50.4px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
  transform: rotateY(180deg);
}
#sound__settings .settings__background .sound__scroll .sound__element {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 126px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element:last-child {
  margin-bottom: 0;
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__description {
  display: flex;
  flex-direction: column;
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 28.35px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.05em;
  font-family: "TTNorms-Regular";
  font-style: normal;
  font-weight: normal;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 765px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 1071px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 756px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 34.65px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
  background: white;
  box-shadow: unset;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 34.65px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
  border: none;
  background: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 9.45px;
  }
}

.switch-box .switch input {
  display: none;
}
.switch-box .switch {
  position: relative;
  display: inline-block;
  background: #131517;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  .switch-box .switch {
    border-radius: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    border-radius: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    border-radius: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    border-radius: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    border-radius: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    border-radius: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    border-radius: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    border-radius: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    border-radius: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    border-radius: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    border-radius: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    border-radius: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    border-radius: 42.75px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    border-radius: 59.85px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    width: 189px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    height: 88.2px;
  }
}
.switch-box .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.4s;
}
.switch-box .switch .slider::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  transition: 0.4s;
  background: #FFFFFF;
  border: 2px solid rgba(134, 134, 134, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  .switch-box .switch .slider::before {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider::before {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider::before {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider::before {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider::before {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider::before {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider::before {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider::before {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider::before {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider::before {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider::before {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider::before {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch .slider::before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider::before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider::before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider::before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider::before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider::before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider::before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider::before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider::before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider::before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider::before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider::before {
    height: 88.2px;
  }
}
.switch-box .switch input:checked + .slider:before {
  background: #2BB6A8;
  border: 2px solid rgba(22, 69, 64, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  .switch-box .switch input:checked + .slider:before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch input:checked + .slider:before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch input:checked + .slider:before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch input:checked + .slider:before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch input:checked + .slider:before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch input:checked + .slider:before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch input:checked + .slider:before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch input:checked + .slider:before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch input:checked + .slider:before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch input:checked + .slider:before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch input:checked + .slider:before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch input:checked + .slider:before {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch input:checked + .slider:before {
    left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch input:checked + .slider:before {
    left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch input:checked + .slider:before {
    left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch input:checked + .slider:before {
    left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch input:checked + .slider:before {
    left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch input:checked + .slider:before {
    left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch input:checked + .slider:before {
    left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch input:checked + .slider:before {
    left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch input:checked + .slider:before {
    left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch input:checked + .slider:before {
    left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    left: 72px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch input:checked + .slider:before {
    left: 100.8px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider.round {
    border-radius: 107.1px;
  }
}
.switch-box .switch .slider.round::before {
  border-radius: 50%;
}
.main__input {
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 6px;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  .main__input {
    width: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    width: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    width: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    width: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    width: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    width: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    width: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    width: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    width: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    width: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    width: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    width: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    width: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    width: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    width: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    width: 787.5px;
  }
}
@media (min-width: 6000px) {
  .main__input {
    width: 1102.5px;
  }
}
@media (max-width: 799px) {
  .main__input {
    height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    height: 157.5px;
  }
}
@media (min-width: 6000px) {
  .main__input {
    height: 220.5px;
  }
}
@media (max-width: 799px) {
  .main__input {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  .main__input {
    margin-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  .main__input {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  .main__input {
    border-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  .main__input {
    padding: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    padding: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    padding: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    padding: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    padding: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    padding: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    padding: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    padding: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    padding: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    padding: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    padding: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    padding: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    padding: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    padding: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    padding: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    padding: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    padding: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    padding: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    padding: 51.75px;
  }
}
@media (min-width: 6000px) {
  .main__input {
    padding: 72.45px;
  }
}
@media (max-width: 799px) {
  .main__input {
    border: 0.9px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input {
    border: 1px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input {
    border: 1.29px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input {
    border: 1.37px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input {
    border: 1.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input {
    border: 1.4px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input {
    border: 1.7px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input {
    border: 1.6px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input {
    border: 1.9px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input {
    border: 2px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input {
    border: 2px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input {
    border: 2.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input {
    border: 2.7px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input {
    border: 2.6px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input {
    border: 2.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input {
    border: 3.3px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input {
    border: 4px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input {
    border: 3.3px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input {
    border: 4.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 6000px) {
  .main__input {
    border: 6.3px solid rgba(253,255,252,0.5);
  }
}
@media (max-width: 799px) {
  .main__input.main__input_error {
    border: 0.9px solid #BE2020;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input.main__input_error {
    border: 1px solid #BE2020;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input.main__input_error {
    border: 1.29px solid #BE2020;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input.main__input_error {
    border: 1.37px solid #BE2020;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input.main__input_error {
    border: 1.5px solid #BE2020;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input.main__input_error {
    border: 1.4px solid #BE2020;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input.main__input_error {
    border: 1.7px solid #BE2020;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input.main__input_error {
    border: 1.6px solid #BE2020;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input.main__input_error {
    border: 1.9px solid #BE2020;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input.main__input_error {
    border: 2px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input.main__input_error {
    border: 2px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input.main__input_error {
    border: 2.5px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input.main__input_error {
    border: 2.7px solid #BE2020;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input.main__input_error {
    border: 2.6px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input.main__input_error {
    border: 2.5px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input.main__input_error {
    border: 3.3px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input.main__input_error {
    border: 4px solid #BE2020;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input.main__input_error {
    border: 3.3px solid #BE2020;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input.main__input_error {
    border: 4.5px solid #BE2020;
  }
}
@media (min-width: 6000px) {
  .main__input.main__input_error {
    border: 6.3px solid #BE2020;
  }
}
@media (max-width: 799px) {
  .main__input .main__input_icon {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input .main__input_icon {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input .main__input_icon {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input .main__input_icon {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input .main__input_icon {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input .main__input_icon {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input .main__input_icon {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input .main__input_icon {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input .main__input_icon {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input .main__input_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input .main__input_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input .main__input_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input .main__input_icon {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input .main__input_icon {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input .main__input_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input .main__input_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input .main__input_icon {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input .main__input_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input .main__input_icon {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  .main__input .main__input_icon {
    margin-right: 72.45px;
  }
}
@media (max-width: 799px) {
  .main__input .main__input_icon {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input .main__input_icon {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input .main__input_icon {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input .main__input_icon {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input .main__input_icon {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input .main__input_icon {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input .main__input_icon {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input .main__input_icon {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input .main__input_icon {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input .main__input_icon {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input .main__input_icon {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input .main__input_icon {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input .main__input_icon {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input .main__input_icon {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input .main__input_icon {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input .main__input_icon {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input .main__input_icon {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input .main__input_icon {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input .main__input_icon {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .main__input .main__input_icon {
    font-size: 56.7px;
  }
}
.main__input .main__input_text {
  background-color: rgba(32, 32, 32, 0);
  font-family: inherit;
  color: white;
  caret-color: #808080;
  width: 100%;
}
@media (max-width: 799px) {
  .main__input .main__input_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input .main__input_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input .main__input_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input .main__input_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input .main__input_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input .main__input_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input .main__input_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input .main__input_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input .main__input_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input .main__input_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input .main__input_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input .main__input_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input .main__input_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input .main__input_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input .main__input_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input .main__input_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input .main__input_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input .main__input_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input .main__input_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .main__input .main__input_text {
    font-size: 56.7px;
  }
}
.main__input .main__input_text::-webkit-input-placeholder {
  color: #CCCCCC;
}
.main__input:hover, .main__input:focus, .main__input.hover {
  background: rgba(253, 255, 252, 0.1);
  box-sizing: border-box;
}
@media (max-width: 799px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 0.9px solid rgb(27, 43, 56);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.29px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.37px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.4px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.7px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.6px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 1.9px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2.7px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2.6px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 2.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 3.3px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 4px solid rgb(27, 43, 56);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 3.3px solid rgb(27, 43, 56);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 4.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 6000px) {
  .main__input:hover, .main__input:focus, .main__input.hover {
    border: 6.3px solid rgb(27, 43, 56);
  }
}
@media (max-width: 799px) {
  .main__input.settings {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input.settings {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input.settings {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input.settings {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input.settings {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input.settings {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input.settings {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input.settings {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input.settings {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input.settings {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input.settings {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input.settings {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input.settings {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input.settings {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input.settings {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input.settings {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input.settings {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input.settings {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input.settings {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  .main__input.settings {
    width: 756px;
  }
}
@media (max-width: 799px) {
  .main__input.settings {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .main__input.settings {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .main__input.settings {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .main__input.settings {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .main__input.settings {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .main__input.settings {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .main__input.settings {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .main__input.settings {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .main__input.settings {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .main__input.settings {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .main__input.settings {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .main__input.settings {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .main__input.settings {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .main__input.settings {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .main__input.settings {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .main__input.settings {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .main__input.settings {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .main__input.settings {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .main__input.settings {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  .main__input.settings {
    height: 195.3px;
  }
}
@charset "UTF-8";
/* ============================================================
   F2 v2 «Emerald» — скин для ЛЕГАСИ-вкладок старого меню.
   Старый CSS скоупнут под .gta5devmenuf2 .rightmenu .menu (main.css),
   мы оборачиваем контент в эту цепочку (.jr-legacy) и поверх
   перекрашиваем поверхности/акценты под бренд JR.
   !important нужен: у легаси-селекторов глубина 5-7 классов.
   ============================================================ */
/* ---- нейтрализация каркаса легаси-цепочки ---- */
.jrf2 .jr-legacy {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  height: 100% !important;
  animation: none !important;
}

.jrf2 .jr-legacy .rightmenu {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  animation: none !important;
}

.jrf2 .jr-legacy .rightmenu .menu {
  background: transparent !important;
  height: 100% !important;
  max-height: 100% !important;
}

.jrf2 .jr-legacy .rightmenu .menu::-webkit-scrollbar {
  width: 5px !important;
}

.jrf2 .jr-legacy .rightmenu .menu::-webkit-scrollbar-thumb {
  background: rgba(140, 255, 190, 0.2) !important;
  border-radius: 5px !important;
}

/* ============================================================
   ОБЩИЕ ПОВЕРХНОСТИ: тёмно-серые блоки → изумрудное стекло
   ============================================================ */
.jrf2 .jr-legacy .questblock,
.jrf2 .jr-legacy .questmisson,
.jrf2 .jr-legacy .rewardblock,
.jrf2 .jr-legacy .reportblock,
.jrf2 .jr-legacy .rulesblock,
.jrf2 .jr-legacy .settingblock,
.jrf2 .jr-legacy .settingblockr,
.jrf2 .jr-legacy .bgreportmessage,
.jrf2 .jr-legacy .messageuser {
  background: rgba(10, 36, 22, 0.45) !important;
  border: 1px solid rgba(140, 255, 190, 0.12) !important;
  border-radius: 1vh !important;
  transition: border-color 0.2s, background 0.2s;
}

.jrf2 .jr-legacy .questblock:hover,
.jrf2 .jr-legacy .questmisson:hover,
.jrf2 .jr-legacy .rewardblock:hover,
.jrf2 .jr-legacy .reportblock:hover,
.jrf2 .jr-legacy .rulesblock:hover,
.jrf2 .jr-legacy .settingblock:hover,
.jrf2 .jr-legacy .settingblockr:hover {
  border-color: rgba(140, 255, 190, 0.32) !important;
  background: rgba(13, 46, 28, 0.55) !important;
}

/* активные/выбранные элементы списков */
.jrf2 .jr-legacy .questblock.active,
.jrf2 .jr-legacy .reportblock.active,
.jrf2 .jr-legacy .rulesblock.active,
.jrf2 .jr-legacy .settingblock.active {
  background: linear-gradient(110deg, rgba(54, 224, 124, 0.18), rgba(54, 224, 124, 0.06)) !important;
  border-color: rgba(54, 224, 124, 0.5) !important;
}

/* ============================================================
   КНОПКИ: синий акцент #00BBFF → зелень JR
   ============================================================ */
.jrf2 .jr-legacy .btnquest,
.jrf2 .jr-legacy .btnreport,
.jrf2 .jr-legacy .btns,
.jrf2 .jr-legacy .btn {
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%) !important;
  color: #04150c !important;
  border: 0 !important;
  border-radius: 0.9vh !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 18px rgba(54, 224, 124, 0.3) !important;
  transition: transform 0.15s, filter 0.2s, box-shadow 0.2s !important;
  cursor: pointer;
}

.jrf2 .jr-legacy .btnquest:hover,
.jrf2 .jr-legacy .btnreport:hover,
.jrf2 .jr-legacy .btns:hover,
.jrf2 .jr-legacy .btn:hover {
  filter: brightness(1.07);
  transform: translateY(-1px);
  box-shadow: 0 8px 26px rgba(54, 224, 124, 0.45) !important;
}

.jrf2 .jr-legacy .btnquest p,
.jrf2 .jr-legacy .btnreport p,
.jrf2 .jr-legacy .btns p,
.jrf2 .jr-legacy .btn p {
  color: #04150c !important;
  font-weight: 800 !important;
}

/* кнопки-«заглушки»/выполнено */
.jrf2 .jr-legacy .btnquest.done,
.jrf2 .jr-legacy .btnquest.undone {
  background: rgba(140, 255, 190, 0.1) !important;
  color: rgba(236, 255, 243, 0.55) !important;
  box-shadow: none !important;
}

/* ============================================================
   ПОЛЯ ВВОДА
   ============================================================ */
.jrf2 .jr-legacy .inputbg,
.jrf2 .jr-legacy .textreport,
.jrf2 .jr-legacy input[type=text],
.jrf2 .jr-legacy textarea {
  background: rgba(4, 18, 11, 0.55) !important;
  border: 1px solid rgba(140, 255, 190, 0.16) !important;
  border-radius: 0.9vh !important;
  color: #ecfff3 !important;
}

.jrf2 .jr-legacy input:focus,
.jrf2 .jr-legacy textarea:focus {
  border-color: rgba(54, 224, 124, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(54, 224, 124, 0.12) !important;
  outline: none !important;
}

/* ============================================================
   НАСТРОЙКИ: свитчи и слайдеры
   ============================================================ */
.jrf2 .jr-legacy .switch input:checked + .slider,
.jrf2 .jr-legacy .switch-box input:checked + .slider {
  background: linear-gradient(110deg, #14b75a, #36e07c) !important;
  box-shadow: 0 0 12px rgba(54, 224, 124, 0.45) !important;
}

.jrf2 .jr-legacy .slider.round {
  border: 1px solid rgba(140, 255, 190, 0.2) !important;
}

.jrf2 .jr-legacy input[type=range] {
  accent-color: #36e07c !important;
}

.jrf2 .jr-legacy input[type=range]::-webkit-slider-thumb {
  background: #36e07c !important;
  box-shadow: 0 0 10px rgba(54, 224, 124, 0.6) !important;
}

.jrf2 .jr-legacy .main__button_square {
  background: rgba(10, 36, 22, 0.55) !important;
  border: 1px solid rgba(140, 255, 190, 0.18) !important;
  border-radius: 0.8vh !important;
  color: #ecfff3 !important;
}

.jrf2 .jr-legacy .main__button_square:hover {
  border-color: rgba(54, 224, 124, 0.5) !important;
  background: rgba(54, 224, 124, 0.12) !important;
}

/* ============================================================
   МИНИ-ИГРЫ (Сапёр) и РУЛЕТКА
   ============================================================ */
.jrf2 .jr-legacy .game,
.jrf2 .jr-legacy .playZone,
.jrf2 .jr-legacy .content {
  background: rgba(10, 36, 22, 0.4) !important;
  border-radius: 1.2vh !important;
}

.jrf2 .jr-legacy .game .box,
.jrf2 .jr-legacy .playZone .box {
  background: rgba(140, 255, 190, 0.08) !important;
  border: 1px solid rgba(140, 255, 190, 0.1) !important;
  border-radius: 0.6vh !important;
  transition: background 0.15s;
}

.jrf2 .jr-legacy .game .box:hover,
.jrf2 .jr-legacy .playZone .box:hover {
  background: rgba(54, 224, 124, 0.18) !important;
}

/* ============================================================
   КЕЙСЫ / МАГАЗИН (cases_* в main.css без .gta5devmenuf2-скоупа)
   ============================================================ */
.jrf2 .cases_wallpaper {
  background: transparent !important;
}

.jrf2 .cases_content_data-case,
.jrf2 .cases_content_prizes_list-item {
  background: rgba(10, 36, 22, 0.45) !important;
  border: 1px solid rgba(140, 255, 190, 0.12) !important;
  border-radius: 1vh !important;
  transition: transform 0.18s, border-color 0.2s;
}

.jrf2 .cases_content_data-case:hover,
.jrf2 .cases_content_prizes_list-item:hover {
  transform: translateY(-2px);
  border-color: rgba(54, 224, 124, 0.4) !important;
}

.jrf2 .cases_content_btns-open,
.jrf2 .cases_content_btns-open1,
.jrf2 .cases_content_data-buy-pay {
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%) !important;
  color: #04150c !important;
  border-radius: 0.9vh !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 18px rgba(54, 224, 124, 0.3) !important;
}

.jrf2 .cases_header_right-replenish {
  background: rgba(255, 209, 102, 0.12) !important;
  border: 1px solid rgba(255, 209, 102, 0.35) !important;
  border-radius: 0.9vh !important;
}

/* заголовки внутри легаси-контента */
.jrf2 .jr-legacy h1,
.jrf2 .jr-legacy h2 {
  font-family: "Gilroy", "SF Pro Display", sans-serif !important;
}

/* ============================================================
   ВПИСЫВАНИЕ ЛЕГАСИ-СТРАНИЦ В КОРОБКУ КОНТЕНТА
   (их верстали под полный экран: фикс-высоты 87-92vh и чёрные
   панели rgb(17,17,17) — отсюда «окно в окне»)
   ============================================================ */
.jrf2 .jr-legacy .rightmenu .menu {
  position: relative !important;
}

/* — двухколоночные страницы: квесты / обращения / правила / настройки — */
.jrf2 .jr-legacy .questmenu,
.jrf2 .jr-legacy .reportmenu,
.jrf2 .jr-legacy .menurules,
.jrf2 .jr-legacy .menusetting {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 1.5vh !important;
  box-sizing: border-box !important;
  background: transparent !important;
  gap: 1.4vh;
}

.jrf2 .jr-legacy .questmenu .questleft,
.jrf2 .jr-legacy .questmenu .questright,
.jrf2 .jr-legacy .reportmenu .reportleft,
.jrf2 .jr-legacy .reportmenu .reportright,
.jrf2 .jr-legacy .menurules .rulesleft,
.jrf2 .jr-legacy .menurules .rulesright,
.jrf2 .jr-legacy .menusetting .settingleft,
.jrf2 .jr-legacy .menusetting .settingright {
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  background: rgba(10, 36, 22, 0.35) !important;
  border: 1px solid rgba(140, 255, 190, 0.12) !important;
  border-radius: 1.2vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.jrf2 .jr-legacy .questmenu .questright,
.jrf2 .jr-legacy .reportmenu .reportright,
.jrf2 .jr-legacy .menurules .rulesright,
.jrf2 .jr-legacy .menusetting .settingright {
  margin-left: auto !important;
}

/* шапки колонок — прозрачные, с тонкой линией вместо чёрной плашки */
.jrf2 .jr-legacy .reporthead,
.jrf2 .jr-legacy .headmess,
.jrf2 .jr-legacy .headblock,
.jrf2 .jr-legacy .headrules,
.jrf2 .jr-legacy .headsetting {
  background: transparent !important;
  border-bottom: 1px solid rgba(140, 255, 190, 0.1) !important;
}

/* скроллбары внутренних колонок */
.jrf2 .jr-legacy .questleft::-webkit-scrollbar,
.jrf2 .jr-legacy .questright::-webkit-scrollbar,
.jrf2 .jr-legacy .reportleft::-webkit-scrollbar,
.jrf2 .jr-legacy .reportright::-webkit-scrollbar,
.jrf2 .jr-legacy .rulesleft::-webkit-scrollbar,
.jrf2 .jr-legacy .rulesright::-webkit-scrollbar,
.jrf2 .jr-legacy .settingleft::-webkit-scrollbar,
.jrf2 .jr-legacy .settingright::-webkit-scrollbar {
  width: 4px !important;
}

.jrf2 .jr-legacy .questleft::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .questright::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .reportleft::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .reportright::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .rulesleft::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .rulesright::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .settingleft::-webkit-scrollbar-thumb,
.jrf2 .jr-legacy .settingright::-webkit-scrollbar-thumb {
  background: rgba(140, 255, 190, 0.2) !important;
  border-radius: 4px !important;
}

/* — анимации (embed-сетка) — растянуть на всю коробку — */
.jrf2 .jr-legacy .animations-menu,
.jrf2 .jr-legacy .anim-embed {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* — летний пропуск: absolute-приложение, пусть заполняет коробку — */
.jrf2 .jr-legacy .battlepass {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
@charset "UTF-8";
#battlepass {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  z-index: 1;
  background-image: url(/src/views/player/battlepass/assets/background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass {
    font-size: 63px;
  }
}
#battlepass::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000000 38.9%, rgba(0, 0, 0, 0) 76.99%);
  opacity: 0.8;
  z-index: 4;
}
#battlepass .bgvideo {
  position: absolute;
  z-index: 2;
  left: 0;
  opacity: 0.04;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#battlepass .bgvideo.fire {
  opacity: 0.2;
}
#battlepass .battlepass__person {
  position: absolute;
  z-index: 3;
  background-image: url(/src/views/player/battlepass/assets/person.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass .battlepass__person {
    right: -22.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__person {
    right: -25px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__person {
    right: -30px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__person {
    right: -31.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__person {
    right: -34.3px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__person {
    right: -35px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__person {
    right: -40px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__person {
    right: -45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__person {
    right: -50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__person {
    right: -50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__person {
    right: -62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__person {
    right: -67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__person {
    right: -65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__person {
    right: -62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    right: -82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    right: -100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    right: -82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    right: -112.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__person {
    right: -157.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__person {
    bottom: -22.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__person {
    bottom: -25px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__person {
    bottom: -30px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__person {
    bottom: -31.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__person {
    bottom: -34.3px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__person {
    bottom: -35px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__person {
    bottom: -40px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__person {
    bottom: -45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__person {
    bottom: -50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__person {
    bottom: -50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__person {
    bottom: -62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__person {
    bottom: -67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__person {
    bottom: -65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__person {
    bottom: -62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    bottom: -82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    bottom: -100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    bottom: -82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    bottom: -112.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__person {
    bottom: -157.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__person {
    height: 486px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__person {
    height: 540px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__person {
    height: 648px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__person {
    height: 680.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__person {
    height: 740.88px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__person {
    height: 756px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__person {
    height: 864px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__person {
    height: 972px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__person {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__person {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__person {
    height: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__person {
    height: 1458px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__person {
    height: 1404px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__person {
    height: 1350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    height: 1782px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    height: 2160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    height: 1782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    height: 2430px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__person {
    height: 3402px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__person {
    width: 515.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__person {
    width: 572.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__person {
    width: 687px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__person {
    width: 721.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__person {
    width: 785.47px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__person {
    width: 801.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__person {
    width: 916px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__person {
    width: 1030.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__person {
    width: 1145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__person {
    width: 1145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__person {
    width: 1431.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__person {
    width: 1545.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__person {
    width: 1488.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__person {
    width: 1431.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    width: 1889.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    width: 2290px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__person {
    width: 1889.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__person {
    width: 2576.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__person {
    width: 3606.75px;
  }
}
#battlepass .battlepass__content {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 897px) {
  #battlepass .battlepass__content {
    padding-bottom: 25.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__content {
    padding-bottom: 28px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__content {
    padding-bottom: 33.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__content {
    padding-bottom: 35.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__content {
    padding-bottom: 38.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__content {
    padding-bottom: 39.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__content {
    padding-bottom: 44.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__content {
    padding-bottom: 50.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__content {
    padding-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__content {
    padding-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__content {
    padding-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__content {
    padding-bottom: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__content {
    padding-bottom: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__content {
    padding-bottom: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-bottom: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-bottom: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-bottom: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-bottom: 126px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__content {
    padding-bottom: 176.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__content {
    padding-right: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__content {
    padding-right: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__content {
    padding-right: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__content {
    padding-right: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__content {
    padding-right: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__content {
    padding-right: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__content {
    padding-right: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__content {
    padding-right: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__content {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__content {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__content {
    padding-right: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__content {
    padding-right: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__content {
    padding-right: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__content {
    padding-right: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-right: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-right: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-right: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-right: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__content {
    padding-right: 371.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__content {
    padding-top: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__content {
    padding-top: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__content {
    padding-top: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__content {
    padding-top: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__content {
    padding-top: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__content {
    padding-top: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__content {
    padding-top: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__content {
    padding-top: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__content {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__content {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__content {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__content {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__content {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__content {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__content {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__content {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__content {
    padding-top: 126px;
  }
}
#battlepass .newproject__buttonblock {
  display: flex;
  align-items: center;
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock {
    margin-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock {
    margin-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock {
    margin-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock {
    margin-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock {
    margin-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock {
    margin-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock {
    margin-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock {
    margin-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock {
    margin-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock {
    margin-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock {
    margin-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock {
    margin-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock {
    margin-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock {
    margin-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock {
    margin-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock {
    margin-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock {
    margin-left: 371.7px;
  }
}
#battlepass .newproject__buttonblock .newproject__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
  font-family: "Montserrat-Medium";
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-top: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-right: 25.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    margin-right: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    padding-left: 25.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 1.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 1.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 1.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 2.058px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    border-radius: 9.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .newproject__buttonblock .newproject__button {
    font-size: 63px;
  }
}
#battlepass .battlepass__header {
  display: flex;
  flex-direction: column;
}
@media (max-width: 897px) {
  #battlepass .battlepass__header {
    margin-top: 13.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header {
    margin-top: 15px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header {
    margin-top: 18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header {
    margin-top: 18.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header {
    margin-top: 20.58px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header {
    margin-top: 21px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header {
    margin-top: 24px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header {
    margin-top: 27px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header {
    margin-top: 94.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header {
    margin-bottom: 20.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header {
    margin-bottom: 23px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header {
    margin-bottom: 27.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header {
    margin-bottom: 28.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header {
    margin-bottom: 31.556px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header {
    margin-bottom: 32.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header {
    margin-bottom: 36.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header {
    margin-bottom: 41.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header {
    margin-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header {
    margin-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header {
    margin-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header {
    margin-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header {
    margin-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header {
    margin-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header {
    margin-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header {
    margin-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header {
    margin-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header {
    margin-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header {
    margin-bottom: 144.9px;
  }
}
#battlepass .battlepass__header .battlepass__header_title {
  background-image: url(/src/views/player/battlepass/assets/header.png);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 439.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 488px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 585.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 614.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 669.536px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 683.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 780.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 878.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 976px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 976px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1317.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1268.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1220px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1610.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1952px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 1610.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 2196px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_title {
    width: 3074.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 58.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 65px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 81.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 89.18px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 91px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 104px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 117px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 292.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_title {
    height: 409.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 58.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 65px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 81.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 89.18px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 91px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 104px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 117px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 292.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_title {
    min-height: 409.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 58.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 65px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 81.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 89.18px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 91px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 104px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 117px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 292.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_title {
    max-height: 409.5px;
  }
}
#battlepass .battlepass__header .battlepass__header_pages {
  display: flex;
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 50.85px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 56.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 67.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 71.19px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 77.518px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 79.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 90.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 101.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 141.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 152.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 146.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 141.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 186.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 226px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 186.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 254.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    padding-left: 355.95px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 32.85px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 36.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 43.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 45.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 50.078px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 51.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 58.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 65.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 164.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    min-height: 229.95px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 32.85px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 36.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 43.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 45.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 50.078px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 51.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 58.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 65.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 164.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages {
    max-height: 229.95px;
  }
}
#battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
  font-family: "RF Dewi Extended";
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-top: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-bottom: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 11.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 12.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 15.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 17.15px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 17.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 20px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 22.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-right: 78.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 11.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 12.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 15.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 17.15px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 17.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 20px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 22.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page {
    padding-left: 78.75px;
  }
}
#battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
  color: white;
  background: linear-gradient(180deg, rgba(38, 65, 218, 0) 0%, #6495ED 100%);
}
@media (max-width: 897px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.45px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.5px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.6px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.63px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.686px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.7px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.8px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 0.9px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.25px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.35px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.25px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.65px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 2px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 1.65px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 2.25px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__header .battlepass__header_pages .battlepass__header_page.active {
    border-bottom: 3.15px solid #6495ED;
  }
}
#battlepass .battlepass__title {
  font-family: "RF Dewi Extended";
  font-weight: 800;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #6495ED;
  position: relative;
}
@media (max-width: 897px) {
  #battlepass .battlepass__title {
    font-size: 29.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__title {
    font-size: 33px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__title {
    font-size: 39.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__title {
    font-size: 41.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__title {
    font-size: 45.276px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__title {
    font-size: 46.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__title {
    font-size: 52.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__title {
    font-size: 59.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__title {
    font-size: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__title {
    font-size: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__title {
    font-size: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__title {
    font-size: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__title {
    font-size: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__title {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__title {
    font-size: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__title {
    font-size: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__title {
    font-size: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__title {
    font-size: 148.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__title {
    font-size: 207.9px;
  }
}
#battlepass .battlepass__title::after {
  content: "ЛЕТНИЙ ПРОПУСК";
  position: absolute;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 41.15%, #AFAFAF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__title::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__title::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__title::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__title::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__title::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__title::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__title::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__title::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__title::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__title::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__title::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__title::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__title::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__title::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__title::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__title::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__title::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__title::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__title::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__title.missions::after {
  content: "СЕТЬ ЗАДАНИЙ";
  position: absolute;
  left: 0;
  background: linear-gradient(180deg, #FFFFFF 41.15%, #AFAFAF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__title.missions::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__title.missions::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__title.missions::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__title.missions::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__title.missions::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__title.missions::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__title.missions::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__title.missions::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__title.missions::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__title.missions::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__title.missions::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__title.missions::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__title.missions::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__title.missions::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__title.missions::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__title.missions::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__title.missions::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__title.missions::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__title.missions::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__text {
  font-weight: normal;
  line-height: 130%;
  letter-spacing: -0.03em;
  font-family: "TTNorms-Regular";
}
@media (max-width: 897px) {
  #battlepass .battlepass__text {
    margin-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__text {
    margin-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__text {
    margin-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__text {
    margin-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__text {
    margin-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__text {
    margin-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__text {
    margin-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__text {
    margin-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__text {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__text {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__text {
    margin-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__text {
    margin-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__text {
    margin-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__text {
    margin-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    margin-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    margin-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    margin-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    margin-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__text {
    margin-left: 371.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__text {
    margin-top: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__text {
    margin-top: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__text {
    margin-top: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__text {
    margin-top: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__text {
    margin-top: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__text {
    margin-top: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__text {
    margin-top: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__text {
    margin-top: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__text {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__text {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__text {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__text {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__text {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__text {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__text {
    margin-top: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__text {
    width: 280.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__text {
    width: 312px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__text {
    width: 374.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__text {
    width: 393.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__text {
    width: 428.064px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__text {
    width: 436.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__text {
    width: 499.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__text {
    width: 561.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__text {
    width: 624px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__text {
    width: 624px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__text {
    width: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__text {
    width: 842.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__text {
    width: 811.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__text {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    width: 1029.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    width: 1248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    width: 1029.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    width: 1404px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__text {
    width: 1965.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__text {
    font-size: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__text {
    font-size: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__text {
    font-size: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__text {
    font-size: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__text {
    font-size: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__text {
    font-size: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__text {
    font-size: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__text {
    font-size: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__text {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__text {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__text {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__text {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__text {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__text {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__text {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__text {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__text {
    font-size: 75.6px;
  }
}
#battlepass .w-1 {
  width: 100%;
}
#battlepass .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#battlepass .battlepass__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  background: #6495ED;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 11px #6495ED;
  color: white;
  transition: background 0.5s ease;
  cursor: pointer;
}
@media (max-width: 897px) {
  #battlepass .battlepass__button {
    width: 172.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button {
    width: 191.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button {
    width: 229.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button {
    width: 241.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button {
    width: 262.738px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button {
    width: 268.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button {
    width: 306.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button {
    width: 344.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button {
    width: 383px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button {
    width: 383px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button {
    width: 478.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button {
    width: 517.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button {
    width: 497.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button {
    width: 478.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    width: 631.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    width: 766px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    width: 631.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    width: 861.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button {
    width: 1206.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button {
    height: 34.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button {
    height: 38px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button {
    height: 45.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button {
    height: 47.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button {
    height: 52.136px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button {
    height: 53.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button {
    height: 60.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button {
    height: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button {
    height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button {
    height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button {
    height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button {
    height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button {
    height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button {
    height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    height: 171px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button {
    height: 239.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button {
    border-radius: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button {
    border-radius: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button {
    border-radius: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button {
    border-radius: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button {
    border-radius: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button {
    border-radius: 25.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button {
    font-size: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button {
    font-size: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button {
    font-size: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button {
    font-size: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button {
    font-size: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button {
    font-size: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button {
    font-size: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button {
    font-size: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button {
    font-size: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button.skip {
    font-size: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button.skip {
    font-size: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button.skip {
    font-size: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button.skip {
    font-size: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button.skip {
    font-size: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button.skip {
    font-size: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button.skip {
    font-size: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button.skip {
    font-size: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button.skip {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button.skip {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button.skip {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button.skip {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button.skip {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button.skip {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.skip {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.skip {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.skip {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.skip {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button.skip {
    font-size: 75.6px;
  }
}
#battlepass .battlepass__button:hover {
  transition: background 0.5s ease;
  background: #6495ED;
}
#battlepass .battlepass__button.black {
  background: rgba(8, 12, 16, 0.6);
  transition: background 0.5s ease;
  box-shadow: none;
}
@media (max-width: 897px) {
  #battlepass .battlepass__button.black {
    font-size: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button.black {
    font-size: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button.black {
    font-size: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button.black {
    font-size: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button.black {
    font-size: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button.black {
    font-size: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button.black {
    font-size: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button.black {
    font-size: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button.black {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button.black {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button.black {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button.black {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button.black {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button.black {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button.black {
    font-size: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button.black {
    width: 145.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button.black {
    width: 162px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button.black {
    width: 194.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button.black {
    width: 204.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button.black {
    width: 222.264px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button.black {
    width: 226.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button.black {
    width: 259.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button.black {
    width: 291.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button.black {
    width: 324px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button.black {
    width: 324px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button.black {
    width: 405px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button.black {
    width: 437.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button.black {
    width: 421.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button.black {
    width: 405px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    width: 534.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    width: 648px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    width: 534.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    width: 729px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button.black {
    width: 1020.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__button.black {
    height: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__button.black {
    height: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__button.black {
    height: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__button.black {
    height: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__button.black {
    height: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__button.black {
    height: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__button.black {
    height: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__button.black {
    height: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__button.black {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__button.black {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__button.black {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__button.black {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__button.black {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__button.black {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__button.black {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__button.black {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__button.black {
    height: 201.6px;
  }
}
#battlepass .battlepass__button.black:hover {
  transition: background 0.5s ease;
  background: rgb(8, 12, 16);
}
#battlepass .battlepass__level {
  display: flex;
  flex-direction: column;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  letter-spacing: -0.03em;
}
@media (max-width: 897px) {
  #battlepass .battlepass__level {
    margin-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level {
    margin-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level {
    margin-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level {
    margin-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level {
    margin-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level {
    margin-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level {
    margin-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level {
    margin-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level {
    margin-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level {
    margin-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level {
    margin-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level {
    margin-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    margin-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    margin-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    margin-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    margin-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level {
    margin-left: 371.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level {
    margin-right: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level {
    margin-right: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level {
    margin-right: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level {
    margin-right: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level {
    margin-right: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level {
    margin-right: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level {
    margin-right: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level {
    margin-right: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level {
    margin-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level {
    margin-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level {
    margin-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    margin-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    margin-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    margin-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    margin-right: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level {
    margin-right: 100.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level {
    width: 250.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level {
    width: 278px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level {
    width: 333.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level {
    width: 350.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level {
    width: 381.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level {
    width: 389.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level {
    width: 444.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level {
    width: 500.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level {
    width: 556px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level {
    width: 556px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level {
    width: 695px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level {
    width: 750.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level {
    width: 722.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level {
    width: 695px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    width: 917.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    width: 1112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    width: 917.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    width: 1251px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level {
    width: 1751.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level {
    font-size: 6.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level {
    font-size: 7.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level {
    font-size: 9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level {
    font-size: 9.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level {
    font-size: 10.29px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level {
    font-size: 10.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level {
    font-size: 12px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level {
    font-size: 13.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level {
    font-size: 47.25px;
  }
}
#battlepass .battlepass__level .battlepass__subtitle {
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__subtitle {
    font-size: 75.6px;
  }
}
#battlepass .battlepass__level .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#battlepass .battlepass__level .battlepass__level_progress {
  background: rgba(96, 104, 109, 0.4);
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-top: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 250.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 278px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 333.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 350.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 381.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 389.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 444.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 500.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 556px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 556px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 695px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 750.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 722.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 695px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 917.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 1112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 917.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 1251px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    width: 1751.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    height: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress {
    border-radius: 12.6px;
  }
}
#battlepass .battlepass__level .battlepass__level_progress .current__progress {
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, #6495ED 0%, #447eea 100%);
}
@media (max-width: 897px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__level .battlepass__level_progress .current__progress {
    border-radius: 12.6px;
  }
}
#battlepass .red {
  color: #6495ED;
}
#battlepass .gray {
  color: #869199;
}
#battlepass .battlepass__tasks {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(54, 54, 54, 0.65);
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    margin-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    margin-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    margin-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    margin-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    margin-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    margin-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    margin-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    margin-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    margin-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    margin-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    margin-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    margin-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    margin-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    margin-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    margin-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    margin-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    margin-left: 371.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    min-width: 165.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    min-width: 184px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    min-width: 220.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    min-width: 231.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    min-width: 252.448px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    min-width: 257.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    min-width: 294.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    min-width: 331.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    min-width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    min-width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    min-width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    min-width: 496.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    min-width: 478.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    min-width: 460px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    min-width: 607.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    min-width: 736px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    min-width: 607.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    min-width: 828px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    min-width: 1159.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    height: 214.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    height: 238px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    height: 285.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    height: 299.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    height: 326.536px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    height: 333.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    height: 380.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    height: 428.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    height: 476px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    height: 476px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    height: 595px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    height: 642.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    height: 618.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    height: 595px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    height: 785.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    height: 952px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    height: 785.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    height: 1071px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    height: 1499.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    border: 0.45px solid #60686D;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    border: 0.5px solid #60686D;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    border: 0.6px solid #60686D;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    border: 0.63px solid #60686D;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    border: 0.686px solid #60686D;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    border: 0.7px solid #60686D;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    border: 0.8px solid #60686D;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    border: 0.9px solid #60686D;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    border: 1px solid #60686D;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    border: 1px solid #60686D;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    border: 1.25px solid #60686D;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    border: 1.35px solid #60686D;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    border: 1.3px solid #60686D;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    border: 1.25px solid #60686D;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    border: 1.65px solid #60686D;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    border: 2px solid #60686D;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    border: 1.65px solid #60686D;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    border: 2.25px solid #60686D;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    border: 3.15px solid #60686D;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    border-radius: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    padding-left: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    padding-left: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    padding-left: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    padding-left: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    padding-left: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    padding-left: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    padding-left: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    padding-left: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    padding-left: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    padding-right: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    padding-right: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    padding-right: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    padding-right: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    padding-right: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    padding-right: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    padding-right: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    padding-right: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    padding-right: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    padding-bottom: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks {
    padding-top: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks {
    padding-top: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks {
    padding-top: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks {
    padding-top: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks {
    padding-top: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks {
    padding-top: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks {
    padding-top: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks {
    padding-top: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks {
    padding-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks {
    padding-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks {
    padding-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks {
    padding-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks {
    padding-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks {
    padding-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks {
    padding-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks {
    padding-top: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks {
    padding-top: 75.6px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks__header {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);
  background: linear-gradient(180deg, #FFFFFF 60%, #828282 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    margin-bottom: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks__header {
    font-size: 63px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks_element {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    font-size: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    padding: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 6.86px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element {
    border-radius: 12.6px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks_element .gray {
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
  align-items: flex-start !important;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 6.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 7.546px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .b-11 {
    margin-bottom: 34.65px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_height {
  width: 65%;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-top: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-left: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    padding-right: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    border-radius: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .battlepass__tasks_exp {
    font-size: 37.8px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks_element .box-between {
  align-items: center;
}
#battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
  font-family: "TTNorms-Regular";
  line-height: 130%;
  color: #fcfcfc;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks .battlepass__tasks_element .box-between .small {
    font-size: 37.8px;
  }
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done {
  background: rgba(134, 145, 153, 0.2);
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .small {
  color: #A6B1BA;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .green {
  color: #ffffff;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.done .gray {
  opacity: 0;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week {
  background: #386ccc;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week .small {
  color: #f5f5f5;
}
#battlepass .battlepass__tasks .battlepass__tasks_element.week .battlepass__tasks_exp {
  background: #000000;
}
#battlepass .battlepass__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 897px) {
  #battlepass .battlepass__main {
    margin-top: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__main {
    margin-top: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__main {
    margin-top: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__main {
    margin-top: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__main {
    margin-top: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__main {
    margin-top: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__main {
    margin-top: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__main {
    margin-top: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__main {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__main {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__main {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__main {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__main {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__main {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__main {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__main {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__main {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__main {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__main {
    margin-top: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__main {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__main {
    margin-bottom: 19px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__main {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__main {
    margin-bottom: 23.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__main {
    margin-bottom: 26.068px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__main {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__main {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__main {
    margin-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__main {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__main {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__main {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__main {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__main {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__main {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__main {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__main {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__main {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__main {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__main {
    margin-bottom: 119.7px;
  }
}
#battlepass .battlepass__tasks_block {
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks_block {
    max-height: 170.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks_block {
    max-height: 189px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks_block {
    max-height: 226.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks_block {
    max-height: 238.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks_block {
    max-height: 259.308px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks_block {
    max-height: 264.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks_block {
    max-height: 302.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks_block {
    max-height: 340.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks_block {
    max-height: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks_block {
    max-height: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks_block {
    max-height: 472.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks_block {
    max-height: 510.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks_block {
    max-height: 491.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks_block {
    max-height: 472.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block {
    max-height: 623.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block {
    max-height: 756px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block {
    max-height: 623.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block {
    max-height: 850.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks_block {
    max-height: 1190.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks_block {
    padding-right: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 1.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 2.058px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar {
    width: 9.45px;
  }
}
#battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.4);
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-track {
    border-radius: 12.6px;
  }
}
#battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
  background: rgba(253, 255, 252, 0.7);
}
@media (max-width: 897px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__tasks_block::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#battlepass .battlepass__blocks {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks {
    width: 588.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks {
    width: 654px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks {
    width: 784.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks {
    width: 824.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks {
    width: 897.288px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks {
    width: 915.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks {
    width: 1046.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks {
    width: 1177.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks {
    width: 1308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks {
    width: 1308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks {
    width: 1635px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks {
    width: 1765.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks {
    width: 1700.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks {
    width: 1635px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks {
    width: 2158.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks {
    width: 2616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks {
    width: 2158.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks {
    width: 2943px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks {
    width: 4120.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks {
    margin-left: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks {
    margin-left: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks {
    margin-left: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks {
    margin-left: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks {
    margin-left: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks {
    margin-left: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks {
    margin-left: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks {
    margin-left: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks {
    margin-left: 25.2px;
  }
}
#battlepass .battlepass__blocks .battlepass__block_unpremium {
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
#battlepass .battlepass__blocks .battlepass__blocks_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: -0.03em;
  font-family: "RF Dewi Extended";
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 81px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 90px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 108px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 113.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 123.48px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 126px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 144px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 162px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    width: 567px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    font-size: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block {
    margin-right: 25.2px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block:last-child {
  margin-right: 0;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
  background: rgba(94, 94, 94, 0.65);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    border-radius: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 27px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 30px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 37.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 41.16px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 42px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 48px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 54px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    height: 189px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_lvl {
    margin-bottom: 25.2px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
  background: rgba(94, 94, 94, 0.65);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    border-radius: 12.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 90px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 100px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 120px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 126px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 137.2px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 140px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 160px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 180px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise {
    height: 630px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.taked {
  opacity: 0.6;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.free-start {
  background: rgba(94, 94, 94, 0.65);
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.premium-start {
  background: linear-gradient(180deg, #6495ED 0%, #2e59aa 100%);
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
  background: linear-gradient(180deg, #6495ED 0%, #2e59aa 100%);
  opacity: 0.3;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise.dontpremium {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
  opacity: 1;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background: rgba(8, 12, 16, 0.65);
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 61.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 68px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 81.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 85.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 93.296px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 95.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 108.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 122.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 183.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 176.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 224.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 224.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 306px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    width: 428.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    height: 126px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 6.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 7.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 9.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 10.29px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 10.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 12px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 13.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    font-size: 47.25px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
  background: #407ae4;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__block_status.donttaked {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 54px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 60px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 75.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 82.32px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 84px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 96px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 108px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    width: 378px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 54px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 60px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 75.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 82.32px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 84px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 96px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 108px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    height: 378px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 6.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 7.546px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    margin-bottom: 34.65px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image {
    padding-bottom: 37.8px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image.free {
  background-image: url(/src/views/player/battlepass/assets/free.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_image.prime {
  background-image: url(/src/views/player/battlepass/assets/prime.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 2.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 2.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 3.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 3.43px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 3.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 4.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    right: 15.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 2.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 2.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 3.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 3.43px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 3.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 4.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    top: 15.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 6.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 7px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 8.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 8.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 9.604px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 9.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 12.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_count {
    font-size: 44.1px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
  text-align: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 6.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 7.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 9.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 10.29px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 10.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 12px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 13.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name {
    font-size: 47.25px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.55);
  background: linear-gradient(180deg, #FFFFFF 60%, #828282 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.bold {
    font-size: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block .battlepass__block_prise .battlepass__prise_name.big {
    font-size: 63px;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active {
  color: white;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .battlepass__block_lvl {
  background: #6495ED;
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .free-start.battlepass__block_prise {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
  background: linear-gradient(180deg, #6495ED 0%, #6495ED 100%);
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.active .premium-start.battlepass__block_prise {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
  background: #3C3C3C;
  opacity: 0.65;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 0.9px solid #696969;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1px solid #696969;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.2px solid #696969;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.26px solid #696969;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.372px solid #696969;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.4px solid #696969;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.6px solid #696969;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 1.8px solid #696969;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2px solid #696969;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2px solid #696969;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2.5px solid #696969;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2.7px solid #696969;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2.6px solid #696969;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 2.5px solid #696969;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 3.3px solid #696969;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 4px solid #696969;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 3.3px solid #696969;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 4.5px solid #696969;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .free-start.battlepass__block_prise {
    border: 6.3px solid #696969;
  }
}
#battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
  background: linear-gradient(180deg, #6495ED 0%, #6495ED 100%);
  opacity: 0.5;
}
@media (max-width: 897px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 0.9px solid #6495ED;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1px solid #6495ED;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.2px solid #6495ED;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.26px solid #6495ED;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.372px solid #6495ED;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.4px solid #6495ED;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.6px solid #6495ED;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 1.8px solid #6495ED;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2.7px solid #6495ED;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2.6px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 2.5px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 4px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 3.3px solid #6495ED;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 4.5px solid #6495ED;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__blocks .battlepass__blocks_block.dontactive .premium-start.battlepass__block_prise {
    border: 6.3px solid #6495ED;
  }
}
#battlepass .battlepass__image_info {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/src/views/player/battlepass/assets/question.png);
  cursor: pointer;
}
@media (max-width: 897px) {
  #battlepass .battlepass__image_info {
    width: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__image_info {
    width: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__image_info {
    width: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__image_info {
    width: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__image_info {
    width: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__image_info {
    width: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__image_info {
    width: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__image_info {
    width: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__image_info {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__image_info {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__image_info {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__image_info {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__image_info {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__image_info {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__image_info {
    width: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__image_info {
    height: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__image_info {
    height: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__image_info {
    height: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__image_info {
    height: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__image_info {
    height: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__image_info {
    height: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__image_info {
    height: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__image_info {
    height: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__image_info {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__image_info {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__image_info {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__image_info {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__image_info {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__image_info {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__image_info {
    height: 75.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__image_info {
    margin-right: 8.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__image_info {
    margin-right: 9px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__image_info {
    margin-right: 10.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__image_info {
    margin-right: 11.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__image_info {
    margin-right: 12.348px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__image_info {
    margin-right: 12.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__image_info {
    margin-right: 14.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__image_info {
    margin-right: 16.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__image_info {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__image_info {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__image_info {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__image_info {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__image_info {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__image_info {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__image_info {
    margin-right: 56.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__image_info {
    margin-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__image_info {
    margin-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__image_info {
    margin-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__image_info {
    margin-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__image_info {
    margin-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__image_info {
    margin-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__image_info {
    margin-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__image_info {
    margin-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__image_info {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__image_info {
    margin-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__image_info {
    margin-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__image_info {
    margin-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__image_info {
    margin-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__image_info {
    margin-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    margin-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    margin-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__image_info {
    margin-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__image_info {
    margin-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__image_info {
    margin-left: 371.7px;
  }
}
#battlepass .battlepass__info_button {
  font-weight: 600;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
  color: #6495ED;
  cursor: pointer;
}
@media (max-width: 897px) {
  #battlepass .battlepass__info_button {
    font-size: 10.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__info_button {
    font-size: 12px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__info_button {
    font-size: 14.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__info_button {
    font-size: 15.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__info_button {
    font-size: 16.464px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__info_button {
    font-size: 16.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__info_button {
    font-size: 19.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__info_button {
    font-size: 21.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__info_button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__info_button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__info_button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__info_button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__info_button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__info_button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__info_button {
    font-size: 75.6px;
  }
}
#battlepass .battlepass__page_button {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  position: relative;
  cursor: pointer;
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button {
    width: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button {
    width: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button {
    width: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button {
    width: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button {
    width: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button {
    width: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button {
    width: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button {
    width: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button {
    width: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button {
    height: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button {
    height: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button {
    height: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button {
    height: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button {
    height: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button {
    height: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button {
    height: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button {
    height: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button {
    height: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button {
    font-size: 13.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button {
    font-size: 15px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button {
    font-size: 18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button {
    font-size: 18.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button {
    font-size: 20.58px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button {
    font-size: 21px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button {
    font-size: 24px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button {
    font-size: 27px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button {
    font-size: 94.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button {
    border: 0.45px solid #4581f1;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button {
    border: 0.5px solid #4581f1;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button {
    border: 0.6px solid #4581f1;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button {
    border: 0.63px solid #4581f1;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button {
    border: 0.686px solid #4581f1;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button {
    border: 0.7px solid #4581f1;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button {
    border: 0.8px solid #4581f1;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button {
    border: 0.9px solid #4581f1;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button {
    border: 1px solid #4581f1;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button {
    border: 1px solid #4581f1;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button {
    border: 1.25px solid #4581f1;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button {
    border: 1.35px solid #4581f1;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button {
    border: 1.3px solid #4581f1;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button {
    border: 1.25px solid #4581f1;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    border: 1.65px solid #4581f1;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    border: 2px solid #4581f1;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    border: 1.65px solid #4581f1;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    border: 2.25px solid #4581f1;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button {
    border: 3.15px solid #4581f1;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 2.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 2.744px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button {
    padding-bottom: 12.6px;
  }
}
#battlepass .battlepass__page_button:hover {
  background: #6495ED;
}
#battlepass .battlepass__page_button.left::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button.left::after {
    border: 3.6px solid transparent;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button.left::after {
    border: 4px solid transparent;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button.left::after {
    border: 4.8px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button.left::after {
    border: 5.04px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button.left::after {
    border: 5.488px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button.left::after {
    border: 5.6px solid transparent;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button.left::after {
    border: 6.4px solid transparent;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button.left::after {
    border: 7.2px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button.left::after {
    border: 8px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button.left::after {
    border: 8px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button.left::after {
    border: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button.left::after {
    border: 10.8px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button.left::after {
    border: 10.4px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button.left::after {
    border: 10px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.left::after {
    border: 13.2px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.left::after {
    border: 16px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.left::after {
    border: 13.2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.left::after {
    border: 18px solid transparent;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button.left::after {
    border: 25.2px solid transparent;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 3.6px solid white;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 4px solid white;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 4.8px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 5.04px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 5.488px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 5.6px solid white;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 6.4px solid white;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 7.2px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 8px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 8px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 10px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 10.8px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 10.4px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 10px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 13.2px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 16px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 13.2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 18px solid white;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button.left::after {
    border-right: 25.2px solid white;
  }
}
#battlepass .battlepass__page_button.right::after {
  content: "";
  position: absolute;
  left: 70%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button.right::after {
    border: 3.6px solid transparent;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button.right::after {
    border: 4px solid transparent;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button.right::after {
    border: 4.8px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button.right::after {
    border: 5.04px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button.right::after {
    border: 5.488px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button.right::after {
    border: 5.6px solid transparent;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button.right::after {
    border: 6.4px solid transparent;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button.right::after {
    border: 7.2px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button.right::after {
    border: 8px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button.right::after {
    border: 8px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button.right::after {
    border: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button.right::after {
    border: 10.8px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button.right::after {
    border: 10.4px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button.right::after {
    border: 10px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.right::after {
    border: 13.2px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.right::after {
    border: 16px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.right::after {
    border: 13.2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.right::after {
    border: 18px solid transparent;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button.right::after {
    border: 25.2px solid transparent;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 3.6px solid white;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 4px solid white;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 4.8px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 5.04px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 5.488px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 5.6px solid white;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 6.4px solid white;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 7.2px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 8px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 8px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 10px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 10.8px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 10.4px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 10px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 13.2px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 16px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 13.2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 18px solid white;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__page_button.right::after {
    border-left: 25.2px solid white;
  }
}
#battlepass .battlepass__info_text {
  font-weight: 400;
  font-family: "RF Dewi Extended";
  letter-spacing: -0.03em;
}
@media (max-width: 897px) {
  #battlepass .battlepass__info_text {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__info_text {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__info_text {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__info_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__info_text {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__info_text {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__info_text {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__info_text {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__info_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__info_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__info_text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__info_text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__info_text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__info_text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__info_text {
    font-size: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__info_text {
    margin-right: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__info_text {
    margin-right: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__info_text {
    margin-right: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__info_text {
    margin-right: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__info_text {
    margin-right: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__info_text {
    margin-right: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__info_text {
    margin-right: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__info_text {
    margin-right: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__info_text {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__info_text {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__info_text {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__info_text {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__info_text {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__info_text {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__info_text {
    margin-right: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__info_text {
    margin-left: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__info_text {
    margin-left: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__info_text {
    margin-left: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__info_text {
    margin-left: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__info_text {
    margin-left: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__info_text {
    margin-left: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__info_text {
    margin-left: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__info_text {
    margin-left: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__info_text {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__info_text {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__info_text {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__info_text {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__info_text {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__info_text {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__info_text {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__info_text {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__info_text {
    margin-left: 63px;
  }
}
#battlepass .battlepass__popup_info {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(30, 38, 47, 0.65);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
#battlepass .battlepass__popup_info.popupback {
  align-items: flex-start;
  justify-content: flex-start;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/src/views/player/battlepass/assets/popupback.png);
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info.popupback {
    padding: 126px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-left: 371.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 53.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 59px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 70.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 74.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 80.948px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 82.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 94.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 106.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 265.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info.popupback {
    padding-right: 371.7px;
  }
}
#battlepass .battlepass__popup_info .battlepass__popup_title {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 27px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 30px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 37.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 41.16px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 42px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 48px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 54px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    font-size: 189px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 25.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 28px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 33.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 35.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 38.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 39.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 44.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 50.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_title {
    margin-top: 176.4px;
  }
}
#battlepass .battlepass__popup_info .newproject__buttonblock {
  margin: 0;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 263.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 293px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 351.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 369.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 401.996px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 410.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 468.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 527.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 586px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 586px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 732.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 791.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 761.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 732.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 966.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 1172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 966.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 1318.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .newproject__buttonblock {
    margin-right: 1845.9px;
  }
}
#battlepass .battlepass__popup_info .battlepass__image_info {
  margin: 0;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    width: 126px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__image_info {
    height: 126px;
  }
}
#battlepass .battlepass__popup_info .battlepass__popup_block {
  background: rgba(8, 12, 16, 0.7);
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 333px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 370px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 444px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 466.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 507.64px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 518px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 592px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 666px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 925px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 999px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 962px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 925px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 1221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 1480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 1221px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 1665px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    width: 2331px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    padding: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    border-radius: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 11.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 13px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 15.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 16.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 17.836px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 18.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 20.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 23.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_block {
    margin-top: 81.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 11.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 13px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 15.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 16.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 17.836px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 18.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 20.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 23.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_info .battlepass__popup_text {
    margin-top: 81.9px;
  }
}
#battlepass .battlepass__buylevels_box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 76.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 85px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 102px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 107.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 116.62px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 119px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 136px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 153px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 382.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element {
    margin-top: 535.5px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
  position: absolute;
  content: "";
  background: #6495ED;
  opacity: 0.4;
  filter: blur(134px);
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 203.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 226px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 271.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 284.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 310.072px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 316.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 361.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 406.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 565px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 610.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 587.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 565px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 745.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 904px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 745.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 1017px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    width: 1423.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 203.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 226px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 271.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 284.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 310.072px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 316.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 361.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 406.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 565px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 610.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 587.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 565px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 745.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 904px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 745.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 1017px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element::after {
    height: 1423.8px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
  font-family: "RF Dewi Extended";
  font-weight: 900;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #295099;
  position: relative;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 22.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 25px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 30px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 31.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 34.3px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 35px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 40px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 112.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    font-size: 157.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 30.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 32.928px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title {
    margin-bottom: 151.2px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
  content: "1 УРОВЕНЬ";
  position: absolute;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.first::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second {
  position: relative;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
  content: "5 УРОВНЕЙ";
  position: absolute;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.second::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third {
  position: relative;
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
  content: "25 УРОВНЕЙ";
  position: absolute;
  left: 0;
  color: #6495ED;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_title.third::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
  background-image: url(/src/views/player/battlepass/assets/popup_levels.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 216px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 240px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 288px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 302.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 329.28px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 336px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 384px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 432px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 1080px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    width: 1512px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 120.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 134px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 160.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 168.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 183.848px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 187.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 214.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 241.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 361.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 348.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 335px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 442.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 536px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 442.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 603px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content {
    height: 844.2px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
  font-family: "RF Dewi Extended";
  font-weight: 900;
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 27px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 30px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 37.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 41.16px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 42px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 48px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 54px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    font-size: 189px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 24px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 30.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 32.928px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__buylevels_price {
    margin-bottom: 151.2px;
  }
}
#battlepass .battlepass__buylevels_box .battlepass__buylevels_element .battlepass__buylevels_content .battlepass__button {
  text-transform: uppercase;
}
#battlepass .battlepass__popup_maintitle {
  font-family: "RF Dewi Extended";
  font-weight: 900;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  color: #6495ED;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 40.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 45px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 56.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 61.74px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 63px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 72px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 81px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 202.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_maintitle {
    margin-top: 283.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 27px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 30px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 37.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 41.16px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 42px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 48px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 54px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_maintitle {
    font-size: 189px;
  }
}
#battlepass .battlepass__popup_maintitle::after {
  content: "Разблокировать летний пропуск";
  position: absolute;
  left: 0;
  color: white;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_maintitle::after {
    top: -18.9px;
  }
}
#battlepass .battlepass__popup_buytext {
  font-family: "TTNorms-Regular";
  font-weight: 100;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 25.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 28px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 33.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 35.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 38.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 39.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 44.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 50.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_buytext {
    margin-top: 176.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 24px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 30.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 32.928px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_buytext {
    margin-bottom: 151.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_buytext {
    width: 468px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_buytext {
    width: 520px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_buytext {
    width: 624px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_buytext {
    width: 655.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_buytext {
    width: 713.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_buytext {
    width: 728px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_buytext {
    width: 832px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_buytext {
    width: 936px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_buytext {
    width: 1040px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_buytext {
    width: 1040px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_buytext {
    width: 1300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_buytext {
    width: 1404px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_buytext {
    width: 1352px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_buytext {
    width: 1300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    width: 1716px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    width: 2080px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    width: 1716px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    width: 2340px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_buytext {
    width: 3276px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_buytext {
    font-size: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 18px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 20px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 25.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 27.44px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 28px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 32px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 36px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 90px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_buytext {
    line-height: 126px;
  }
}
#battlepass .battlepass__popup_pricetext {
  font-family: "RF Dewi Extended";
  font-weight: bold;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_pricetext {
    margin-right: 100.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 27px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 30px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 37.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 41.16px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 42px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 48px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 54px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_pricetext {
    font-size: 189px;
  }
}
#battlepass .battlepass__popup_heroes {
  position: absolute;
  bottom: 0;
  background-image: url(/src/views/player/battlepass/assets/buy.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_heroes {
    right: 4.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_heroes {
    right: 5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_heroes {
    right: 6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_heroes {
    right: 6.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_heroes {
    right: 6.86px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_heroes {
    right: 7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_heroes {
    right: 8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_heroes {
    right: 9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_heroes {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_heroes {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_heroes {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_heroes {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_heroes {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_heroes {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_heroes {
    right: 31.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_heroes {
    width: 444.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_heroes {
    width: 494px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_heroes {
    width: 592.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_heroes {
    width: 622.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_heroes {
    width: 677.768px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_heroes {
    width: 691.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_heroes {
    width: 790.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_heroes {
    width: 889.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_heroes {
    width: 988px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_heroes {
    width: 988px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_heroes {
    width: 1235px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_heroes {
    width: 1333.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_heroes {
    width: 1284.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_heroes {
    width: 1235px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    width: 1630.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    width: 1976px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    width: 1630.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    width: 2223px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_heroes {
    width: 3112.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__popup_heroes {
    height: 347.85px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__popup_heroes {
    height: 386.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__popup_heroes {
    height: 463.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__popup_heroes {
    height: 486.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__popup_heroes {
    height: 530.278px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__popup_heroes {
    height: 541.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__popup_heroes {
    height: 618.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__popup_heroes {
    height: 695.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__popup_heroes {
    height: 773px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__popup_heroes {
    height: 773px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__popup_heroes {
    height: 966.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__popup_heroes {
    height: 1043.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__popup_heroes {
    height: 1004.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__popup_heroes {
    height: 966.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    height: 1275.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    height: 1546px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__popup_heroes {
    height: 1275.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__popup_heroes {
    height: 1739.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__popup_heroes {
    height: 2434.95px;
  }
}
#battlepass .battlepass__missions {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions {
    height: 296.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions {
    height: 329.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions {
    height: 395.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions {
    height: 415.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions {
    height: 452.074px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions {
    height: 461.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions {
    height: 527.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions {
    height: 593.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions {
    height: 659px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions {
    height: 659px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions {
    height: 823.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions {
    height: 889.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions {
    height: 856.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions {
    height: 823.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions {
    height: 1087.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions {
    height: 1318px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions {
    height: 1087.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions {
    height: 1482.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions {
    height: 2075.85px;
  }
}
#battlepass .battlepass__missions_column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column {
    top: -55.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column {
    top: -62px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column {
    top: -74.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column {
    top: -78.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column {
    top: -85.064px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column {
    top: -86.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column {
    top: -99.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column {
    top: -111.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column {
    top: -124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column {
    top: -124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column {
    top: -155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column {
    top: -167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column {
    top: -161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column {
    top: -155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column {
    top: -204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column {
    top: -248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column {
    top: -204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column {
    top: -279px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column {
    top: -390.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column {
    right: 0px;
  }
}
#battlepass .battlepass__missions_column .box-flex {
  align-items: center;
}
#battlepass .battlepass__missions_column .battlepass__column_page {
  background-image: url(/src/views/player/battlepass/assets/page.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
  font-weight: 600;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 36px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 40px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 50.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 54.88px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 56px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 64px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 72px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    width: 252px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 36px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 40px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 50.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 54.88px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 56px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 64px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 72px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    height: 252px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    margin-right: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column .battlepass__column_page {
    font-size: 100.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_column .battlepass__column_page.first {
    margin-left: 63px;
  }
}
#battlepass .battlepass__missions_column .battlepass__column_page.active {
  background-image: url(/src/views/player/battlepass/assets/page-active.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_level {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  background: linear-gradient(270deg, #6495ED 45.31%, rgba(231, 29, 54, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_level {
    font-size: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_level {
    font-size: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_level {
    font-size: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_level {
    font-size: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_level {
    font-size: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_level {
    font-size: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_level {
    font-size: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_level {
    font-size: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_level {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_level {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_level {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_level {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_level {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_level {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_level {
    font-size: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_level {
    width: 147.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_level {
    width: 164px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_level {
    width: 196.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_level {
    width: 206.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_level {
    width: 225.008px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_level {
    width: 229.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_level {
    width: 262.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_level {
    width: 295.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_level {
    width: 328px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_level {
    width: 328px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_level {
    width: 410px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_level {
    width: 442.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_level {
    width: 426.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_level {
    width: 410px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    width: 541.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    width: 656px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    width: 541.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    width: 738px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_level {
    width: 1033.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_level {
    height: 21.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_level {
    height: 24px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_level {
    height: 28.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_level {
    height: 30.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_level {
    height: 32.928px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_level {
    height: 33.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_level {
    height: 38.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_level {
    height: 43.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_level {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_level {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_level {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_level {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_level {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_level {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_level {
    height: 151.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_level {
    border-right: 1.8px solid #3272e8;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_level {
    border-right: 2px solid #3272e8;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_level {
    border-right: 2.4px solid #3272e8;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_level {
    border-right: 2.52px solid #3272e8;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_level {
    border-right: 2.744px solid #3272e8;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_level {
    border-right: 2.8px solid #3272e8;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_level {
    border-right: 3.2px solid #3272e8;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_level {
    border-right: 3.6px solid #3272e8;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_level {
    border-right: 4px solid #3272e8;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_level {
    border-right: 4px solid #3272e8;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_level {
    border-right: 5px solid #3272e8;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_level {
    border-right: 5.4px solid #3272e8;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_level {
    border-right: 5.2px solid #3272e8;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_level {
    border-right: 5px solid #3272e8;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    border-right: 6.6px solid #3272e8;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    border-right: 8px solid #3272e8;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    border-right: 6.6px solid #3272e8;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    border-right: 9px solid #3272e8;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_level {
    border-right: 12.6px solid #3272e8;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_level {
    margin-top: 13.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_level {
    margin-top: 15px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_level {
    margin-top: 18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_level {
    margin-top: 18.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_level {
    margin-top: 20.58px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_level {
    margin-top: 21px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_level {
    margin-top: 24px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_level {
    margin-top: 27px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_level {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_level {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_level {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_level {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_level {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_level {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_level {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_level {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_level {
    margin-top: 94.5px;
  }
}
#battlepass .battlepass__missions_popup {
  position: absolute;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(8, 12, 16, 0.85);
  color: #fff;
  text-align: center;
  z-index: 1;
  bottom: 50%;
  left: 90%;
  transition: opacity 0.3s;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup {
    width: 180px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup {
    width: 200px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup {
    width: 240px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup {
    width: 252px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup {
    width: 274.4px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup {
    width: 280px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup {
    width: 320px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup {
    width: 360px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup {
    width: 1260px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup {
    height: 180px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup {
    height: 200px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup {
    height: 240px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup {
    height: 252px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup {
    height: 274.4px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup {
    height: 280px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup {
    height: 320px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup {
    height: 360px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup {
    height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup {
    height: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup {
    height: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup {
    height: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    height: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    height: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    height: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    height: 900px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup {
    height: 1260px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup {
    border-radius: 18.9px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_descr {
  font-family: "TTNorms-Regular";
  font-weight: normal;
  align-self: flex-start;
  color: #869199;
  letter-spacing: -0.03em;
  text-align: left;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 6.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 7px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 8.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 8.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 9.604px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 9.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 12.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    font-size: 44.1px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-left: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-right: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    padding-top: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_descr {
    margin-bottom: 63px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_text {
  font-family: "TTNorms-Regular";
  font-weight: 500;
  color: #869199;
  letter-spacing: -0.03em;
  text-align: left;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 6.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 7px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 8.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 8.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 9.604px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    font-size: 44.1px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 3.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 4px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 4.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 5.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 5.488px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 5.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 6.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 7.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    margin-top: 25.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_text {
    padding-left: 50.4px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_prise {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: flex-start;
  text-align: left;
  width: 100%;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    font-size: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 15.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 17px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 20.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 21.42px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 23.324px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 23.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 27.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 30.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    line-height: 107.1px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    padding-left: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_prise {
    margin-top: 100.8px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_prise .red {
  color: #6495ED;
}
#battlepass .battlepass__missions_popup .battlepass__missions_gray {
  font-family: "TTNorms-Regular";
  font-weight: normal;
  align-items: flex-start;
  color: #A6B1BA;
  text-align: left;
  width: 100%;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 6.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 7px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 8.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 9.604px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 12.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    font-size: 44.1px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 2.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 3px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 3.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 3.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 4.116px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 4.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 4.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 5.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    margin-top: 18.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_gray {
    padding-left: 50.4px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer {
  background: linear-gradient(90deg, #2f6ddf 49.29%, rgba(166, 36, 53, 0) 102.87%);
  display: flex;
  align-items: center;
  margin-top: auto;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 180px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 200px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 240px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 252px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 274.4px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 280px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 320px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 360px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    width: 1260px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 25.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 28px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 33.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 35.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 38.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 39.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 44.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 50.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 126px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    height: 176.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-left: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-top: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-left-radius: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    border-bottom-right-radius : 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 6.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 7px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 8.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 8.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 9.604px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 9.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 11.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 12.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer {
    font-size: 44.1px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer.trans {
  background: transparent;
}
#battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
  background-image: url(/src/views/player/battlepass/assets/mouse.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    width: 100.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 4.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 6.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 6.86px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    margin-right: 31.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 14.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 16px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 19.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 20.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 21.952px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 22.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 25.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 28.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_footer .battlepass__missions_mouse {
    height: 100.8px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_progress {
  background: #3D444B;
  overflow: hidden;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 165.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 184px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 220.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 231.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 252.448px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 257.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 294.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 331.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 496.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 478.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 460px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 607.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 736px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 607.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 828px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    width: 1159.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    height: 63px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress {
    border-radius: 6.3px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
  height: 100%;
  background: #3372e7;
  width: 0;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_progress .battlepass__missions_currentprogress {
    border-radius: 6.3px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_header {
  display: flex;
  flex-direction: column;
  background: #040308;
  background-image: url(/src/views/player/battlepass/assets/tooltip.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  align-items: flex-start;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 180px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 200px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 240px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 252px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 274.4px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 280px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 320px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 360px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    width: 1260px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 36px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 40px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 50.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 54.88px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 56px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 64px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 72px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    height: 252px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    border-radius: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-left: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-right: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 7.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 8px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 9.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 10.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 10.976px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 11.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 12.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 14.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header {
    padding-top: 50.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_name {
    margin-left: 37.8px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
  font-family: "TTNorms-Regular";
  font-style: italic;
  font-weight: normal;
  align-items: flex-start;
  color: #869199;
  letter-spacing: -0.03em;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .battlepass__missions_subname {
    font-size: 63px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 10px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 12.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 13.72px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 14px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 16px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex {
    font-size: 63px;
  }
}
#battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
  background: #6495ED;
  box-shadow: 0px 0px 34px rgb(18, 124, 246);
  transform: rotate(45deg);
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    width: 37.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 5.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 6px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 7.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 7.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 8.232px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 8.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 9.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 10.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_popup .battlepass__missions_header .box-flex .battlepass__missions_romb {
    height: 37.8px;
  }
}
#battlepass .battlepass__missions_element {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element {
    width: 81.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element {
    width: 91px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element {
    width: 109.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element {
    width: 114.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element {
    width: 124.852px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element {
    width: 127.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element {
    width: 145.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element {
    width: 163.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element {
    width: 573.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element {
    height: 81.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element {
    height: 91px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element {
    height: 109.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element {
    height: 114.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element {
    height: 124.852px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element {
    height: 127.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element {
    height: 145.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element {
    height: 163.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element {
    height: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element {
    height: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element {
    height: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element {
    height: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element {
    height: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element {
    height: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element {
    height: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element {
    height: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element {
    height: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element {
    height: 409.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element {
    height: 573.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 45px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 50px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 60px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 63px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 68.6px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 70px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 80px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 90px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    width: 315px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 45px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 50px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 60px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 63px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 68.6px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 70px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 80px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 90px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_info {
    height: 315px;
  }
}
#battlepass .battlepass__missions_element .battlepass__missions_element_progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 56.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 62.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 78.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 85.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 87.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 100px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 112.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 156.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 168.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 156.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 206.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 206.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 281.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    width: 393.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 56.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 62.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 78.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 85.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 87.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 100px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 112.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 156.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 168.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 156.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 206.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 206.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 281.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element .battlepass__missions_element_progress {
    height: 393.75px;
  }
}
#battlepass .battlepass__missions_element.closed {
  background-image: url(/src/views/player/battlepass/assets/blocked.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.active {
  background-image: url(/src/views/player/battlepass/assets/active.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.done {
  background-image: url(/src/views/player/battlepass/assets/done.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#battlepass .battlepass__missions_element.selected {
  background-image: url(/src/views/player/battlepass/assets/selected.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 63px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 70px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 88.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 96.04px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 98px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 112px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 126px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    width: 441px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 63px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 70px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 88.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 96.04px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 98px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 112px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 126px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.selected .battlepass__missions_element_info {
    height: 441px;
  }
}
#battlepass .battlepass__missions_element.position1 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 25.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 28px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 33.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 35.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 38.416px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 39.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 44.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 50.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 126px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position1 {
    left: 176.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 128.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 142.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 171px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 179.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 195.51px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 199.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 228px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 285px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 285px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 356.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 384.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 370.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 356.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 470.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 570px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 470.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 641.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position1 {
    bottom: 897.75px;
  }
}
#battlepass .battlepass__missions_element.position2 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 114.3px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 127px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 152.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 160.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 174.244px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 177.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 203.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 228.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 571.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position2 {
    left: 800.1px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 188.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 209.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 251.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 263.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 287.434px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 293.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 335.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 377.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 523.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 565.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 544.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 523.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 691.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 838px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 691.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 942.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position2 {
    bottom: 1319.85px;
  }
}
#battlepass .battlepass__missions_element.position3 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 137.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 152.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 183px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 192.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 209.23px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 213.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 244px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 274.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 305px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 305px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 381.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 411.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 396.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 381.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 503.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 610px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 503.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 686.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position3 {
    left: 960.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 100.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 111.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 133.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 140.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 152.978px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 156.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 178.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 200.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 501.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position3 {
    bottom: 702.45px;
  }
}
#battlepass .battlepass__missions_element.position4 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 202.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 224.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 269.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 282.87px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 308.014px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 314.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 359.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 404.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 449px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 449px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 561.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 606.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 583.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 561.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 740.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 898px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 740.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 1010.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position4 {
    left: 1414.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 188.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 209.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 251.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 263.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 287.434px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 293.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 335.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 377.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 523.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 565.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 544.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 523.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 691.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 838px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 691.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 942.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position4 {
    bottom: 1319.85px;
  }
}
#battlepass .battlepass__missions_element.position5 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 289.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 322px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 386.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 405.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 441.784px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 450.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 515.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 579.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 644px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 644px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 805px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 869.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 837.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 805px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 1062.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 1288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 1062.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 1449px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position5 {
    left: 2028.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 188.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 209.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 251.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 263.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 287.434px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 293.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 335.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 377.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 523.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 565.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 544.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 523.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 691.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 838px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 691.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 942.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position5 {
    bottom: 1319.85px;
  }
}
#battlepass .battlepass__missions_element.position6 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 378px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 420px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 504px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 529.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 576.24px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 588px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 672px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 756px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 840px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 840px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1050px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1134px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1092px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1050px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1386px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 1890px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position6 {
    left: 2646px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 188.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 209.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 251.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 263.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 287.434px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 293.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 335.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 377.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 419px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 523.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 565.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 544.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 523.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 691.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 838px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 691.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 942.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position6 {
    bottom: 1319.85px;
  }
}
#battlepass .battlepass__missions_element.position7 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 225.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 251px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 301.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 316.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 344.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 351.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 401.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 451.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 502px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 502px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 627.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 677.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 652.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 627.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 828.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 1004px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 828.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 1129.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position7 {
    left: 1581.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 100.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 111.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 133.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 140.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 152.978px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 156.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 178.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 200.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 501.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position7 {
    bottom: 702.45px;
  }
}
#battlepass .battlepass__missions_element.position8 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 225.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 251px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 301.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 316.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 344.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 351.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 401.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 451.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 502px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 502px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 627.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 677.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 652.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 627.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 828.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 1004px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 828.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 1129.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position8 {
    left: 1581.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 30.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 33.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 40.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 42.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 45.962px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 46.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 53.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 60.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 150.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position8 {
    bottom: 211.05px;
  }
}
#battlepass .battlepass__missions_element.position9 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 137.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 152.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 183px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 192.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 209.23px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 213.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 244px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 274.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 305px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 305px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 381.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 411.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 396.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 381.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 503.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 610px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 503.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 686.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position9 {
    left: 960.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 30.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 33.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 40.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 42.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 45.962px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 46.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 53.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 60.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 150.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position9 {
    bottom: 211.05px;
  }
}
#battlepass .battlepass__missions_element.position10 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 49.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 54.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 65.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 68.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 74.774px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 76.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 87.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 98.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 136.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 147.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 141.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 136.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 179.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 218px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 179.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 245.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position10 {
    left: 343.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 30.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 33.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 40.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 42.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 45.962px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 46.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 53.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 60.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 150.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position10 {
    bottom: 211.05px;
  }
}
#battlepass .battlepass__missions_element.position11 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 314.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 349px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 418.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 439.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 478.828px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 488.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 558.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 628.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 698px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 698px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 872.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 942.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 907.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 872.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 1151.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 1396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 1151.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 1570.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position11 {
    left: 2198.7px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 100.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 111.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 133.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 140.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 152.978px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 156.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 178.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 200.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 501.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position11 {
    bottom: 702.45px;
  }
}
#battlepass .battlepass__missions_element.position12 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 402.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 447.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 537px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 563.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 613.97px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 626.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 716px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 805.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 895px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 895px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1118.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1208.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1163.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1118.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1476.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1790px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 1476.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 2013.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position12 {
    left: 2819.25px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 100.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 111.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 133.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 140.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 152.978px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 156.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 178.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 200.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 501.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position12 {
    bottom: 702.45px;
  }
}
#battlepass .battlepass__missions_element.position13 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 488.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 542.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 651px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 683.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 744.31px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 759.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 868px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 976.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1085px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1085px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1356.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1464.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1410.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1356.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1790.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 2170px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 1790.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 2441.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position13 {
    left: 3417.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 30.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 33.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 40.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 42.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 45.962px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 46.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 53.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 60.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 150.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position13 {
    bottom: 211.05px;
  }
}
#battlepass .battlepass__missions_element.position14 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 491.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 546px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 655.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 687.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 749.112px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 764.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 873.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 982.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1092px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1092px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1365px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1474.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1419.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1365px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1801.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 2184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 1801.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 2457px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position14 {
    left: 3439.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 160.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 178px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 213.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 224.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 244.216px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 249.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 284.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 320.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 801px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position14 {
    bottom: 1121.4px;
  }
}
#battlepass .battlepass__missions_element.position15 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 576.45px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 640.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 768.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 807.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 878.766px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 896.7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1024.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1152.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1281px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1281px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1601.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1729.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1665.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 1601.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 2113.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 2562px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 2113.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 2882.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position15 {
    left: 4035.15px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 30.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 33.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 40.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 42.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 45.962px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 46.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 53.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 60.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 150.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position15 {
    bottom: 211.05px;
  }
}
#battlepass .battlepass__missions_element.position16 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 578.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 643px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 771.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 810.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 882.196px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 900.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1028.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1157.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1607.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1736.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1671.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 1607.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 2121.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 2572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 2121.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 2893.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position16 {
    left: 4050.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 160.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 178px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 213.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 224.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 244.216px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 249.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 284.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 320.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 801px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position16 {
    bottom: 1121.4px;
  }
}
#battlepass .battlepass__missions_element.position17 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 578.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 643px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 771.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 810.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 882.196px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 900.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1028.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1157.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1607.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1736.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1671.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 1607.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 2121.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 2572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 2121.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 2893.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position17 {
    left: 4050.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 229.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 254.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 305.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 320.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 349.174px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 356.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 407.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 458.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 636.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 687.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 661.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 636.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 839.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 1018px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 839.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 1145.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position17 {
    bottom: 1603.35px;
  }
}
#battlepass .battlepass__missions_element.position18 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 667.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 742px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 890.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 934.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1018.024px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1038.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1187.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1335.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1855px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 2003.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1929.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 1855px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 2448.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 2968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 2448.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 3339px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position18 {
    left: 4674.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 229.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 254.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 305.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 320.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 349.174px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 356.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 407.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 458.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 636.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 687.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 661.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 636.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 839.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 1018px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 839.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 1145.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position18 {
    bottom: 1603.35px;
  }
}
#battlepass .battlepass__missions_element.position19 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 667.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 742px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 890.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 934.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1018.024px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1038.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1187.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1335.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1855px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 2003.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1929.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 1855px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 2448.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 2968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 2448.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 3339px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position19 {
    left: 4674.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 160.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 178px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 213.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 224.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 244.216px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 249.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 284.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 320.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 801px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position19 {
    bottom: 1121.4px;
  }
}
#battlepass .battlepass__missions_element.position20 {
  position: absolute;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 756px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 840px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1008px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1058.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1152.48px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1176px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1344px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1512px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 1680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2268px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2184px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2772px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 3360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 2772px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 3780px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position20 {
    left: 5292px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 160.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 178px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 213.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 224.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 244.216px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 249.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 284.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 320.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 801px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_element.position20 {
    bottom: 1121.4px;
  }
}
#battlepass .battlepass__line_1 {
  position: absolute;
  z-index: -1;
  color: #c2b1b1;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_1 {
    left: 88.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_1 {
    left: 98.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_1 {
    left: 118.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_1 {
    left: 124.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_1 {
    left: 135.142px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_1 {
    left: 137.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_1 {
    left: 157.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_1 {
    left: 177.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_1 {
    left: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_1 {
    left: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_1 {
    left: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_1 {
    left: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_1 {
    left: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_1 {
    left: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    left: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    left: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    left: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    left: 443.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_1 {
    left: 620.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_1 {
    bottom: 168.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_1 {
    bottom: 187.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_1 {
    bottom: 225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_1 {
    bottom: 236.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_1 {
    bottom: 257.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_1 {
    bottom: 262.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_1 {
    bottom: 300px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_1 {
    bottom: 337.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_1 {
    bottom: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_1 {
    bottom: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_1 {
    bottom: 468.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_1 {
    bottom: 506.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_1 {
    bottom: 487.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_1 {
    bottom: 468.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    bottom: 618.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    bottom: 750px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    bottom: 618.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    bottom: 843.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_1 {
    bottom: 1181.25px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_1 {
    font-size: 61.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_1 {
    font-size: 68px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_1 {
    font-size: 81.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_1 {
    font-size: 85.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_1 {
    font-size: 93.296px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_1 {
    font-size: 95.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_1 {
    font-size: 108.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_1 {
    font-size: 122.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_1 {
    font-size: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_1 {
    font-size: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_1 {
    font-size: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_1 {
    font-size: 183.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_1 {
    font-size: 176.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_1 {
    font-size: 170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    font-size: 224.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    font-size: 272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_1 {
    font-size: 224.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_1 {
    font-size: 306px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_1 {
    font-size: 428.4px;
  }
}
#battlepass .battlepass__line_1.active {
  color: #6495ED;
}
#battlepass .battlepass__line_3 {
  position: absolute;
  z-index: -1;
  color: #ffffff;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_3 {
    left: 88.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_3 {
    left: 98.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_3 {
    left: 118.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_3 {
    left: 124.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_3 {
    left: 135.142px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_3 {
    left: 137.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_3 {
    left: 157.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_3 {
    left: 177.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_3 {
    left: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_3 {
    left: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_3 {
    left: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_3 {
    left: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_3 {
    left: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_3 {
    left: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    left: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    left: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    left: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    left: 443.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_3 {
    left: 620.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_3 {
    bottom: 140.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_3 {
    bottom: 156px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_3 {
    bottom: 187.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_3 {
    bottom: 196.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_3 {
    bottom: 214.032px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_3 {
    bottom: 218.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_3 {
    bottom: 249.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_3 {
    bottom: 280.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_3 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_3 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_3 {
    bottom: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_3 {
    bottom: 421.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_3 {
    bottom: 405.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_3 {
    bottom: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    bottom: 514.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    bottom: 624px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    bottom: 514.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    bottom: 702px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_3 {
    bottom: 982.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_3 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_3 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_3 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_3 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_3 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_3 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_3 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_3 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_3 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_3 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_3 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_3 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_3 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_3 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_3 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_3 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_3 {
    font-size: 201.6px;
  }
}
#battlepass .battlepass__line_3.active {
  color: #6495ED;
}
#battlepass .battlepass__line_2 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_2 {
    left: 177.75px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_2 {
    left: 197.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_2 {
    left: 237px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_2 {
    left: 248.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_2 {
    left: 270.97px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_2 {
    left: 276.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_2 {
    left: 316px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_2 {
    left: 355.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_2 {
    left: 395px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_2 {
    left: 395px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_2 {
    left: 493.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_2 {
    left: 533.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_2 {
    left: 513.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_2 {
    left: 493.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    left: 651.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    left: 790px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    left: 651.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    left: 888.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_2 {
    left: 1244.25px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_2 {
    bottom: 229.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_2 {
    bottom: 254.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_2 {
    bottom: 305.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_2 {
    bottom: 320.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_2 {
    bottom: 349.174px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_2 {
    bottom: 356.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_2 {
    bottom: 407.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_2 {
    bottom: 458.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_2 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_2 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_2 {
    bottom: 636.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_2 {
    bottom: 687.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_2 {
    bottom: 661.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_2 {
    bottom: 636.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    bottom: 839.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    bottom: 1018px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    bottom: 839.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    bottom: 1145.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_2 {
    bottom: 1603.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_2 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_2 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_2 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_2 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_2 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_2 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_2 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_2 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_2 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_2 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_2 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_2 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_2 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_2 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_2 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_2 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_2 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_2 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_2 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_2 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_2 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_2 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_2 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_2 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_2 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_2 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_2 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_2 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_2 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_2 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_2 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_2 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_2 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_2 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_2 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_2 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_2 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_2 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_2 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_2 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_2 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_2 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_2 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_2 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_2 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_2 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_2 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_2.active {
  background: #6495ED;
}
#battlepass .battlepass__line_4 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_4 {
    left: 265.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_4 {
    left: 294.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_4 {
    left: 353.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_4 {
    left: 371.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_4 {
    left: 404.054px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_4 {
    left: 412.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_4 {
    left: 471.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_4 {
    left: 530.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_4 {
    left: 589px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_4 {
    left: 589px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_4 {
    left: 736.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_4 {
    left: 795.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_4 {
    left: 765.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_4 {
    left: 736.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    left: 971.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    left: 1178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    left: 971.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    left: 1325.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_4 {
    left: 1855.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_4 {
    bottom: 229.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_4 {
    bottom: 254.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_4 {
    bottom: 305.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_4 {
    bottom: 320.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_4 {
    bottom: 349.174px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_4 {
    bottom: 356.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_4 {
    bottom: 407.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_4 {
    bottom: 458.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_4 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_4 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_4 {
    bottom: 636.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_4 {
    bottom: 687.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_4 {
    bottom: 661.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_4 {
    bottom: 636.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    bottom: 839.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    bottom: 1018px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    bottom: 839.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    bottom: 1145.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_4 {
    bottom: 1603.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_4 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_4 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_4 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_4 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_4 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_4 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_4 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_4 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_4 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_4 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_4 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_4 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_4 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_4 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_4 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_4 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_4 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_4 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_4 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_4 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_4 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_4 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_4 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_4 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_4 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_4 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_4 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_4 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_4 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_4 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_4 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_4 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_4 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_4 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_4 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_4 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_4 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_4 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_4 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_4 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_4 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_4 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_4 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_4 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_4 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_4 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_4 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_4.active {
  background: #6495ED;
}
#battlepass .battlepass__line_5 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_5 {
    left: 353.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_5 {
    left: 392.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_5 {
    left: 471px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_5 {
    left: 494.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_5 {
    left: 538.51px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_5 {
    left: 549.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_5 {
    left: 628px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_5 {
    left: 706.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_5 {
    left: 785px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_5 {
    left: 785px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_5 {
    left: 981.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_5 {
    left: 1059.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_5 {
    left: 1020.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_5 {
    left: 981.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    left: 1295.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    left: 1570px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    left: 1295.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    left: 1766.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_5 {
    left: 2472.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_5 {
    bottom: 229.05px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_5 {
    bottom: 254.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_5 {
    bottom: 305.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_5 {
    bottom: 320.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_5 {
    bottom: 349.174px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_5 {
    bottom: 356.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_5 {
    bottom: 407.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_5 {
    bottom: 458.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_5 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_5 {
    bottom: 509px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_5 {
    bottom: 636.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_5 {
    bottom: 687.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_5 {
    bottom: 661.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_5 {
    bottom: 636.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    bottom: 839.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    bottom: 1018px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    bottom: 839.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    bottom: 1145.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_5 {
    bottom: 1603.35px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_5 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_5 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_5 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_5 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_5 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_5 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_5 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_5 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_5 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_5 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_5 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_5 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_5 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_5 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_5 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_5 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_5 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_5 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_5 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_5 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_5 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_5 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_5 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_5 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_5 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_5 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_5 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_5 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_5 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_5 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_5 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_5 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_5 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_5 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_5 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_5 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_5 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_5 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_5 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_5 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_5 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_5 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_5 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_5 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_5 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_5 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_5 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_5.active {
  background: #6495ED;
}
#battlepass .battlepass__line_6 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_6 {
    left: 200.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_6 {
    left: 223px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_6 {
    left: 267.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_6 {
    left: 280.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_6 {
    left: 305.956px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_6 {
    left: 312.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_6 {
    left: 356.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_6 {
    left: 401.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_6 {
    left: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_6 {
    left: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_6 {
    left: 557.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_6 {
    left: 602.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_6 {
    left: 579.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_6 {
    left: 557.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    left: 735.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    left: 892px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    left: 735.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    left: 1003.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_6 {
    left: 1404.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_6 {
    bottom: 140.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_6 {
    bottom: 156px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_6 {
    bottom: 187.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_6 {
    bottom: 196.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_6 {
    bottom: 214.032px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_6 {
    bottom: 218.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_6 {
    bottom: 249.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_6 {
    bottom: 280.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_6 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_6 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_6 {
    bottom: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_6 {
    bottom: 421.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_6 {
    bottom: 405.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_6 {
    bottom: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    bottom: 514.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    bottom: 624px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    bottom: 514.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    bottom: 702px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_6 {
    bottom: 982.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_6 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_6 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_6 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_6 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_6 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_6 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_6 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_6 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_6 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_6 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_6 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_6 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_6 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_6 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_6 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_6 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_6 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_6 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_6 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_6 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_6 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_6 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_6 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_6 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_6 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_6 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_6 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_6 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_6 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_6 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_6 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_6 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_6 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_6 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_6 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_6 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_6 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_6 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_6 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_6 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_6 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_6 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_6 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_6 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_6 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_6 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_6 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_6.active {
  background: #6495ED;
}
#battlepass .battlepass__line_7 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_7 {
    left: 268.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_7 {
    left: 298px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_7 {
    left: 357.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_7 {
    left: 375.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_7 {
    left: 408.856px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_7 {
    left: 417.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_7 {
    left: 476.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_7 {
    left: 536.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_7 {
    left: 596px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_7 {
    left: 596px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_7 {
    left: 745px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_7 {
    left: 804.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_7 {
    left: 774.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_7 {
    left: 745px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    left: 983.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    left: 1192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    left: 983.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    left: 1341px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_7 {
    left: 1877.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_7 {
    bottom: 91.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_7 {
    bottom: 102px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_7 {
    bottom: 122.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_7 {
    bottom: 128.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_7 {
    bottom: 139.944px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_7 {
    bottom: 142.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_7 {
    bottom: 163.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_7 {
    bottom: 183.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_7 {
    bottom: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_7 {
    bottom: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_7 {
    bottom: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_7 {
    bottom: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_7 {
    bottom: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_7 {
    bottom: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    bottom: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    bottom: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    bottom: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    bottom: 459px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_7 {
    bottom: 642.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_7 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_7 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_7 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_7 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_7 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_7 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_7 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_7 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_7 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_7 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_7 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_7 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_7 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_7 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_7 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_7 {
    width: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_7 {
    width: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_7 {
    width: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_7 {
    width: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_7 {
    width: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_7 {
    width: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_7 {
    width: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_7 {
    width: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_7 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_7 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_7 {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_7 {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_7 {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_7 {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_7 {
    width: 6.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_7 {
    height: 28.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_7 {
    height: 31.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_7 {
    height: 37.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_7 {
    height: 39.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_7 {
    height: 43.218px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_7 {
    height: 44.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_7 {
    height: 50.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_7 {
    height: 56.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_7 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_7 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_7 {
    height: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_7 {
    height: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_7 {
    height: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_7 {
    height: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    height: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    height: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_7 {
    height: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_7 {
    height: 141.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_7 {
    height: 198.45px;
  }
}
#battlepass .battlepass__line_7.active {
  background: #6495ED;
}
#battlepass .battlepass__line_8 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_8 {
    left: 200.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_8 {
    left: 223px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_8 {
    left: 267.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_8 {
    left: 280.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_8 {
    left: 305.956px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_8 {
    left: 312.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_8 {
    left: 356.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_8 {
    left: 401.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_8 {
    left: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_8 {
    left: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_8 {
    left: 557.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_8 {
    left: 602.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_8 {
    left: 579.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_8 {
    left: 557.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    left: 735.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    left: 892px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    left: 735.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    left: 1003.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_8 {
    left: 1404.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_8 {
    bottom: 70.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_8 {
    bottom: 78.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_8 {
    bottom: 94.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_8 {
    bottom: 98.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_8 {
    bottom: 107.702px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_8 {
    bottom: 109.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_8 {
    bottom: 125.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_8 {
    bottom: 141.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_8 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_8 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_8 {
    bottom: 196.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_8 {
    bottom: 211.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_8 {
    bottom: 204.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_8 {
    bottom: 196.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    bottom: 259.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    bottom: 314px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    bottom: 259.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    bottom: 353.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_8 {
    bottom: 494.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_8 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_8 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_8 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_8 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_8 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_8 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_8 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_8 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_8 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_8 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_8 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_8 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_8 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_8 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_8 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_8 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_8 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_8 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_8 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_8 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_8 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_8 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_8 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_8 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_8 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_8 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_8 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_8 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_8 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_8 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_8 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_8 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_8 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_8 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_8 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_8 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_8 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_8 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_8 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_8 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_8 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_8 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_8 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_8 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_8 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_8 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_8 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_8.active {
  background: #6495ED;
}
#battlepass .battlepass__line_9 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_9 {
    left: 112.5px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_9 {
    left: 125px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_9 {
    left: 150px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_9 {
    left: 157.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_9 {
    left: 171.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_9 {
    left: 175px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_9 {
    left: 200px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_9 {
    left: 225px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_9 {
    left: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_9 {
    left: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_9 {
    left: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_9 {
    left: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_9 {
    left: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_9 {
    left: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    left: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    left: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    left: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    left: 562.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_9 {
    left: 787.5px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_9 {
    bottom: 70.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_9 {
    bottom: 78.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_9 {
    bottom: 94.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_9 {
    bottom: 98.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_9 {
    bottom: 107.702px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_9 {
    bottom: 109.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_9 {
    bottom: 125.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_9 {
    bottom: 141.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_9 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_9 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_9 {
    bottom: 196.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_9 {
    bottom: 211.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_9 {
    bottom: 204.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_9 {
    bottom: 196.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    bottom: 259.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    bottom: 314px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    bottom: 259.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    bottom: 353.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_9 {
    bottom: 494.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_9 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_9 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_9 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_9 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_9 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_9 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_9 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_9 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_9 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_9 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_9 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_9 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_9 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_9 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_9 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_9 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_9 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_9 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_9 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_9 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_9 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_9 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_9 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_9 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_9 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_9 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_9 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_9 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_9 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_9 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_9 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_9 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_9 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_9 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_9 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_9 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_9 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_9 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_9 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_9 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_9 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_9 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_9 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_9 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_9 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_9 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_9 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_9.active {
  background: #6495ED;
}
#battlepass .battlepass__line_10 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_10 {
    left: 289.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_10 {
    left: 321.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_10 {
    left: 385.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_10 {
    left: 405.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_10 {
    left: 441.098px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_10 {
    left: 450.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_10 {
    left: 514.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_10 {
    left: 578.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_10 {
    left: 643px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_10 {
    left: 643px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_10 {
    left: 803.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_10 {
    left: 868.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_10 {
    left: 835.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_10 {
    left: 803.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    left: 1060.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    left: 1286px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    left: 1060.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    left: 1446.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_10 {
    left: 2025.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_10 {
    bottom: 140.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_10 {
    bottom: 156px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_10 {
    bottom: 187.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_10 {
    bottom: 196.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_10 {
    bottom: 214.032px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_10 {
    bottom: 218.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_10 {
    bottom: 249.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_10 {
    bottom: 280.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_10 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_10 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_10 {
    bottom: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_10 {
    bottom: 421.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_10 {
    bottom: 405.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_10 {
    bottom: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    bottom: 514.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    bottom: 624px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    bottom: 514.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    bottom: 702px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_10 {
    bottom: 982.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_10 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_10 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_10 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_10 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_10 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_10 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_10 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_10 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_10 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_10 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_10 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_10 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_10 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_10 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_10 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_10 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_10 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_10 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_10 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_10 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_10 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_10 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_10 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_10 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_10 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_10 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_10 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_10 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_10 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_10 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_10 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_10 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_10 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_10 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_10 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_10 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_10 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_10 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_10 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_10 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_10 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_10 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_10 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_10 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_10 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_10 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_10 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_10.active {
  background: #6495ED;
}
#battlepass .battlepass__line_11 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_11 {
    left: 378px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_11 {
    left: 420px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_11 {
    left: 504px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_11 {
    left: 529.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_11 {
    left: 576.24px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_11 {
    left: 588px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_11 {
    left: 672px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_11 {
    left: 756px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_11 {
    left: 840px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_11 {
    left: 840px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_11 {
    left: 1050px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_11 {
    left: 1134px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_11 {
    left: 1092px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_11 {
    left: 1050px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    left: 1386px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    left: 1680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    left: 1386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    left: 1890px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_11 {
    left: 2646px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_11 {
    bottom: 140.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_11 {
    bottom: 156px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_11 {
    bottom: 187.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_11 {
    bottom: 196.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_11 {
    bottom: 214.032px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_11 {
    bottom: 218.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_11 {
    bottom: 249.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_11 {
    bottom: 280.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_11 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_11 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_11 {
    bottom: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_11 {
    bottom: 421.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_11 {
    bottom: 405.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_11 {
    bottom: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    bottom: 514.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    bottom: 624px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    bottom: 514.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    bottom: 702px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_11 {
    bottom: 982.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_11 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_11 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_11 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_11 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_11 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_11 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_11 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_11 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_11 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_11 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_11 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_11 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_11 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_11 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_11 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_11 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_11 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_11 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_11 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_11 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_11 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_11 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_11 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_11 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_11 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_11 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_11 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_11 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_11 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_11 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_11 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_11 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_11 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_11 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_11 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_11 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_11 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_11 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_11 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_11 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_11 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_11 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_11 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_11 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_11 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_11 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_11 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_11.active {
  background: #2455b1;
}
#battlepass .battlepass__line_12 {
  position: absolute;
  z-index: -1;
  color: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_12 {
    left: 466.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_12 {
    left: 518px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_12 {
    left: 621.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_12 {
    left: 652.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_12 {
    left: 710.696px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_12 {
    left: 725.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_12 {
    left: 828.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_12 {
    left: 932.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_12 {
    left: 1036px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_12 {
    left: 1036px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_12 {
    left: 1295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_12 {
    left: 1398.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_12 {
    left: 1346.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_12 {
    left: 1295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    left: 1709.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    left: 2072px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    left: 1709.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    left: 2331px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_12 {
    left: 3263.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_12 {
    bottom: 140.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_12 {
    bottom: 156px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_12 {
    bottom: 187.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_12 {
    bottom: 196.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_12 {
    bottom: 214.032px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_12 {
    bottom: 218.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_12 {
    bottom: 249.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_12 {
    bottom: 280.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_12 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_12 {
    bottom: 312px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_12 {
    bottom: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_12 {
    bottom: 421.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_12 {
    bottom: 405.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_12 {
    bottom: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    bottom: 514.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    bottom: 624px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    bottom: 514.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    bottom: 702px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_12 {
    bottom: 982.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_12 {
    font-size: 61.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_12 {
    font-size: 68px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_12 {
    font-size: 81.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_12 {
    font-size: 85.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_12 {
    font-size: 93.296px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_12 {
    font-size: 95.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_12 {
    font-size: 108.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_12 {
    font-size: 122.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_12 {
    font-size: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_12 {
    font-size: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_12 {
    font-size: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_12 {
    font-size: 183.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_12 {
    font-size: 176.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_12 {
    font-size: 170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    font-size: 224.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    font-size: 272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_12 {
    font-size: 224.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_12 {
    font-size: 306px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_12 {
    font-size: 428.4px;
  }
}
#battlepass .battlepass__line_12.active {
  color: #1f4fa9;
}
#battlepass .battlepass__line_13 {
  position: absolute;
  z-index: -1;
  color: #60686D;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_13 {
    left: 466.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_13 {
    left: 518px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_13 {
    left: 621.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_13 {
    left: 652.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_13 {
    left: 710.696px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_13 {
    left: 725.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_13 {
    left: 828.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_13 {
    left: 932.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_13 {
    left: 1036px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_13 {
    left: 1036px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_13 {
    left: 1295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_13 {
    left: 1398.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_13 {
    left: 1346.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_13 {
    left: 1295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    left: 1709.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    left: 2072px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    left: 1709.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    left: 2331px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_13 {
    left: 3263.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_13 {
    bottom: 70.2px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_13 {
    bottom: 78px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_13 {
    bottom: 93.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_13 {
    bottom: 98.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_13 {
    bottom: 107.016px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_13 {
    bottom: 109.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_13 {
    bottom: 124.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_13 {
    bottom: 140.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_13 {
    bottom: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_13 {
    bottom: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_13 {
    bottom: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_13 {
    bottom: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_13 {
    bottom: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_13 {
    bottom: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    bottom: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    bottom: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    bottom: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    bottom: 351px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_13 {
    bottom: 491.4px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_13 {
    font-size: 71.1px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_13 {
    font-size: 79px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_13 {
    font-size: 94.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_13 {
    font-size: 99.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_13 {
    font-size: 108.388px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_13 {
    font-size: 110.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_13 {
    font-size: 126.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_13 {
    font-size: 142.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_13 {
    font-size: 158px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_13 {
    font-size: 158px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_13 {
    font-size: 197.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_13 {
    font-size: 213.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_13 {
    font-size: 205.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_13 {
    font-size: 197.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    font-size: 260.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    font-size: 316px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_13 {
    font-size: 260.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_13 {
    font-size: 355.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_13 {
    font-size: 497.7px;
  }
}
#battlepass .battlepass__line_13.active {
  color: #6495ED;
}
#battlepass .battlepass__line_14 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_14 {
    left: 551.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_14 {
    left: 613px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_14 {
    left: 735.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_14 {
    left: 772.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_14 {
    left: 841.036px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_14 {
    left: 858.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_14 {
    left: 980.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_14 {
    left: 1103.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_14 {
    left: 1226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_14 {
    left: 1226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_14 {
    left: 1532.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_14 {
    left: 1655.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_14 {
    left: 1593.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_14 {
    left: 1532.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    left: 2022.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    left: 2452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    left: 2022.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    left: 2758.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_14 {
    left: 3861.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_14 {
    bottom: 70.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_14 {
    bottom: 78.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_14 {
    bottom: 94.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_14 {
    bottom: 98.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_14 {
    bottom: 107.702px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_14 {
    bottom: 109.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_14 {
    bottom: 125.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_14 {
    bottom: 141.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_14 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_14 {
    bottom: 157px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_14 {
    bottom: 196.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_14 {
    bottom: 211.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_14 {
    bottom: 204.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_14 {
    bottom: 196.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    bottom: 259.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    bottom: 314px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    bottom: 259.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    bottom: 353.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_14 {
    bottom: 494.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_14 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_14 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_14 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_14 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_14 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_14 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_14 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_14 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_14 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_14 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_14 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_14 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_14 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_14 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_14 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_14 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_14 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_14 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_14 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_14 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_14 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_14 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_14 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_14 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_14 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_14 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_14 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_14 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_14 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_14 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_14 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_14 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_14 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_14 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_14 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_14 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_14 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_14 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_14 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_14 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_14 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_14 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_14 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_14 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_14 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_14 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_14 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_14.active {
  background: #6495ED;
}
#battlepass .battlepass__line_15 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_15 {
    left: 554.4px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_15 {
    left: 616px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_15 {
    left: 739.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_15 {
    left: 776.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_15 {
    left: 845.152px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_15 {
    left: 862.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_15 {
    left: 985.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_15 {
    left: 1108.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_15 {
    left: 1232px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_15 {
    left: 1232px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_15 {
    left: 1540px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_15 {
    left: 1663.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_15 {
    left: 1601.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_15 {
    left: 1540px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    left: 2032.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    left: 2464px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    left: 2032.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    left: 2772px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_15 {
    left: 3880.8px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_15 {
    bottom: 200.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_15 {
    bottom: 223px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_15 {
    bottom: 267.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_15 {
    bottom: 280.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_15 {
    bottom: 305.956px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_15 {
    bottom: 312.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_15 {
    bottom: 356.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_15 {
    bottom: 401.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_15 {
    bottom: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_15 {
    bottom: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_15 {
    bottom: 557.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_15 {
    bottom: 602.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_15 {
    bottom: 579.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_15 {
    bottom: 557.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    bottom: 735.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    bottom: 892px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    bottom: 735.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    bottom: 1003.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_15 {
    bottom: 1404.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_15 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_15 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_15 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_15 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_15 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_15 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_15 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_15 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_15 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_15 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_15 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_15 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_15 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_15 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_15 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_15 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_15 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_15 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_15 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_15 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_15 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_15 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_15 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_15 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_15 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_15 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_15 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_15 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_15 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_15 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_15 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_15 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_15 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_15 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_15 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_15 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_15 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_15 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_15 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_15 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_15 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_15 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_15 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_15 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_15 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_15 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_15 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_15.active {
  background: #6495ED;
}
#battlepass .battlepass__line_16 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_16 {
    left: 621px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_16 {
    left: 690px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_16 {
    left: 828px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_16 {
    left: 869.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_16 {
    left: 946.68px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_16 {
    left: 966px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_16 {
    left: 1104px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_16 {
    left: 1242px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_16 {
    left: 1380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_16 {
    left: 1380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_16 {
    left: 1725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_16 {
    left: 1863px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_16 {
    left: 1794px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_16 {
    left: 1725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    left: 2277px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    left: 2760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    left: 2277px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    left: 3105px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_16 {
    left: 4347px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_16 {
    bottom: 220.95px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_16 {
    bottom: 245.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_16 {
    bottom: 294.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_16 {
    bottom: 309.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_16 {
    bottom: 336.826px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_16 {
    bottom: 343.7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_16 {
    bottom: 392.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_16 {
    bottom: 441.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_16 {
    bottom: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_16 {
    bottom: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_16 {
    bottom: 613.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_16 {
    bottom: 662.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_16 {
    bottom: 638.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_16 {
    bottom: 613.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    bottom: 810.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    bottom: 982px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    bottom: 810.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    bottom: 1104.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_16 {
    bottom: 1546.65px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_16 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_16 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_16 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_16 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_16 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_16 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_16 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_16 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_16 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_16 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_16 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_16 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_16 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_16 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_16 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_16 {
    width: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_16 {
    width: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_16 {
    width: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_16 {
    width: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_16 {
    width: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_16 {
    width: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_16 {
    width: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_16 {
    width: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_16 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_16 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_16 {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_16 {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_16 {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_16 {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_16 {
    width: 6.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_16 {
    height: 28.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_16 {
    height: 31.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_16 {
    height: 37.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_16 {
    height: 39.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_16 {
    height: 43.218px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_16 {
    height: 44.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_16 {
    height: 50.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_16 {
    height: 56.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_16 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_16 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_16 {
    height: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_16 {
    height: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_16 {
    height: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_16 {
    height: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    height: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    height: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_16 {
    height: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_16 {
    height: 141.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_16 {
    height: 198.45px;
  }
}
#battlepass .battlepass__line_16.active {
  background: #6495ED;
}
#battlepass .battlepass__line_17 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_17 {
    left: 642.15px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_17 {
    left: 713.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_17 {
    left: 856.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_17 {
    left: 899.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_17 {
    left: 978.922px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_17 {
    left: 998.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_17 {
    left: 1141.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_17 {
    left: 1284.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_17 {
    left: 1427px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_17 {
    left: 1427px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_17 {
    left: 1783.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_17 {
    left: 1926.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_17 {
    left: 1855.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_17 {
    left: 1783.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    left: 2354.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    left: 2854px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    left: 2354.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    left: 3210.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_17 {
    left: 4495.05px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_17 {
    bottom: 269.55px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_17 {
    bottom: 299.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_17 {
    bottom: 359.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_17 {
    bottom: 377.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_17 {
    bottom: 410.914px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_17 {
    bottom: 419.3px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_17 {
    bottom: 479.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_17 {
    bottom: 539.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_17 {
    bottom: 599px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_17 {
    bottom: 599px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_17 {
    bottom: 748.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_17 {
    bottom: 808.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_17 {
    bottom: 778.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_17 {
    bottom: 748.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    bottom: 988.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    bottom: 1198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    bottom: 988.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    bottom: 1347.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_17 {
    bottom: 1886.85px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_17 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_17 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_17 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_17 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_17 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_17 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_17 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_17 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_17 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_17 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_17 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_17 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_17 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_17 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_17 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_17 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_17 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_17 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_17 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_17 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_17 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_17 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_17 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_17 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_17 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_17 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_17 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_17 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_17 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_17 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_17 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_17 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_17 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_17 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_17 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_17 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_17 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_17 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_17 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_17 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_17 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_17 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_17 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_17 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_17 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_17 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_17 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_17.active {
  background: #6495ED;
}
#battlepass .battlepass__line_18 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_18 {
    left: 709.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_18 {
    left: 788.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_18 {
    left: 946.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_18 {
    left: 993.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_18 {
    left: 1081.822px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_18 {
    left: 1103.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_18 {
    left: 1261.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_18 {
    left: 1419.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_18 {
    left: 1577px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_18 {
    left: 1577px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_18 {
    left: 1971.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_18 {
    left: 2128.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_18 {
    left: 2050.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_18 {
    left: 1971.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    left: 2602.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    left: 3154px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    left: 2602.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    left: 3548.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_18 {
    left: 4967.55px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_18 {
    bottom: 220.95px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_18 {
    bottom: 245.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_18 {
    bottom: 294.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_18 {
    bottom: 309.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_18 {
    bottom: 336.826px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_18 {
    bottom: 343.7px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_18 {
    bottom: 392.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_18 {
    bottom: 441.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_18 {
    bottom: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_18 {
    bottom: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_18 {
    bottom: 613.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_18 {
    bottom: 662.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_18 {
    bottom: 638.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_18 {
    bottom: 613.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    bottom: 810.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    bottom: 982px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    bottom: 810.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    bottom: 1104.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_18 {
    bottom: 1546.65px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_18 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_18 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_18 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_18 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_18 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_18 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_18 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_18 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_18 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_18 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_18 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_18 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_18 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_18 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_18 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_18 {
    width: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_18 {
    width: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_18 {
    width: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_18 {
    width: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_18 {
    width: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_18 {
    width: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_18 {
    width: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_18 {
    width: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_18 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_18 {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_18 {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_18 {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_18 {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_18 {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_18 {
    width: 6.3px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_18 {
    height: 28.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_18 {
    height: 31.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_18 {
    height: 37.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_18 {
    height: 39.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_18 {
    height: 43.218px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_18 {
    height: 44.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_18 {
    height: 50.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_18 {
    height: 56.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_18 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_18 {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_18 {
    height: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_18 {
    height: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_18 {
    height: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_18 {
    height: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    height: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    height: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_18 {
    height: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_18 {
    height: 141.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_18 {
    height: 198.45px;
  }
}
#battlepass .battlepass__line_18.active {
  background: #6495ED;
}
#battlepass .battlepass__line_19 {
  position: absolute;
  z-index: -1;
  background: #6495ED;
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_19 {
    left: 731.25px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_19 {
    left: 812.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_19 {
    left: 975px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_19 {
    left: 1023.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_19 {
    left: 1114.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_19 {
    left: 1137.5px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_19 {
    left: 1300px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_19 {
    left: 1462.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_19 {
    left: 1625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_19 {
    left: 1625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_19 {
    left: 2031.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_19 {
    left: 2193.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_19 {
    left: 2112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_19 {
    left: 2031.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    left: 2681.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    left: 3250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    left: 2681.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    left: 3656.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_19 {
    left: 5118.75px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_19 {
    bottom: 200.7px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_19 {
    bottom: 223px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_19 {
    bottom: 267.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_19 {
    bottom: 280.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_19 {
    bottom: 305.956px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_19 {
    bottom: 312.2px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_19 {
    bottom: 356.8px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_19 {
    bottom: 401.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_19 {
    bottom: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_19 {
    bottom: 446px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_19 {
    bottom: 557.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_19 {
    bottom: 602.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_19 {
    bottom: 579.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_19 {
    bottom: 557.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    bottom: 735.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    bottom: 892px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    bottom: 735.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    bottom: 1003.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_19 {
    bottom: 1404.9px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_19 {
    font-size: 28.8px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_19 {
    font-size: 32px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_19 {
    font-size: 38.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_19 {
    font-size: 40.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_19 {
    font-size: 43.904px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_19 {
    font-size: 44.8px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_19 {
    font-size: 51.2px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_19 {
    font-size: 57.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_19 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_19 {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_19 {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_19 {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_19 {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_19 {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_19 {
    font-size: 201.6px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_19 {
    width: 46.35px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_19 {
    width: 51.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_19 {
    width: 61.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_19 {
    width: 64.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_19 {
    width: 70.658px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_19 {
    width: 72.1px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_19 {
    width: 82.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_19 {
    width: 92.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_19 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_19 {
    width: 103px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_19 {
    width: 128.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_19 {
    width: 139.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_19 {
    width: 133.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_19 {
    width: 128.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    width: 169.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    width: 206px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    width: 169.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    width: 231.75px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_19 {
    width: 324.45px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__line_19 {
    height: 0.9px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__line_19 {
    height: 1px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__line_19 {
    height: 1.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__line_19 {
    height: 1.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__line_19 {
    height: 1.372px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__line_19 {
    height: 1.4px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__line_19 {
    height: 1.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__line_19 {
    height: 1.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__line_19 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__line_19 {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__line_19 {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__line_19 {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__line_19 {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__line_19 {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__line_19 {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__line_19 {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__line_19 {
    height: 6.3px;
  }
}
#battlepass .battlepass__line_19.active {
  background: #6495ED;
}
#battlepass .battlepass__missions_bot {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-family: "RF Dewi Extended";
  font-weight: bold;
  align-items: center;
  letter-spacing: -0.03em;
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_bot {
    font-size: 12.6px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_bot {
    font-size: 14px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_bot {
    font-size: 16.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_bot {
    font-size: 17.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_bot {
    font-size: 19.208px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_bot {
    font-size: 19.6px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_bot {
    font-size: 22.4px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_bot {
    font-size: 25.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_bot {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_bot {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_bot {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_bot {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_bot {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_bot {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_bot {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_bot {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_bot {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_bot {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_bot {
    font-size: 88.2px;
  }
}
@media (max-width: 897px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 43.65px;
  }
}
@media (min-width: 897px) and (max-width: 1099px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 48.5px;
  }
}
@media (min-width: 1099px) and (max-width: 1151px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 58.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 61.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 66.542px;
  }
}
@media (min-width: 1350px) and (max-width: 1461px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 67.9px;
  }
}
@media (min-width: 1461px) and (max-width: 1636px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 77.6px;
  }
}
@media (min-width: 1637px) and (max-width: 1899px) and (min-height: 910px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 87.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 121.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 130.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 126.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 121.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 160.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 194px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 160.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 218.25px;
  }
}
@media (min-width: 6000px) {
  #battlepass .battlepass__missions_bot {
    padding-left: 305.55px;
  }
}
#battlepass .battlepass__missions_bot .red {
  color: #6495ED;
}
@font-face {
  font-family: "battlepassicons";
  src: url(../src/views/player/battlepass/assets/fonts//battlepassicons.eot);
  src: url(../src/views/player/battlepass/assets/fonts//battlepassicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/battlepass/assets/fonts//battlepassicons.ttf) format("truetype"), url(../src/views/player/battlepass/assets/fonts//battlepassicons.woff) format("woff"), url(/src/views/player/battlepass/assets/fonts/battlepassicons.svg#battlepassicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=battlepassicons-], [class*=" battlepassicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "battlepassicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.battlepassicons-bottom-top-right1:before {
  content: "\e900";
}

.battlepassicons-top-bottom-right:before {
  content: "\e901";
}

.battlepassicons-bottom-top-right:before {
  content: "\e902";
}

.battlepassicons-top-bottom:before {
  content: "\e903";
}

.battlepassicons-line:before {
  content: "\e904";
}

.battlepassicons-top:before {
  content: "\e905";
}
@font-face {
  font-family: "arendaicon";
  src: url(../src/views/player/rentcar/assets/fonts//arenda.eot);
  src: url(../src/views/player/rentcar/assets/fonts//arenda.eot#iefix) format("embedded-opentype"), url(../src/views/player/rentcar/assets/fonts//arenda.ttf) format("truetype"), url(../src/views/player/rentcar/assets/fonts//arenda.woff) format("woff"), url(/src/views/player/rentcar/assets/fonts/arenda.svg#arenda) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=arendaicon-], [class*=" arendaicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "arendaicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arendaicon-money:before {
  content: "\e900";
}

.arendaicon-off:before {
  content: "\e901";
}
#arenda-page {
  width: 100%;
  height: 100%;
  color: white;
  font-family: "UniNeue", Tahoma, Arial;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #arenda-page {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #arenda-page {
    font-size: 50.4px;
  }
}
#arenda-page .arenda {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #arenda-page .arenda {
    width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda {
    width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda {
    width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda {
    width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda {
    width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda {
    width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda {
    width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda {
    width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda {
    width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda {
    width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda {
    width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda {
    width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda {
    width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    width: 2367px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda {
    width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda {
    height: 385.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda {
    height: 428px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda {
    height: 552.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda {
    height: 586.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda {
    height: 642px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda {
    height: 599.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda {
    height: 727.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda {
    height: 684.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda {
    height: 813.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda {
    height: 1070px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda {
    height: 1155.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda {
    height: 1112.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda {
    height: 1070px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    height: 1712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    height: 1926px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda {
    height: 2696.4px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda {
    padding-bottom: 141.75px;
  }
}
#arenda-page .arenda.nonactive {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(1px);
}
#arenda-page .arenda .arenda-header {
  box-sizing: border-box;
  width: 100%;
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    padding-bottom: 144.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    height: 427.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    height: 598.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    border-top-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    border-top-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 286.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 318.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 410.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 436.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 477.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 445.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 541.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 509.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 605.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 859.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 828.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 1274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 1433.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arenda-header__text {
    max-width: 2006.55px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 25.2px;
  }
}
#arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
  color: #595E6C;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 69.3px;
  }
}
#arenda-page .arenda .arenda-header .arendaicon-off {
  color: #595E6C;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 164.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-header .arendaicon-off {
    font-size: 229.95px;
  }
}
#arenda-page .arenda .arenda-main {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  overflow-y: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main {
    height: 279px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main {
    height: 310px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main {
    height: 399.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main {
    height: 424.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main {
    height: 465px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main {
    height: 434px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main {
    height: 527px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main {
    height: 496px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main {
    height: 589px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main {
    height: 837px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main {
    height: 806px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    height: 1240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    height: 1395px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main {
    height: 1953px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main {
    gap: 63px;
  }
}
#arenda-page .arenda .arenda-main .arenda-main__element {
  background: rgba(1, 22, 39, 0.8);
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 675px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    height: 945px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 28.35px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 25.2px;
  }
}
#arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
  color: #34D387;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 63px;
  }
}
#arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
  width: 100%;
  background-image: url(/src/views/player/rentcar/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 535.5px;
  }
}
#arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 18.9px;
  }
}
#arenda-page .arenda .arenda-main .arenda-main__element .arenda-main__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar {
    width: 9.45px;
  }
}
#arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
  background: #3a4a68;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#arenda-page .props-arenda {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#arenda-page .props-arenda .arenda-customize {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  background: #121317;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 1.35px solid #474A56;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 1.5px solid #474A56;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 1.935px solid #474A56;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.055px solid #474A56;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.25px solid #474A56;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.1px solid #474A56;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.55px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.4px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 2.85px solid #474A56;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 4.05px solid #474A56;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 3.9px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 6px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 6.75px solid #474A56;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    border: 9.45px solid #474A56;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 153px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-right: 214.2px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 153px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-left: 214.2px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize {
    padding-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 110.25px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 18.9px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
  color: #D33437;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 40.95px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__img {
  width: 100%;
  background-image: url(/src/views/player/rentcar/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 100.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 111.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 143.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 152.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 167.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 156.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 189.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 178.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 211.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 501.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 702.45px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 53.55px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
  align-self: flex-start;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 40.95px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
  width: 100%;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 25.2px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
  background: #24262D;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 6.3px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__fill {
  background: #D33437;
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
  border: none;
  background: #D33437;
  box-shadow: 0 0 28px rgba(211, 52, 55, 0.25), 0 0 10px rgba(211, 52, 55, 0.25);
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 2.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 3.15px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 53.55px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__input-description .arenda-customize_gray {
  color: #3F424B;
}
#arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 75.6px;
  }
}
#arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 47.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 66.15px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 66.15px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 0.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.29px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.37px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 6.3px solid rgba(255,255,255,0.6);
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 44.1px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
  color: #34D387;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 15.75px;
  }
}
#arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
  cursor: pointer;
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #arenda-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 59.85px;
  }
}
.gta5devrent {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0vh;
  top: 0vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devrent .rentmenu {
  position: relative;
  padding: 3.7037037037vh 2.2222222222vh 2.7778vh 4.6296296296vh;
  width: 105.5555555556vh;
  height: 77.962962963vh;
  background-color: #efefef;
  border-radius: 1.1111111111vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.gta5devrent .rentmenu .headrent {
  display: flex;
  position: relative;
  margin-bottom: 2.7777777778vh;
  background-color: transparent;
  z-index: 4;
  width: 100%;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

.gta5devrent .rentmenu .rentlist {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex-wrap: wrap;
}

.gta5devrent .rentmenu .headrent .name {
  flex-shrink: 0;
  margin-right: 1.8518518519vh;
  width: 12.5925925926vh;
  height: 3.8888888889vh;
  border-radius: 0.5555555556vh;
  overflow: hidden;
  background-color: #f8d43e;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devrent .rentmenu .headrent .catologs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devrent .rentmenu .headrent .money {
  position: absolute;
  top: 0.1851851852vh;
  right: 9.3518518519vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gta5devrent .rentmenu .headrent span {
  position: absolute;
  top: 0.8333333333vh;
  right: 2.6851851852vh;
  cursor: pointer;
  padding: 0.462962963vh 0.9259259259vh;
  border-radius: 0.2777777778vh;
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
  background-color: #212121;
  color: #efefef;
}

.gta5devrent .rentmenu .headrent .name p {
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  font-family: SF Pro Display;
  color: #212121;
  transition: color 0.2s ease;
}

.gta5devrent .rentmenu .headrent .catologs .blockcatl {
  margin-right: 0.9259259259vh;
  border: 0.0925925926vh solid #f8d43e;
  background-color: #f8d43e;
  border-radius: 3.7037037037vh;
  cursor: pointer;
  padding: 0 1.8518518519vh 0 1.2037037037vh;
  transition: background-color 0.2s ease, border 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 3.8888888889vh;
}

.gta5devrent .rentmenu .headrent .catologs .blockcatl svg {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: #212121;
  transition: fill 0.2s ease;
}

.gta5devrent .rentmenu .headrent .catologs .blockcatl p {
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  margin-left: 0.9259259259vh;
  color: #101010;
  transition: color 0.2s ease;
}

.gta5devrent .rentmenu .headrent .money .moneyl {
  margin-bottom: 0.3703703704vh;
  display: flex;
  align-items: center;
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #212121;
}

.gta5devrent .rentmenu .headrent .money .moneyl svg {
  margin-left: 0.7407407407vh;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

.gta5devrent .rentmenu .rentlist .blockcar {
  position: relative;
  padding: 1.6666666667vh 1.8518518519vh 1.8518518519vh;
  min-width: 31.5vh;
  max-width: 31.5vh;
  margin: 0;
  margin-right: 0.9259259259vh;
  margin-bottom: 0.9259259259vh;
  background-color: #fcfcfc;
  border: 0.0925925926vh solid #e8e8e8;
  border-radius: 0.7407407407vh;
  transition: background 0.2s ease;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.gta5devrent .rentmenu .rentlist .blockcar h1 {
  font-family: SF Pro Display;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #212121;
  margin-bottom: 1.3888888889vh;
  transition: color 0.2s ease;
  width: 27.5vh;
}

.gta5devrent .rentmenu .rentlist .blockcar .carsimg {
  margin-bottom: 1.3888888889vh;
  position: relative;
  background-position: center;
  width: 100%;
  max-height: 17.888889vh;
  min-height: 15.888889vh;
  overflow: hidden;
  background-color: transparent;
  background-size: contain !important;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.gta5devrent .rentmenu .rentlist .blockcar .info {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 27.5vh;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rleft {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-content: flex-start;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rright {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-end;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rleft p {
  margin-bottom: 0.7407407407vh;
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: rgba(33, 33, 33, 0.5);
  transition: color 0.2s ease;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rleft span {
  font-family: SF Pro Display;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #212121;
  transition: color 0.2s ease;
  display: flex;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rright p {
  margin-bottom: 0.7407407407vh;
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: rgba(33, 33, 33, 0.5);
  transition: color 0.2s ease;
}

.gta5devrent .rentmenu .rentlist .blockcar .info .rright span {
  font-family: SF Pro Display;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #212121;
  transition: color 0.2s ease;
  display: flex;
}

.gta5devrent p, h1 {
  margin: 0;
}

.gta5devrent .rentmenu .rentlist::-webkit-scrollbar {
  width: 0.2777777778vh;
}

.gta5devrent .rentmenu .rentlist::-webkit-scrollbar-track {
  border-radius: 0.9259259259vh;
  background: linear-gradient(270deg, transparent 0, transparent 30%, rgba(0, 0, 0, 0.15) 50%, transparent 70%, transparent);
}

.gta5devrent .rentmenu .rentlist::-webkit-scrollbar-thumb {
  border-radius: 0.9259259259vh;
  background: #909090;
}

.gta5devrent .rentmenu .rentlist .blockcar:nth-child(3n) {
  margin-right: 0;
}

.gta5devrent .rentmenu .rentlist .blockcar:hover {
  background-color: #f8d43e;
}

.gta5devrent .rentmenu .acceptcar {
  position: absolute;
  padding: 3.7037037037vh 2.2222222222vh 2.7778vh 4.6296296296vh;
  width: 105.5555555556vh;
  height: 77.962962963vh;
  background: hsla(0, 0%, 93.7%, 0.75);
  z-index: 5;
  left: 0vh;
  top: 0vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected {
  position: relative;
  height: auto;
  background: #fff;
  padding: 3.7037037037vh;
  border-radius: 1.1111111111vh;
  overflow: hidden;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .close-block.flex-block {
  position: absolute;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  right: 2.3148148148vh;
  display: flex;
  top: 2.3148148148vh;
  background: transparent;
  border: 0.0925925926vh solid #e8e8e8;
  border-radius: 0.3703703704vh;
  cursor: pointer;
  transition: background-color 0.2s ease, border 0.2s ease;
  align-items: center;
  justify-content: center;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .close-block.flex-block svg {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
  stroke: #e8e8e8;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__text-title {
  font-family: SF Pro Display;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
  margin-bottom: 2.5vh;
  stroke: #212121;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__text-text {
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  margin-bottom: 1.1111111111vh;
  color: rgba(33, 33, 33, 0.75);
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__text-value {
  font-family: SF Pro Display;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  margin-bottom: 2.7777777778vh;
  color: #212121;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__text-value span.content_block_main_selected__text-text.per-hour {
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  margin-bottom: 0;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start {
  margin-bottom: 2.7777777778vh;
  width: 32.037037037vh;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .close-block.flex-block:hover {
  background: #f8d43e;
  border: 0.0925925926vh solid #f8d43e;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .close-block.flex-block:hover svg {
  fill: #fff;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors {
  margin-bottom: 2.7777777778vh;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 1.0185185185vh;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .buttons_panel.row-block.justify-between {
  height: auto;
  width: auto;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start .content_block_main_selected__hours.row-block.align-center.justify-start {
  color: rgba(33, 33, 33, 0.5);
  margin-right: 0.5555555556vh;
  margin-bottom: 0.5555555556vh;
  min-height: 4.4444444444vh;
  font-family: SF Pro Display;
  border-radius: 0.5555555556vh;
  background-color: #fcfcfc;
  border: 0.0925925926vh solid #e8e8e8;
  cursor: pointer;
  justify-content: center;
  min-width: 6.592593vh;
  max-width: 7.5925925926vh;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  transition: color 0.2s ease;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start .content_block_main_selected__hours.row-block.align-center.justify-start:hover {
  background-color: #efefef;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center.selected {
  transform: none;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center.selected svg {
  opacity: 1;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center {
  position: relative;
  min-width: 2.777778vh;
  min-height: 2.777778vh;
  max-width: 2.777778vh;
  max-height: 2.777778vh;
  /* overflow: hidden; */
  cursor: pointer;
  display: flex;
  align-items: center;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center .color-block__back {
  border: 0.0925925926vh solid #e8e8e8;
  border-radius: 0.5555555556vh;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  transition: opacity 0.2s ease;
  opacity: 0.5;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center svg {
  position: absolute;
  z-index: 9999;
  top: calc(50% - 0.29676vh);
  left: calc(50% - 0.46296vh);
  opacity: 0;
  min-width: 0.9259259259vh;
  max-width: 0.9259259259vh;
  min-height: 0.5935185185vh;
  max-height: 0.5935185185vh;
  transition: opacity 0.2s ease;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .buttons_panel.row-block.justify-between .panel_button {
  min-height: 4.4444444444vh;
  width: 100%;
  max-width: 15.7407407407vh;
  transition-property: background-color, color;
  transition: 0.2s ease;
  border-radius: 0.5555555556vh;
  cursor: pointer;
  font-family: SF Pro Display;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: rgba(33, 33, 33, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(33, 33, 33, 0.05);
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected-colors .color-block.row-block.align-center.justify-center.selected .color-block__back {
  opacity: 1;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .buttons_panel.row-block.justify-between .panel_button:hover {
  background-color: #f8d43e;
  color: #212121;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start .content_block_main_selected__hours.row-block.align-center.justify-start:hover span {
  color: #212121;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start .content_block_main_selected__hours.row-block.align-center.justify-start.selected {
  background-color: #f8d43e;
  border: 0.0925925926vh solid #f8d43e;
}

.gta5devrent .rentmenu .acceptcar .content_block_main_selected .content_block_main_selected__hours-wrapper.row-block.align-center.justify-start .content_block_main_selected__hours.row-block.align-center.justify-start.selected span {
  color: #212121;
}
@font-face {
  font-family: "auth";
  src: url(../src/views/player/newauthentication/fonts/auth//auth.ttf) format("truetype"), url(../src/views/player/newauthentication/fonts/auth//auth.woff) format("woff"), url(/src/views/player/newauthentication/fonts/auth/auth.svg#auth) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=auth-], [class*=" auth-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "auth" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.auth-mother:before {
  content: "\e900";
}

.auth-withdrow:before {
  content: "\e901";
}

.auth-ban:before {
  content: "\e902";
}

.auth-back:before {
  content: "\e903";
}

.auth-shirt:before {
  content: "\e904";
}

.auth-brush:before {
  content: "\e905";
}

.auth-smile:before {
  content: "\e906";
}

.auth-hzcheeto:before {
  content: "\e907";
}

.auth-father:before {
  content: "\e908";
}

.auth-locked:before {
  content: "\e909";
}

.auth-female:before {
  content: "\e90a";
}

.auth-man:before {
  content: "\e90b";
}

.auth-warning:before {
  content: "\e90c";
}

.auth-person:before {
  content: "\e90d";
}

.auth-name:before {
  content: "\e90e";
}

.auth-exitplace:before {
  content: "\e90f";
}

.auth-fraction:before {
  content: "\e910";
}

.auth-home:before {
  content: "\e911";
}

.auth-dollar:before {
  content: "\e912";
}

.auth-plus:before {
  content: "\e913";
}

.auth-logout:before {
  content: "\e914";
}

.auth-pass-repeat:before {
  content: "\e915";
}

.auth-done:before {
  content: "\e916";
}

.auth-gift:before {
  content: "\e917";
}

.auth-unvisible:before {
  content: "\e918";
}

.auth-visible:before {
  content: "\e919";
}

.auth-mail:before {
  content: "\e91a";
}

.auth-user:before {
  content: "\e91b";
}

.auth-close:before {
  content: "\e91c";
}

.auth-arrow:before {
  content: "\e91d";
}

.auth-lock:before {
  content: "\e91e";
}

.auth-key:before {
  content: "\e91f";
}

.auth-login-error:before {
  content: "\e920";
}

.auth-arrow-left:before {
  content: "\e921";
}

.auth-arrow-right:before {
  content: "\e922";
}

.auth-arrow-up:before {
  content: "\e923";
}

.auth-arrow-down:before {
  content: "\e924";
}

.auth-random:before {
  content: "\e925";
}
.newauthentication__popup {
  font-family: "Montserrat", sans-serif;
  color: rgb(243, 243, 243);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  background: rgba(1, 22, 39, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.newauthentication__popup .newauthentication__popup_title {
  font-weight: bold;
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 103.5px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_title {
    font-size: 144.9px;
  }
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 139.5px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_title {
    line-height: 195.3px;
  }
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 31.5px;
  }
}
.newauthentication__popup .newauthentication__popup_subtitle {
  opacity: 0.7;
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 103.5px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 144.9px;
  }
}
.newauthentication__popup .newauthentication__popup_iconmail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}
@media (max-width: 799px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 495px;
  }
}
@media (min-width: 6000px) {
  .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 693px;
  }
}

#newauthentication {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: rgb(243, 243, 243);
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0) 0%, rgba(1, 22, 39, 0.85) 100%);
}
@media (max-width: 799px) {
  #newauthentication {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication {
    font-size: 56.7px;
  }
}
#newauthentication .newauthentication__popup {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  background: rgba(1, 22, 39, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#newauthentication .newauthentication__popup .newauthentication__popup_title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    font-size: 144.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    line-height: 195.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_title {
    margin-bottom: 31.5px;
  }
}
#newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
  opacity: 0.7;
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_subtitle {
    line-height: 144.9px;
  }
}
#newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}
@media (max-width: 799px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 495px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentication__popup .newauthentication__popup_iconmail {
    font-size: 693px;
  }
}
#newauthentication .auth__small_text {
  opacity: 0.75;
}
@media (max-width: 799px) {
  #newauthentication .auth__small_text {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__small_text {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__small_text {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__small_text {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__small_text {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__small_text {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__small_text {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__small_text {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__small_text {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__small_text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__small_text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__small_text {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__small_text {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__small_text {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__small_text {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__small_text {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__small_text {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__small_text {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__small_text {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__small_text {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__small_text {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__small_text {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__small_text {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__small_text {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__small_text {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__small_text {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__small_text {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__small_text {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__small_text {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__small_text {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__small_text {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__small_text {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__small_text {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__small_text {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__small_text {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__small_text {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__small_text {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__small_text {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__small_text {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__small_text {
    margin-top: 50.4px;
  }
}
#newauthentication .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#newauthentication .header {
  width: 100%;
  color: #A3A4A5;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newauthentication .header {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header {
    margin-top: 94.5px;
  }
}
#newauthentication .header .box-flex {
  display: flex;
  align-items: center;
}
#newauthentication .header .header__money {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: white;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #newauthentication .header .header__money {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__money {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__money {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money {
    font-size: 56.7px;
  }
}
#newauthentication .header .header__money .header__money_redbucks {
  background-image: url(/src/views/player/newauthentication/images/redbucks.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money .header__money_redbucks {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money .header__money_redbucks {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__money .header__money_redbucks {
    margin-left: 31.5px;
  }
}
#newauthentication .header .header__logo {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newauthentication .header .header__logo {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__logo {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__logo {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__logo {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__logo {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__logo {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__logo {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__logo {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__logo {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__logo {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__logo {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__logo {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__logo {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__logo {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__logo {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__logo {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__logo {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__logo {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__logo {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__logo {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__logo {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__logo {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__logo {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__logo {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__logo {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__logo {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__logo {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__logo {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__logo {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__logo {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__logo {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__logo {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__logo {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__logo {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__logo {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__logo {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__logo {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__logo {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__logo {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__logo {
    height: 81.9px;
  }
}
#newauthentication .header .header-key {
  box-sizing: border-box;
  cursor: pointer;
  color: white;
  border: 1px solid rgba(253, 255, 252, 0.6);
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #newauthentication .header .header-key {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header-key {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header-key {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key {
    border-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header-key {
    margin-right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key {
    margin-right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key {
    margin-right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key {
    margin-right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key {
    margin-right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key {
    margin-right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key {
    margin-right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key {
    margin-right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key {
    margin-right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key {
    margin-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key {
    margin-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key {
    margin-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key {
    margin-right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key {
    margin-right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key {
    margin-right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    margin-right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    margin-right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    margin-right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    margin-right: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key {
    margin-right: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header-key {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key {
    border-radius: 18.9px;
  }
}
#newauthentication .header .header-key.active {
  background: white;
  color: black;
}
#newauthentication .header .header-key:last-child {
  margin-right: 0;
}
@media (max-width: 799px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header-key:last-child {
    margin-left: 189px;
  }
}
#newauthentication .header .header__element {
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
@media (max-width: 799px) {
  #newauthentication .header .header__element {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__element {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__element {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__element {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__element {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__element {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__element {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__element {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__element {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__element {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__element {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__element {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__element {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__element {
    margin-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__element {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__element {
    margin-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__element {
    margin-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__element {
    margin-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__element {
    margin-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__element {
    margin-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__element {
    margin-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__element {
    margin-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__element {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__element {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__element {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__element {
    margin-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__element {
    margin-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__element {
    margin-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    margin-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    margin-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    margin-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    margin-left: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__element {
    margin-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .header .header__element {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .header .header__element {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .header .header__element {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .header .header__element {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .header .header__element {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .header .header__element {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .header .header__element {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .header .header__element {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .header .header__element {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .header .header__element {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .header .header__element {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .header .header__element {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .header .header__element {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .header .header__element {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .header .header__element {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .header .header__element {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .header .header__element {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .header .header__element {
    margin-right: 75.6px;
  }
}
#newauthentication .header .header__element.active {
  border-bottom: 2px solid #E71D36;
  color: rgb(255, 255, 255);
}
#newauthentication .main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  color: #CCCCCC;
}
@media (max-width: 799px) {
  #newauthentication .main {
    padding-top: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main {
    padding-top: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main {
    padding-top: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main {
    padding-top: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main {
    padding-top: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main {
    padding-top: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main {
    padding-top: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main {
    padding-top: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main {
    padding-top: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main {
    padding-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main {
    padding-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main {
    padding-top: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main {
    padding-top: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main {
    padding-top: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main {
    padding-top: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main {
    padding-top: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main {
    padding-top: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main {
    padding-top: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main {
    padding-top: 225px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main {
    padding-top: 315px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main {
    padding-right: 157.5px;
  }
}
#newauthentication .main .main__box {
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
@media (max-width: 799px) {
  #newauthentication .main .main__box {
    width: 169.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main .main__box {
    width: 188px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main .main__box {
    width: 242.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main .main__box {
    width: 257.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main .main__box {
    width: 282px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main .main__box {
    width: 263.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main .main__box {
    width: 319.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main .main__box {
    width: 300.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main .main__box {
    width: 357.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main .main__box {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main .main__box {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main .main__box {
    width: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main .main__box {
    width: 507.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main .main__box {
    width: 488.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main .main__box {
    width: 470px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main .main__box {
    width: 620.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main .main__box {
    width: 752px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main .main__box {
    width: 620.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main .main__box {
    width: 846px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main .main__box {
    width: 1184.4px;
  }
}
#newauthentication .main .main__box .main__forms {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newauthentication .main .main__box .main__forms {
    width: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main .main__box .main__forms {
    width: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main .main__box .main__forms {
    width: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main .main__box .main__forms {
    width: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main .main__box .main__forms {
    width: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main .main__box .main__forms {
    width: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main .main__box .main__forms {
    width: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main .main__box .main__forms {
    width: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main .main__box .main__forms {
    width: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main .main__box .main__forms {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main .main__box .main__forms {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main .main__box .main__forms {
    width: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main .main__box .main__forms {
    width: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main .main__box .main__forms {
    width: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main .main__box .main__forms {
    width: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main .main__box .main__forms {
    width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main .main__box .main__forms {
    width: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main .main__box .main__forms {
    width: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main .main__box .main__forms {
    width: 787.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main .main__box .main__forms {
    width: 1102.5px;
  }
}
#newauthentication .main__buttons_box {
  display: flex;
  justify-content: space-between;
}
#newauthentication .main__buttons_box.main__buttons_registration {
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newauthentication .main__buttons_box .main__input {
    width: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__buttons_box .main__input {
    width: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__buttons_box .main__input {
    width: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__buttons_box .main__input {
    width: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__buttons_box .main__input {
    width: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__buttons_box .main__input {
    width: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__buttons_box .main__input {
    width: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__buttons_box .main__input {
    width: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__buttons_box .main__input {
    width: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__buttons_box .main__input {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__buttons_box .main__input {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__buttons_box .main__input {
    width: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__buttons_box .main__input {
    width: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__buttons_box .main__input {
    width: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__buttons_box .main__input {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__buttons_box .main__input {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__buttons_box .main__input {
    width: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__buttons_box .main__input {
    width: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__buttons_box .main__input {
    width: 585px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__buttons_box .main__input {
    width: 819px;
  }
}
#newauthentication .main__button {
  background: rgba(253, 255, 252, 0.1);
  display: flex;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
}
@media (max-width: 799px) {
  #newauthentication .main__button {
    height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button {
    height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button {
    height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button {
    height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button {
    height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button {
    height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button {
    height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button {
    height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button {
    height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button {
    height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button {
    height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button {
    height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button {
    height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button {
    height: 220.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button {
    border-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button {
    margin-right: 78.75px;
  }
}
#newauthentication .main__button:last-child {
  margin-right: 0;
}
#newauthentication .main__button.main_button_size_large {
  align-self: center;
}
@media (max-width: 799px) {
  #newauthentication .main__button.main_button_size_large {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main_button_size_large {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main_button_size_large {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main_button_size_large {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main_button_size_large {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main_button_size_large {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main_button_size_large {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main_button_size_large {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main_button_size_large {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main_button_size_large {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main_button_size_large {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main_button_size_large {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main_button_size_large {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main_button_size_large {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main_button_size_large {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main_button_size_large {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main_button_size_large {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main_button_size_large {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main_button_size_large {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main_button_size_large {
    width: 800.1px;
  }
}
#newauthentication .main__button.main_button_size_small {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newauthentication .main__button.main_button_size_small {
    width: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main_button_size_small {
    width: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main_button_size_small {
    width: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main_button_size_small {
    width: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main_button_size_small {
    width: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main_button_size_small {
    width: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main_button_size_small {
    width: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main_button_size_small {
    width: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main_button_size_small {
    width: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main_button_size_small {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main_button_size_small {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main_button_size_small {
    width: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main_button_size_small {
    width: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main_button_size_small {
    width: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main_button_size_small {
    width: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main_button_size_small {
    width: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main_button_size_small {
    width: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main_button_size_small {
    width: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main_button_size_small {
    width: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main_button_size_small {
    width: 220.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button b {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button b {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button b {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button b {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button b {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button b {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button b {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button b {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button b {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button b {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button b {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button b {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button b {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button b {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button b {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button b {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button b {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button b {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button b {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button b {
    font-size: 132.3px;
  }
}
#newauthentication .main__button.main__button_restore {
  width: 100%;
}
@media (max-width: 799px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main__button_restore {
    margin-top: 47.25px;
  }
}
#newauthentication .main__button.main__button_mail {
  align-self: center;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  z-index: 10000;
}
@media (max-width: 799px) {
  #newauthentication .main__button.main__button_mail {
    width: 159.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main__button_mail {
    width: 177px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main__button_mail {
    width: 228.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main__button_mail {
    width: 242.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main__button_mail {
    width: 265.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main__button_mail {
    width: 247.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main__button_mail {
    width: 300.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main__button_mail {
    width: 283.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main__button_mail {
    width: 336.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main__button_mail {
    width: 354px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main__button_mail {
    width: 354px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main__button_mail {
    width: 442.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main__button_mail {
    width: 477.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main__button_mail {
    width: 460.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main__button_mail {
    width: 442.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    width: 584.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    width: 708px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    width: 584.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    width: 796.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main__button_mail {
    width: 1115.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main__button_mail {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button.main__button_mail {
    margin-top: 126px;
  }
}
#newauthentication .main__button.main__button_mail:hover {
  opacity: 0.9;
  transition: all 0.5s ease;
  background: white;
  color: black;
}
#newauthentication .main__button .main__button_right {
  height: 100%;
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_right {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_right {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_right {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_right {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_right {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_right {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_right {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_right {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_right {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_right {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_right {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_right {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_right {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_right {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_right {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_right {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_right {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_right {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_right {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_right {
    width: 283.5px;
  }
}
#newauthentication .main__button .main__button_square {
  background-color: white;
  color: black;
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_square {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_square {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_square {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_square {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_square {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_square {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_square {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_square {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_square {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_square {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_square {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_square {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_square {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_square {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_square {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_square {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_square {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_square {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_square {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_square {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_square {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_square {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_square {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_square {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_square {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_square {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_square {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_square {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_square {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_square {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_square {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_square {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_square {
    border-radius: 6.3px;
  }
}
#newauthentication .main__button .main__button_left {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  font-weight: 600;
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_left {
    border-right: 0.9px solid #7E7E7E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1px solid #7E7E7E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.29px solid #7E7E7E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.37px solid #7E7E7E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.5px solid #7E7E7E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.4px solid #7E7E7E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.7px solid #7E7E7E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.6px solid #7E7E7E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_left {
    border-right: 1.9px solid #7E7E7E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2.5px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2.7px solid #7E7E7E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2.6px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_left {
    border-right: 2.5px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_left {
    border-right: 3.3px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_left {
    border-right: 4px solid #7E7E7E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_left {
    border-right: 3.3px solid #7E7E7E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_left {
    border-right: 4.5px solid #7E7E7E;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_left {
    border-right: 6.3px solid #7E7E7E;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_left {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_left {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_left {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_left {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_left {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_left {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_left {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_left {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_left {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_left {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_left {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_left {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_left {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_left {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_left {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_left {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_left {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_left {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_left {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_left {
    font-size: 69.3px;
  }
}
#newauthentication .main__button .main__button_left.none {
  border: none;
}
#newauthentication .main__button .main__button_top {
  box-sizing: border-box;
  width: 100%;
  height: 50%;
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 0.9px solid #7E7E7E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1px solid #7E7E7E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.29px solid #7E7E7E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.37px solid #7E7E7E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.5px solid #7E7E7E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.4px solid #7E7E7E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.7px solid #7E7E7E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.6px solid #7E7E7E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 1.9px solid #7E7E7E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2.5px solid #7E7E7E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2.7px solid #7E7E7E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2.6px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 2.5px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 3.3px solid #7E7E7E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 4px solid #7E7E7E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 3.3px solid #7E7E7E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 4.5px solid #7E7E7E;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_top {
    border-bottom: 6.3px solid #7E7E7E;
  }
}
#newauthentication .main__button .main__button_bottom {
  height: 45%;
  width: 100%;
}
#newauthentication .main__button .main__button_bottom .main__button_rectangle {
  background-color: white;
  color: black;
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__button .main__button_bottom .main__button_rectangle {
    border-radius: 6.3px;
  }
}
#newauthentication .main__scroll {
  background: rgba(253, 255, 252, 0.15);
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newauthentication .main__scroll {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__scroll {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__scroll {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__scroll {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__scroll {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__scroll {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__scroll {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__scroll {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__scroll {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__scroll {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__scroll {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__scroll {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__scroll {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__scroll {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__scroll {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__scroll {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__scroll {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__scroll {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__scroll {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__scroll {
    width: 18.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .main__scroll {
    height: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .main__scroll {
    height: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .main__scroll {
    height: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .main__scroll {
    height: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .main__scroll {
    height: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .main__scroll {
    height: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .main__scroll {
    height: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .main__scroll {
    height: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .main__scroll {
    height: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .main__scroll {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .main__scroll {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .main__scroll {
    height: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .main__scroll {
    height: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .main__scroll {
    height: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .main__scroll {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .main__scroll {
    height: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .main__scroll {
    height: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .main__scroll {
    height: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .main__scroll {
    height: 351px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .main__scroll {
    height: 491.4px;
  }
}
#newauthentication .main__scroll.big {
  height: auto;
}
#newauthentication .news {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 799px) {
  #newauthentication .news {
    padding-top: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news {
    padding-top: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news {
    padding-top: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news {
    padding-top: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news {
    padding-top: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news {
    padding-top: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news {
    padding-top: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news {
    padding-top: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news {
    padding-top: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news {
    padding-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news {
    padding-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news {
    padding-top: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news {
    padding-top: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news {
    padding-top: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news {
    padding-top: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news {
    padding-top: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news {
    padding-top: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news {
    padding-top: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news {
    padding-top: 225px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news {
    padding-top: 315px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news {
    height: 425.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news {
    height: 473px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news {
    height: 610.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news {
    height: 648.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news {
    height: 709.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news {
    height: 662.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news {
    height: 804.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news {
    height: 756.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news {
    height: 898.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news {
    height: 946px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news {
    height: 946px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news {
    height: 1182.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news {
    height: 1277.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news {
    height: 1229.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news {
    height: 1182.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news {
    height: 1560.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news {
    height: 1892px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news {
    height: 1560.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news {
    height: 2128.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news {
    height: 2979.9px;
  }
}
#newauthentication .news ::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  border-radius: 25px;
  opacity: 0;
}
#newauthentication .news ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: rgba(57, 56, 78, 0);
  border-radius: 100px;
  opacity: 0;
}
#newauthentication .news ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: rgba(255, 64, 64, 0);
  border-radius: 100px;
}
#newauthentication .news .news-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: inherit;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box {
    margin-bottom: 63px;
  }
}
#newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
  opacity: 1;
  height: auto;
  transition: all 1s;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 97.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 108px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 139.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 147.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 162px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 151.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 183.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 172.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 205.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 216px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 216px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 291.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 280.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 270px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 356.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 432px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 356.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 486px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box:hover .news-box__text_background, #newauthentication .news .news-box.active .news-box__text_background {
    margin-top: 680.4px;
  }
}
#newauthentication .news .news-box .news-box__header-img {
  background-image: url(/src/views/player/newauthentication/images/background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  position: absolute;
  z-index: 1;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    padding-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__header-img {
    border-radius: 15.75px;
  }
}
#newauthentication .news .news-box .news-box__text_background {
  z-index: 0;
  font-weight: 300;
  box-sizing: border-box;
  opacity: 1;
  height: auto;
  border-radius: 6px;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 261px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 290px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 374.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 397.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 435px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 406px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 493px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 464px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 551px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 783px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 754px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 957px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 1160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 957px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 1305px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    width: 1827px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.45px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.5px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.645px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.685px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.75px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.7px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.85px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.8px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 0.95px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.35px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.3px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 2px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 2.25px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-left: 3.15px solid #FDFFFC;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.45px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.5px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.645px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.685px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.75px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.7px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.85px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.8px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 0.95px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.35px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.3px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 2px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 2.25px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-right: 3.15px solid #FDFFFC;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.45px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.5px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.645px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.685px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.75px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.7px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.85px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.8px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 0.95px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.35px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.3px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 2px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 2.25px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background {
    border-bottom: 3.15px solid #FDFFFC;
  }
}
#newauthentication .news .news-box .news-box__text_background .subtitle {
  color: #A7A7A7;
  font-weight: 600;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .subtitle {
    font-size: 44.1px;
  }
}
#newauthentication .news .news-box .news-box__text_background .news-box__element {
  display: flex;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element:first-child {
    margin-bottom: 0px;
  }
}
#newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
  box-sizing: border-box;
  background-color: #E3393A;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    max-width: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    height: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 1.35px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 1.5px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 1.935px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.055px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.25px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.1px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.55px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.4px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 2.85px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 3px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 3px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 3.75px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 4.05px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 3.9px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 3.75px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 4.95px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 6px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 4.95px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 6.75px solid rgba(183,42,43,0.5);
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border: 9.45px solid rgba(183,42,43,0.5);
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__square {
    border-radius: 9.45px;
  }
}
#newauthentication .news .news-box .news-box__text_background .news-box__element .news-box__text {
  font-weight: 100;
  font-style: normal;
}
#newauthentication .news .news-box .news-box__text_background .box-flex {
  display: flex;
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    padding-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 63px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .news .news-box .news-box__text_background .square_box {
    min-width: 88.2px;
  }
}
#newauthentication .newauthentification__characters {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters {
    padding-right: 252px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters {
    margin-left: 126px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #FDFFFC;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 126px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header {
    margin-bottom: 176.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_header span {
    margin-right: 63px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 6px;
  opacity: 0;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    margin-top: -252px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover {
    min-height: 252px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover.column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .box-between {
    margin-top: 50.4px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
  position: relative;
  border: 1px solid rgba(253, 255, 252, 0.4);
  display: flex;
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 63.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 71px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 91.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 97.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 106.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 99.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 120.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 113.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 134.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 177.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 191.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 184.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 177.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 234.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 284px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 234.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 319.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    width: 447.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    height: 132.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button {
    font-size: 44.1px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button:hover, #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button.active {
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(253, 255, 252, 0);
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
  border-radius: 6px;
  box-sizing: border-box;
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box {
    margin-right: 31.5px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_button .box.red {
  color: white;
  background: #E71D36;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_hover .auth__characters_input {
    height: 132.3px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block:last-child {
    margin-bottom: 0px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_block:hover .auth__characters_character, #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_character {
  border: 1px solid rgba(253, 255, 252, 0);
  background: rgba(253, 255, 252, 0.1);
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active {
  height: auto;
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
  opacity: 1;
  transition: all 1s;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_block.active .auth__characters_hover {
    margin-top: 0px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(253, 255, 252, 0.4);
  box-sizing: border-box;
  border-radius: 6px;
  z-index: 1;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character {
    padding-right: 94.5px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_character:last-child {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character b {
    line-height: 88.2px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle {
    font-size: 31.5px;
  }
}
#newauthentication .newauthentification__characters .auth__characters .auth__characters_character .auth__characters_circle .auth__characters_circle_text {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#newauthentication .newauthentification__characters .auth__center {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 126px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center {
    padding-bottom: 176.4px;
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__buttons {
    width: 1260px;
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    margin-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 1552.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements {
    width: 2173.5px;
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 1.35px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 1.5px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 1.935px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.055px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.25px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.1px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.55px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.4px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 2.85px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 3px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 3px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 3.75px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 4.05px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 3.9px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 3.75px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 4.95px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 6px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 4.95px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 6.75px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    border: 9.45px solid rgba(253,255,252,0.4);
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-right: 91.35px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    padding-top: 56.7px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element {
    margin-right: 141.75px;
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element:last-child {
  margin-right: 0;
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
  position: absolute;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    right: 94.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element span {
    font-size: 157.5px;
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
  background: rgba(253, 255, 252, 0.1);
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 1.35px solid rgba(253,255,252,0);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 1.5px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 1.935px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.055px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.25px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.1px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.55px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.4px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 2.85px solid rgba(253,255,252,0);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 3px solid rgba(253,255,252,0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 3px solid rgba(253,255,252,0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 3.75px solid rgba(253,255,252,0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 4.05px solid rgba(253,255,252,0);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 3.9px solid rgba(253,255,252,0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 3.75px solid rgba(253,255,252,0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 4.95px solid rgba(253,255,252,0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 6px solid rgba(253,255,252,0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 4.95px solid rgba(253,255,252,0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 6.75px solid rgba(253,255,252,0);
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use:hover, #newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.use.active {
    border: 9.45px solid rgba(253,255,252,0);
  }
}
#newauthentication .newauthentification__characters .auth__center .auth__spawn_elements .auth__spawn_element.nouse {
  opacity: 0.65;
}
#newauthentication .newauthentification__characters .main__button_square {
  background-color: white;
  color: black;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square {
    border-radius: 6.3px;
  }
}
#newauthentication .newauthentification__characters .main__button_square.large {
  width: auto;
  height: auto;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-right: 28.35px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .main__button_square.large {
    padding-top: 22.05px;
  }
}
#newauthentication .newauthentification__characters .auth__stats {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__stats {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 189px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__stats {
    padding-top: 264.6px;
  }
}
#newauthentication .newauthentification__characters .auth__stats .auth__stat {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 173.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 193px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 248.97px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 264.41px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 289.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 270.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 328.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 308.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 366.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 482.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 521.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 501.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 482.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 636.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 772px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 636.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 868.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    width: 1215.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__stats .auth__stat {
    margin-bottom: 40.95px;
  }
}
#newauthentication .newauthentification__characters .auth__stats .auth__stat .gray {
  color: #FDFFFC;
  opacity: 0.8;
}
#newauthentication .newauthentification__characters .auth__donate_element {
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 153px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    height: 214.2px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.45px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.5px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.645px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.685px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.75px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.7px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.85px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.8px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 0.95px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.25px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.35px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.3px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.25px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.65px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 2px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 1.65px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 2.25px solid rgba(253,255,252,0.4);
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    border: 3.15px solid rgba(253,255,252,0.4);
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-left: 85.05px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    padding-right: 85.05px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element {
    margin-top: 47.25px;
  }
}
#newauthentication .newauthentification__characters .auth__donate_element .absolute {
  position: absolute;
  left: 16%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .absolute {
    font-size: 126px;
  }
}
#newauthentication .newauthentification__characters .auth__donate_element .box-flex {
  align-items: center;
}
#newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
  color: #E71D36;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .box-flex .auth-dollar {
    margin-left: 31.5px;
  }
}
#newauthentication .newauthentification__characters .auth__donate_element .line {
  background: white;
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    height: 144.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 72px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-left: 100.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 72px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .newauthentification__characters .auth__donate_element .line {
    margin-right: 100.8px;
  }
}
#newauthentication .auth__characters_input {
  width: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 6px;
  box-sizing: border-box;
  font-family: "TTNorms-Regular";
  color: rgba(253, 255, 252, 0.5);
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    height: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    height: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    height: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    height: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    height: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    height: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    height: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    height: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    height: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    height: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    height: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    height: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    height: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    height: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    height: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    height: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    height: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    height: 141.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    margin-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    border-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    padding: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    padding: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    padding: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    padding: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    padding: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    padding: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    padding: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    padding: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    padding: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    padding: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    padding: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    padding: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    padding: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    padding: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    padding: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    padding: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    padding: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    padding: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    padding: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    padding: 72.45px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    border: 0.9px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    border: 1px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    border: 1.29px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    border: 1.37px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    border: 1.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    border: 1.4px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    border: 1.7px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    border: 1.6px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    border: 1.9px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    border: 2px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    border: 2px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    border: 2.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    border: 2.7px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    border: 2.6px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    border: 2.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    border: 3.3px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    border: 4px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    border: 3.3px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    border: 4.5px solid rgba(253,255,252,0.5);
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    border: 6.3px solid rgba(253,255,252,0.5);
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 0.9px solid #BE2020;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1px solid #BE2020;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.29px solid #BE2020;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.37px solid #BE2020;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.5px solid #BE2020;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.4px solid #BE2020;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.7px solid #BE2020;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.6px solid #BE2020;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 1.9px solid #BE2020;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2.5px solid #BE2020;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2.7px solid #BE2020;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2.6px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 2.5px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 3.3px solid #BE2020;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 4px solid #BE2020;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 3.3px solid #BE2020;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 4.5px solid #BE2020;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input.main__input_error {
    border: 6.3px solid #BE2020;
  }
}
#newauthentication .auth__characters_input .main__input_text {
  background-color: rgba(32, 32, 32, 0);
  font-family: inherit;
  color: white;
  caret-color: #808080;
  width: 15vw;
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input .main__input_text {
    font-size: 56.7px;
  }
}
#newauthentication .auth__characters_input .main__input_text::-webkit-input-placeholder {
  color: #CCCCCC;
}
#newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
  color: white;
  background: rgba(253, 255, 252, 0.1);
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 0.9px solid rgb(27, 43, 56);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.29px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.37px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.4px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.7px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.6px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 1.9px solid rgb(27, 43, 56);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2.7px solid rgb(27, 43, 56);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2.6px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 2.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 3.3px solid rgb(27, 43, 56);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 4px solid rgb(27, 43, 56);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 3.3px solid rgb(27, 43, 56);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 4.5px solid rgb(27, 43, 56);
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__characters_input:hover, #newauthentication .auth__characters_input:focus {
    border: 6.3px solid rgb(27, 43, 56);
  }
}
#newauthentication .auth__customization {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization {
    width: 238.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization {
    width: 265px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization {
    width: 341.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization {
    width: 363.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization {
    width: 397.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization {
    width: 371px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization {
    width: 450.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization {
    width: 424px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization {
    width: 503.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization {
    width: 530px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization {
    width: 530px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization {
    width: 662.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization {
    width: 715.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization {
    width: 689px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization {
    width: 662.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization {
    width: 874.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization {
    width: 1060px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization {
    width: 874.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization {
    width: 1192.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization {
    width: 1669.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization {
    margin-bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization {
    margin-bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization {
    margin-bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization {
    margin-bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization {
    margin-bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization {
    margin-bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization {
    margin-bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization {
    margin-bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization {
    margin-bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization {
    margin-bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization {
    margin-bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization {
    margin-bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization {
    margin-bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization {
    margin-bottom: 157.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_leftside {
    min-width: 598.5px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
  background: url(/src/views/player/newauthentication/images/scroll.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__scroll {
    height: 103.95px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
  letter-spacing: 0.01em;
  color: #FDFFFC;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_header {
    margin-bottom: 126px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics ::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  border-radius: 25px;
  opacity: 0;
}
#newauthentication .auth__customization .auth__customization_characteristics ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: rgba(57, 56, 78, 0);
  border-radius: 100px;
  opacity: 0;
}
#newauthentication .auth__customization .auth__customization_characteristics ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: rgba(255, 64, 64, 0);
  border-radius: 100px;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  align-items: center;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 151.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 168px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 216.72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 230.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 252px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 235.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 285.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 268.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 319.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 453.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 436.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 420px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 554.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 672px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 554.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 756px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements {
    height: 1058.4px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 195.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 217px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 279.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 297.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 325.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 303.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 368.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 347.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 412.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 434px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 434px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 542.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 585.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 564.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 542.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 716.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 868px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 716.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 976.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-width: 1367.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    min-height: 119.7px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element {
    margin-bottom: 50.4px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:last-child {
  margin-bottom: 0;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active {
  color: black;
  background: white;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
  color: black;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element:hover .auth__customization_icon, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.active .auth__customization_icon {
    font-size: 63px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
  color: white;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_icon {
    font-size: 63px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .box-flex {
  align-items: center;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column {
    min-height: 163.8px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element.column:hover {
  color: white;
  background: transparent;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range {
    height: 12.6px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
  background: #E71D36;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .slider {
    height: 37.8px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider {
    height: 12.6px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__fill {
  background: #E71D36;
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
  border: none;
  background: #E71D36;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_range .rangeslider__handle {
    height: 37.8px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 130.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 145px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 187.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 198.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 217.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 203px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 246.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 232px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 275.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 362.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 391.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 377px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 362.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 478.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 478.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 652.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    width: 913.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    grid-gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors {
    margin-top: 31.5px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
  background: #B07947;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color {
    height: 63px;
  }
}
#newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 0.9px solid #FFFFFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1px solid #FFFFFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.29px solid #FFFFFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.37px solid #FFFFFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.5px solid #FFFFFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.4px solid #FFFFFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.7px solid #FFFFFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.6px solid #FFFFFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 1.9px solid #FFFFFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2px solid #FFFFFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2px solid #FFFFFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2.5px solid #FFFFFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2.7px solid #FFFFFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2.6px solid #FFFFFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 2.5px solid #FFFFFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 3.3px solid #FFFFFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 4px solid #FFFFFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 3.3px solid #FFFFFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 4.5px solid #FFFFFF;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color.active, #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_colors .auth__customization_color:hover {
    border: 6.3px solid #FFFFFF;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization .auth__customization_characteristics .auth__customization_elements .auth__customization_element .auth__customization_text {
    margin-right: 50.4px;
  }
}
#newauthentication .auth__customization_categories {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories {
    padding-top: 31.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories {
    padding-top: 34.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories {
    padding-top: 44.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories {
    padding-top: 47.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories {
    padding-top: 51.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories {
    padding-top: 48.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories {
    padding-top: 58.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories {
    padding-top: 55.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories {
    padding-top: 65.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories {
    padding-top: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories {
    padding-top: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories {
    padding-top: 86.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories {
    padding-top: 93.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories {
    padding-top: 89.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories {
    padding-top: 86.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories {
    padding-top: 113.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories {
    padding-top: 138px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories {
    padding-top: 113.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories {
    padding-top: 155.25px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories {
    padding-top: 217.35px;
  }
}
#newauthentication .auth__customization_categories .auth__customization_categorie {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(253, 255, 252, 0.4);
  box-sizing: border-box;
  color: rgba(253, 255, 252, 0.4);
  border-radius: 6px;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie {
    margin-bottom: 50.4px;
  }
}
#newauthentication .auth__customization_categories .auth__customization_categorie:last-child {
  margin-bottom: 0;
}
#newauthentication .auth__customization_categories .auth__customization_categorie:hover, #newauthentication .auth__customization_categories .auth__customization_categorie.active {
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(253, 255, 252, 0.1);
  color: white;
}
#newauthentication .auth__customization_categories .auth__customization_categorie.random {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_categories .auth__customization_categorie.random {
    margin-top: 144.9px;
  }
}
#newauthentication .auth__customization_image {
  background-image: url(/src/views/player/newauthentication/images/back.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image {
    width: 136.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image {
    width: 152px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image {
    width: 196.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image {
    width: 208.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image {
    width: 228px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image {
    width: 212.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image {
    width: 258.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image {
    width: 243.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image {
    width: 288.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image {
    width: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image {
    width: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image {
    width: 410.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image {
    width: 395.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image {
    width: 380px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    width: 501.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    width: 608px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    width: 501.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    width: 684px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image {
    width: 957.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image {
    height: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image {
    height: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image {
    height: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image {
    height: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image {
    height: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image {
    height: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image {
    height: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image {
    height: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image {
    height: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image {
    height: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image {
    height: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image {
    height: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image {
    height: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    height: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    height: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    height: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    height: 279px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image {
    height: 390.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image {
    margin-bottom: 50.4px;
  }
}
#newauthentication .auth__customization_image .auth__customization_father {
  z-index: 2;
  background-image: url(/src/views/player/newauthentication/images/father.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 279px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    width: 390.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 279px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    height: 390.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_father {
    left: 211.05px;
  }
}
#newauthentication .auth__customization_image .auth__customization_mother {
  z-index: 1;
  background-image: url(/src/views/player/newauthentication/images/mother.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 279px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    width: 390.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 279px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    height: 390.6px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__customization_image .auth__customization_mother {
    right: 211.05px;
  }
}
#newauthentication .auth__square_range {
  background-image: url(/src/views/player/newauthentication/images/setka.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range {
    margin-top: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range {
    margin-top: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range {
    margin-top: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range {
    margin-top: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range {
    margin-top: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range {
    margin-top: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range {
    margin-top: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range {
    margin-top: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range {
    margin-top: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range {
    margin-top: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range {
    margin-top: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range {
    margin-top: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range {
    margin-top: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    margin-top: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    margin-top: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range {
    margin-top: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range {
    margin-top: 216px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range {
    margin-top: 302.4px;
  }
}
#newauthentication .auth__square_range .top {
  position: absolute;
  top: -12%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
#newauthentication .auth__square_range .bottom {
  position: absolute;
  bottom: -28%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
#newauthentication .auth__square_range .left {
  position: absolute;
  bottom: 50%;
  left: -64%;
  transform: rotateZ(-90deg);
  width: 100%;
  text-align: center;
}
#newauthentication .auth__square_range .right {
  position: absolute;
  bottom: 50%;
  right: -64%;
  transform: rotateZ(90deg);
  width: 100%;
  text-align: center;
}
#newauthentication .auth__square_range .slider {
  position: absolute;
  left: 0;
  top: 0;
  background: #E71D36;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range .slider {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range .slider {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range .slider {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range .slider {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range .slider {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range .slider {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range .slider {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range .slider {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range .slider {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range .slider {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range .slider {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range .slider {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range .slider {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range .slider {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range .slider {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range .slider {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range .slider {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range .slider {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range .slider {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range .slider {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__square_range .slider {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__square_range .slider {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__square_range .slider {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__square_range .slider {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__square_range .slider {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__square_range .slider {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__square_range .slider {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__square_range .slider {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__square_range .slider {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__square_range .slider {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__square_range .slider {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__square_range .slider {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__square_range .slider {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__square_range .slider {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__square_range .slider {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range .slider {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range .slider {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__square_range .slider {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__square_range .slider {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__square_range .slider {
    height: 44.1px;
  }
}
#newauthentication .auth__long_range {
  background-image: url(/src/views/player/newauthentication/images/setka_small.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  align-items: center;
  display: flex;
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range {
    margin-bottom: 81.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range {
    margin-top: 81.9px;
  }
}
#newauthentication .auth__long_range .left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
#newauthentication .auth__long_range .right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
#newauthentication .auth__long_range .slider {
  position: absolute;
  left: 0;
  top: 0;
  background: #E71D36;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range .slider {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range .slider {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range .slider {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range .slider {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range .slider {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range .slider {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range .slider {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range .slider {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range .slider {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range .slider {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range .slider {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range .slider {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range .slider {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range .slider {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range .slider {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range .slider {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range .slider {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range .slider {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range .slider {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range .slider {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__long_range .slider {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__long_range .slider {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__long_range .slider {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__long_range .slider {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__long_range .slider {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__long_range .slider {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__long_range .slider {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__long_range .slider {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__long_range .slider {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__long_range .slider {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__long_range .slider {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__long_range .slider {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__long_range .slider {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__long_range .slider {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__long_range .slider {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range .slider {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range .slider {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__long_range .slider {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__long_range .slider {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__long_range .slider {
    height: 44.1px;
  }
}
#newauthentication .auth__customisation_center {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#newauthentication .auth__sliders {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 799px) {
  #newauthentication .auth__sliders {
    width: 155.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__sliders {
    width: 173px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__sliders {
    width: 223.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__sliders {
    width: 237.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__sliders {
    width: 259.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__sliders {
    width: 242.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__sliders {
    width: 294.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__sliders {
    width: 276.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__sliders {
    width: 328.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__sliders {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__sliders {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__sliders {
    width: 432.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__sliders {
    width: 467.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__sliders {
    width: 449.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__sliders {
    width: 432.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    width: 570.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    width: 692px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    width: 570.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    width: 778.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__sliders {
    width: 1089.9px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__sliders {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__sliders {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__sliders {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__sliders {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__sliders {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__sliders {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__sliders {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__sliders {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__sliders {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__sliders {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__sliders {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__sliders {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__sliders {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__sliders {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__sliders {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__sliders {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__sliders {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__sliders {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__sliders {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__sliders {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__sliders {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__sliders {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__sliders {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__sliders {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__sliders {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__sliders {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__sliders {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__sliders {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__sliders {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__sliders {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__sliders {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__sliders {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__sliders {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__sliders {
    padding-bottom: 50.4px;
  }
}
#newauthentication .auth__box-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 799px) {
  #newauthentication .auth__box-arrows {
    min-width: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__box-arrows {
    min-width: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__box-arrows {
    min-width: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__box-arrows {
    min-width: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__box-arrows {
    min-width: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__box-arrows {
    min-width: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__box-arrows {
    min-width: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__box-arrows {
    min-width: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__box-arrows {
    min-width: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__box-arrows {
    min-width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__box-arrows {
    min-width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__box-arrows {
    min-width: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__box-arrows {
    min-width: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__box-arrows {
    min-width: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__box-arrows {
    min-width: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__box-arrows {
    min-width: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__box-arrows {
    min-width: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__box-arrows {
    min-width: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__box-arrows {
    min-width: 472.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__box-arrows {
    min-width: 661.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__box-arrows {
    max-width: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__box-arrows {
    max-width: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__box-arrows {
    max-width: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__box-arrows {
    max-width: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__box-arrows {
    max-width: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__box-arrows {
    max-width: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__box-arrows {
    max-width: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__box-arrows {
    max-width: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__box-arrows {
    max-width: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__box-arrows {
    max-width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__box-arrows {
    max-width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__box-arrows {
    max-width: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__box-arrows {
    max-width: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__box-arrows {
    max-width: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__box-arrows {
    max-width: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__box-arrows {
    max-width: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__box-arrows {
    max-width: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__box-arrows {
    max-width: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__box-arrows {
    max-width: 472.5px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__box-arrows {
    max-width: 661.5px;
  }
}
@media (max-width: 799px) {
  #newauthentication .margin-top-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .margin-top-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .margin-top-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .margin-top-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .margin-top-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .margin-top-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .margin-top-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .margin-top-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .margin-top-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .margin-top-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .margin-top-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .margin-top-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .margin-top-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .margin-top-20 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newauthentication .auth__slider_text {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newauthentication .auth__slider_text {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newauthentication .auth__slider_text {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newauthentication .auth__slider_text {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newauthentication .auth__slider_text {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newauthentication .auth__slider_text {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newauthentication .auth__slider_text {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newauthentication .auth__slider_text {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newauthentication .auth__slider_text {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newauthentication .auth__slider_text {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newauthentication .auth__slider_text {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newauthentication .auth__slider_text {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newauthentication .auth__slider_text {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newauthentication .auth__slider_text {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newauthentication .auth__slider_text {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newauthentication .auth__slider_text {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newauthentication .auth__slider_text {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newauthentication .auth__slider_text {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newauthentication .auth__slider_text {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #newauthentication .auth__slider_text {
    width: 378px;
  }
}
#newauthentication .auth__slider_text.slider-left {
  text-align: left;
}
#newauthentication .auth__slider_text.slider-right {
  text-align: right;
}
@charset "UTF-8";
.welcome-screen {
  position: fixed; /* Позволяет блоку находиться поверх всех остальных */
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2; /* Выше всех элементов */
  color: white !important;
  font-size: 3em;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Добавляем тень для четкости */
}

.background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.199);
  z-index: 1;
}

.background-video {
  position: fixed; /* Фиксированное положение, чтобы видео было фоном */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Покрывает весь экран */
  z-index: -1; /* Отправляет видео на задний план */
}

.click__enter {
  margin-top: 16vw;
}

.auth {
  /* margin: 0 auto; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 1;
}

/* центрирование всего содержимого формы по середине */
.auth__content,
.auth_details {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://cdn.just-rp.online/cs21750.tw1.ru/src/views/player/newauthentication/images/bg.png);
  background-size: cover;
  background-position: center;
  z-index: -1;
  pointer-events: none;
}

.man-container {
  position: absolute; /* Контейнер привязан к правому нижнему углу */
  bottom: 0;
  right: 0;
  height: 33vw; /* Контейнер имеет высоту 60% от высоты экрана */
  /* margin-top: 14vw; */
}

.man {
  /* background: url(https://cdn.just-rp.online/cs21750.tw1.ru/src/views/player/newauthentication/images/man.png); */
  width: auto;
  height: 100%; /* Высота изображения соответствует высоте контейнера */
  -o-object-fit: contain;
     object-fit: contain; /* Сохраняем пропорции изображения */
  pointer-events: none; /* Изображение не будет перекрывать интерактивные элементы */
}

.athmode1 {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.athmode1 a {
  font-weight: 700;
  font-size: 3vw;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.1vw;
}

.reg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.athmode__reg {
  text-align: right;
}

.button_reg {
  width: 12.5vw;
  height: 3vw;
  /* background: green; */
  border: 0.2vw solid white;
  border-radius: 0.5vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1.5vw;
  transition: all 1s;
}

.button_reg:hover {
  background: white;
  color: black;
}

.button_login {
  width: 12.5vw;
  height: 3vw;
  /* background: green; */
  border: 0.2vw solid white;
  border-radius: 0.5vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 1.5vw;
  transition: all 1s;
}

.button_login:hover {
  background: white;
  color: black;
}

.us, .pass {
  /* margin-left: 9.5vw; */
  display: flex;
  align-items: center;
}

.inputs__auth {
  margin: 1vw auto 0;
  width: 18vw;
}

.inputs__reg div {
  display: flex;
  align-items: center;
}

.auth img {
  width: 1.8vw;
}

.reg img {
  width: 1.8vw;
}

.res img {
  width: 1.8vw;
}

/* .auth .us{
    width: 15vw;
} */
/* ============================================================
   Тема в стиле новой админ-панели /apanel
   палитра: bg #09090b, панель #121214, акцент #8b5cf6 / #7c3aed,
   фуксия-свечение rgba(217,70,239,.12), шрифт заголовков Russo One
   ============================================================ */
/* фон экрана: тёмный + два размытых свечения */
.auth-bg {
  position: fixed;
  inset: 0;
  background: #09090b;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.auth-bg .glow {
  position: absolute;
  width: 60vw;
  height: 60vw;
  border-radius: 50%;
  filter: blur(120px);
}

.auth-bg .g1 {
  top: -20%;
  left: -10%;
  background: rgba(139, 92, 246, 0.18);
}

.auth-bg .g2 {
  bottom: -20%;
  right: -10%;
  background: rgba(217, 70, 239, 0.12);
}

/* форма-карточка — компактная */
.auth {
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 1.5vw 1.8vw;
  box-shadow: 0 0.8vw 2.4vw rgba(0, 0, 0, 0.5);
}

/* заголовок */
.athmode1 {
  gap: 0.15vw;
  margin-bottom: 1.1vw;
}

.athmode1 a {
  font-family: "Russo One", sans-serif;
  font-size: 1.3vw;
  color: #8b5cf6;
  letter-spacing: 0.04em;
}

.athmode1 b {
  font-weight: 400;
  font-size: 0.62vw;
  color: #8a8a93;
  text-transform: uppercase;
  letter-spacing: 0.22em;
}

/* ширина блока полей */
.inputs__auth {
  width: 15vw;
  margin: 0 auto;
}

/* интервалы между полями + отступ иконки */
.inputs__auth .us,
.inputs__auth .pass {
  gap: 0.55vw;
  margin-bottom: 0.6vw;
}

.inputs__auth img {
  width: 0.95vw !important;
}

/* поля ввода: компактные, тёмные, фиолетовый фокус */
.inputs__auth .main__input {
  background: #09090b !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 7px !important;
  height: 2.3vw !important;
  min-height: 0 !important;
  padding: 0 0.7vw !important;
  transition: border-color 0.15s;
}

.inputs__auth .main__input.hover {
  border-color: #8b5cf6 !important;
}

.inputs__auth .main__input_text,
.inputs__auth input {
  color: #f1f5f9;
  font-size: 0.8vw !important;
}

/* кнопка «Войти»: компактная, на всю ширину полей */
.button_login {
  width: 100% !important;
  height: 2.3vw !important;
  margin: 0.9vw 0 0 !important;
  background: #8b5cf6;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-family: "Russo One", sans-serif;
  font-size: 0.8vw;
  letter-spacing: 0.05em;
  transition: background 0.15s, transform 0.1s;
}

.button_login:hover {
  background: #7c3aed;
  color: #fff;
}

.button_login:active {
  transform: scale(0.98);
}

/* кнопка показать/скрыть пароль — маленькая иконка */
.pass {
  position: relative;
}

.pass .main__input {
  padding-right: 1.9vw !important;
}

.pass-toggle {
  position: absolute;
  right: 0.65vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.95vw;
  height: 0.95vw;
  color: #8a8a93;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s;
  z-index: 2;
}

.pass-toggle:hover {
  color: #f1f5f9;
}
.xygrid {
  position: relative;
  line-height: 0.8;
}
@media (max-width: 799px) {
  .xygrid {
    height: 110.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid {
    height: 122.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid {
    height: 158.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid {
    height: 167.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid {
    height: 183.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid {
    height: 171.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid {
    height: 208.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid {
    height: 196px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid {
    height: 232.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid {
    height: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid {
    height: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid {
    height: 306.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid {
    height: 330.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid {
    height: 318.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid {
    height: 306.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid {
    height: 404.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid {
    height: 490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid {
    height: 404.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid {
    height: 551.25px;
  }
}
@media (min-width: 6000px) {
  .xygrid {
    height: 771.75px;
  }
}
.xygrid .top,
.xygrid .bottom,
.xygrid .left,
.xygrid .right {
  text-align: center;
}
@media (max-width: 799px) {
  .xygrid .top {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .top {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .top {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .top {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .top {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .top {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .top {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .top {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .top {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .top {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .top {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .top {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .top {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .top {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  .xygrid .bottom {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .bottom {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .bottom {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .bottom {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .bottom {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .bottom {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .bottom {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .bottom {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .bottom {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .bottom {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .bottom {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .bottom {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .bottom {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .bottom {
    margin-top: 44.1px;
  }
}
.xygrid .r,
.xygrid .l {
  position: absolute;
  text-align: center;
}
@media (max-width: 799px) {
  .xygrid .r,
  .xygrid .l {
    width: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .r,
  .xygrid .l {
    width: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .r,
  .xygrid .l {
    width: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .r,
  .xygrid .l {
    width: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .r,
  .xygrid .l {
    width: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .r,
  .xygrid .l {
    width: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .r,
  .xygrid .l {
    width: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .r,
  .xygrid .l {
    width: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .r,
  .xygrid .l {
    width: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .r,
  .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .r,
  .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .r,
  .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .r,
  .xygrid .l {
    width: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .r,
  .xygrid .l {
    width: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .r,
  .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .r,
  .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .r,
  .xygrid .l {
    width: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .r,
  .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .r,
  .xygrid .l {
    width: 184.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .r,
  .xygrid .l {
    width: 258.3px;
  }
}
@media (max-width: 799px) {
  .xygrid .r,
  .xygrid .l {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .r,
  .xygrid .l {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .r,
  .xygrid .l {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .r,
  .xygrid .l {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .r,
  .xygrid .l {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .r,
  .xygrid .l {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .r,
  .xygrid .l {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .r,
  .xygrid .l {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .r,
  .xygrid .l {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .r,
  .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .r,
  .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .r,
  .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .r,
  .xygrid .l {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .r,
  .xygrid .l {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .r,
  .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .r,
  .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .r,
  .xygrid .l {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .r,
  .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .r,
  .xygrid .l {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  .xygrid .r,
  .xygrid .l {
    height: 50.4px;
  }
}
.xygrid .r {
  left: 0;
  transform: rotate(-90deg);
}
@media (max-width: 799px) {
  .xygrid .r {
    top: 50.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .r {
    top: 56px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .r {
    top: 72.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .r {
    top: 76.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .r {
    top: 84px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .r {
    top: 78.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .r {
    top: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .r {
    top: 89.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .r {
    top: 106.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .r {
    top: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .r {
    top: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .r {
    top: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .r {
    top: 151.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .r {
    top: 145.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .r {
    top: 140px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .r {
    top: 184.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .r {
    top: 224px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .r {
    top: 184.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .r {
    top: 252px;
  }
}
@media (min-width: 6000px) {
  .xygrid .r {
    top: 352.8px;
  }
}
@media (max-width: 799px) {
  .xygrid .r {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .r {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .r {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .r {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .r {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .r {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .r {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .r {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .r {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .r {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .r {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .r {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .r {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .r {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .r {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .r {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .r {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .r {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .r {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .r {
    margin-left: 31.5px;
  }
}
.xygrid .l {
  right: 0;
  transform: rotate(90deg);
}
@media (max-width: 799px) {
  .xygrid .l {
    top: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .l {
    top: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .l {
    top: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .l {
    top: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .l {
    top: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .l {
    top: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .l {
    top: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .l {
    top: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .l {
    top: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .l {
    top: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .l {
    top: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .l {
    top: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .l {
    top: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .l {
    top: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .l {
    top: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .l {
    top: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .l {
    top: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .l {
    top: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .l {
    top: 247.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .l {
    top: 346.5px;
  }
}
@media (max-width: 799px) {
  .xygrid .l {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .l {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .l {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .l {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .l {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .l {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .l {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .l {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .l {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .l {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .l {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .l {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .l {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .l {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .l {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .l {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .l {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .l {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .l {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid .l {
    margin-right: 31.5px;
  }
}
.xygrid.small .r {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  .xygrid.small .r {
    top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small .r {
    top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small .r {
    top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small .r {
    top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small .r {
    top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small .r {
    top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small .r {
    top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small .r {
    top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small .r {
    top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small .r {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small .r {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small .r {
    top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small .r {
    top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small .r {
    top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small .r {
    top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small .r {
    top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small .r {
    top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small .r {
    top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small .r {
    top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small .r {
    top: 47.25px;
  }
}
@media (max-width: 799px) {
  .xygrid.small .r {
    margin-left: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small .r {
    margin-left: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small .r {
    margin-left: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small .r {
    margin-left: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small .r {
    margin-left: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small .r {
    margin-left: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small .r {
    margin-left: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small .r {
    margin-left: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small .r {
    margin-left: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small .r {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small .r {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small .r {
    margin-left: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small .r {
    margin-left: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small .r {
    margin-left: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small .r {
    margin-left: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small .r {
    margin-left: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small .r {
    margin-left: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small .r {
    margin-left: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small .r {
    margin-left: -22.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small .r {
    margin-left: -31.5px;
  }
}
.xygrid.small .l {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  .xygrid.small .l {
    top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small .l {
    top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small .l {
    top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small .l {
    top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small .l {
    top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small .l {
    top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small .l {
    top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small .l {
    top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small .l {
    top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small .l {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small .l {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small .l {
    top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small .l {
    top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small .l {
    top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small .l {
    top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small .l {
    top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small .l {
    top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small .l {
    top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small .l {
    top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small .l {
    top: 47.25px;
  }
}
@media (max-width: 799px) {
  .xygrid.small .l {
    margin-right: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small .l {
    margin-right: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small .l {
    margin-right: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small .l {
    margin-right: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small .l {
    margin-right: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small .l {
    margin-right: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small .l {
    margin-right: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small .l {
    margin-right: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small .l {
    margin-right: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small .l {
    margin-right: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small .l {
    margin-right: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small .l {
    margin-right: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small .l {
    margin-right: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small .l {
    margin-right: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small .l {
    margin-right: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small .l {
    margin-right: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small .l {
    margin-right: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small .l {
    margin-right: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small .l {
    margin-right: -22.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small .l {
    margin-right: -31.5px;
  }
}
.xygrid .grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-image: url(/src/views/player/newauthentication/chars/create/elements/characteristics/selector/img/GridBig.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .xygrid .grid {
    width: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .grid {
    width: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .grid {
    width: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .grid {
    width: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .grid {
    width: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .grid {
    width: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .grid {
    width: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .grid {
    width: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .grid {
    width: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .grid {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .grid {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .grid {
    width: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .grid {
    width: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .grid {
    width: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .grid {
    width: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .grid {
    width: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .grid {
    width: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .grid {
    width: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .grid {
    width: 434.25px;
  }
}
@media (min-width: 6000px) {
  .xygrid .grid {
    width: 607.95px;
  }
}
@media (max-width: 799px) {
  .xygrid .grid {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .grid {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .grid {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .grid {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .grid {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .grid {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .grid {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .grid {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .grid {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .grid {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .grid {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .grid {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .grid {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .grid {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .grid {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .grid {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .grid {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .grid {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .grid {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  .xygrid .grid {
    height: 607.95px;
  }
}
@media (max-width: 799px) {
  .xygrid.small {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small {
    height: 132.3px;
  }
}
.xygrid.small .grid {
  background: url(/src/views/player/newauthentication/chars/create/elements/characteristics/selector/img/Grid.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .xygrid.small .grid {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid.small .grid {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid.small .grid {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid.small .grid {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid.small .grid {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid.small .grid {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid.small .grid {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid.small .grid {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid.small .grid {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid.small .grid {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid.small .grid {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid.small .grid {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid.small .grid {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid.small .grid {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid.small .grid {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid.small .grid {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid.small .grid {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid.small .grid {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid.small .grid {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  .xygrid.small .grid {
    height: 132.3px;
  }
}
.xygrid .grid .point {
  position: absolute;
  left: 0;
  top: 0;
  background: #D33437;
  border-radius: 50%;
}
@media (max-width: 799px) {
  .xygrid .grid .point {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .grid .point {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .grid .point {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .grid .point {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .grid .point {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .grid .point {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .grid .point {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .grid .point {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .grid .point {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .grid .point {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .grid .point {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .grid .point {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .grid .point {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .grid .point {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .grid .point {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .grid .point {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .grid .point {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .grid .point {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .grid .point {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  .xygrid .grid .point {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  .xygrid .grid .point {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .xygrid .grid .point {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .xygrid .grid .point {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .xygrid .grid .point {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .xygrid .grid .point {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .xygrid .grid .point {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .xygrid .grid .point {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .xygrid .grid .point {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .xygrid .grid .point {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .xygrid .grid .point {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .xygrid .grid .point {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .xygrid .grid .point {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .xygrid .grid .point {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .xygrid .grid .point {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .xygrid .grid .point {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .xygrid .grid .point {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .xygrid .grid .point {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .xygrid .grid .point {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .xygrid .grid .point {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  .xygrid .grid .point {
    height: 50.4px;
  }
}
.popup__newhud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    line-height: 59.85px;
  }
}
.popup__newhud .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    max-width: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    max-width: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    max-width: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    max-width: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    max-width: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    max-width: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    max-width: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    max-width: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    max-width: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    max-width: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    max-width: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1260px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1764px;
  }
}
.popup__newhud .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    max-height: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    max-height: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    max-height: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    max-height: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    max-height: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    max-height: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    max-height: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    max-height: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    max-height: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1800px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    max-height: 2520px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
.popup__newhud_boxinput {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput {
    line-height: 59.85px;
  }
}
.popup__newhud_boxinput .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 237.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 264px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 340.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 361.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 396px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 369.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 448.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 422.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 501.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 528px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 528px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 712.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 686.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 871.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 871.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1188px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1663.2px;
  }
}
.popup__newhud_boxinput .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud_boxinput .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud_boxinput .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud_boxinput .popup__newhud_text {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 1417.5px;
  }
}
.popup__newhud_boxinput .popup__newhud_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 59.85px;
  }
}
.popup__newhud_boxinput .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud_boxinput .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__select_elements {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 212.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 236px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 304.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 323.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 354px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 330.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 401.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 377.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 448.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 472px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 472px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 590px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 637.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 613.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 590px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 778.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 778.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 1062px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 1486.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
  background: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements .popup__select_element {
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  font-weight: normal;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 25.2px;
  }
}
.popup__newhud_boxinput .popup__select_elements .popup__select_element:hover, .popup__newhud_boxinput .popup__select_elements .popup__select_element.active {
  background: rgba(255, 255, 255, 0.15);
}
.popup__newhud_boxinput .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud_boxinput .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popups-auth {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups-auth .progress progress[value="0"] + .progress-value:before {
  content: "0%";
}
.popups-auth .progress progress[value="0"] ~ .progress-bg .progress-bar {
  width: 0%;
}
.popups-auth .progress progress[value="1"] + .progress-value:before {
  content: "1%";
}
.popups-auth .progress progress[value="1"] ~ .progress-bg .progress-bar {
  width: 1%;
}
.popups-auth .progress progress[value="2"] + .progress-value:before {
  content: "2%";
}
.popups-auth .progress progress[value="2"] ~ .progress-bg .progress-bar {
  width: 2%;
}
.popups-auth .progress progress[value="3"] + .progress-value:before {
  content: "3%";
}
.popups-auth .progress progress[value="3"] ~ .progress-bg .progress-bar {
  width: 3%;
}
.popups-auth .progress progress[value="4"] + .progress-value:before {
  content: "4%";
}
.popups-auth .progress progress[value="4"] ~ .progress-bg .progress-bar {
  width: 4%;
}
.popups-auth .progress progress[value="5"] + .progress-value:before {
  content: "5%";
}
.popups-auth .progress progress[value="5"] ~ .progress-bg .progress-bar {
  width: 5%;
}
.popups-auth .progress progress[value="6"] + .progress-value:before {
  content: "6%";
}
.popups-auth .progress progress[value="6"] ~ .progress-bg .progress-bar {
  width: 6%;
}
.popups-auth .progress progress[value="7"] + .progress-value:before {
  content: "7%";
}
.popups-auth .progress progress[value="7"] ~ .progress-bg .progress-bar {
  width: 7%;
}
.popups-auth .progress progress[value="8"] + .progress-value:before {
  content: "8%";
}
.popups-auth .progress progress[value="8"] ~ .progress-bg .progress-bar {
  width: 8%;
}
.popups-auth .progress progress[value="9"] + .progress-value:before {
  content: "9%";
}
.popups-auth .progress progress[value="9"] ~ .progress-bg .progress-bar {
  width: 9%;
}
.popups-auth .progress progress[value="10"] + .progress-value:before {
  content: "10%";
}
.popups-auth .progress progress[value="10"] ~ .progress-bg .progress-bar {
  width: 10%;
}
.popups-auth .progress progress[value="11"] + .progress-value:before {
  content: "11%";
}
.popups-auth .progress progress[value="11"] ~ .progress-bg .progress-bar {
  width: 11%;
}
.popups-auth .progress progress[value="12"] + .progress-value:before {
  content: "12%";
}
.popups-auth .progress progress[value="12"] ~ .progress-bg .progress-bar {
  width: 12%;
}
.popups-auth .progress progress[value="13"] + .progress-value:before {
  content: "13%";
}
.popups-auth .progress progress[value="13"] ~ .progress-bg .progress-bar {
  width: 13%;
}
.popups-auth .progress progress[value="14"] + .progress-value:before {
  content: "14%";
}
.popups-auth .progress progress[value="14"] ~ .progress-bg .progress-bar {
  width: 14%;
}
.popups-auth .progress progress[value="15"] + .progress-value:before {
  content: "15%";
}
.popups-auth .progress progress[value="15"] ~ .progress-bg .progress-bar {
  width: 15%;
}
.popups-auth .progress progress[value="16"] + .progress-value:before {
  content: "16%";
}
.popups-auth .progress progress[value="16"] ~ .progress-bg .progress-bar {
  width: 16%;
}
.popups-auth .progress progress[value="17"] + .progress-value:before {
  content: "17%";
}
.popups-auth .progress progress[value="17"] ~ .progress-bg .progress-bar {
  width: 17%;
}
.popups-auth .progress progress[value="18"] + .progress-value:before {
  content: "18%";
}
.popups-auth .progress progress[value="18"] ~ .progress-bg .progress-bar {
  width: 18%;
}
.popups-auth .progress progress[value="19"] + .progress-value:before {
  content: "19%";
}
.popups-auth .progress progress[value="19"] ~ .progress-bg .progress-bar {
  width: 19%;
}
.popups-auth .progress progress[value="20"] + .progress-value:before {
  content: "20%";
}
.popups-auth .progress progress[value="20"] ~ .progress-bg .progress-bar {
  width: 20%;
}
.popups-auth .progress progress[value="21"] + .progress-value:before {
  content: "21%";
}
.popups-auth .progress progress[value="21"] ~ .progress-bg .progress-bar {
  width: 21%;
}
.popups-auth .progress progress[value="22"] + .progress-value:before {
  content: "22%";
}
.popups-auth .progress progress[value="22"] ~ .progress-bg .progress-bar {
  width: 22%;
}
.popups-auth .progress progress[value="23"] + .progress-value:before {
  content: "23%";
}
.popups-auth .progress progress[value="23"] ~ .progress-bg .progress-bar {
  width: 23%;
}
.popups-auth .progress progress[value="24"] + .progress-value:before {
  content: "24%";
}
.popups-auth .progress progress[value="24"] ~ .progress-bg .progress-bar {
  width: 24%;
}
.popups-auth .progress progress[value="25"] + .progress-value:before {
  content: "25%";
}
.popups-auth .progress progress[value="25"] ~ .progress-bg .progress-bar {
  width: 25%;
}
.popups-auth .progress progress[value="26"] + .progress-value:before {
  content: "26%";
}
.popups-auth .progress progress[value="26"] ~ .progress-bg .progress-bar {
  width: 26%;
}
.popups-auth .progress progress[value="27"] + .progress-value:before {
  content: "27%";
}
.popups-auth .progress progress[value="27"] ~ .progress-bg .progress-bar {
  width: 27%;
}
.popups-auth .progress progress[value="28"] + .progress-value:before {
  content: "28%";
}
.popups-auth .progress progress[value="28"] ~ .progress-bg .progress-bar {
  width: 28%;
}
.popups-auth .progress progress[value="29"] + .progress-value:before {
  content: "29%";
}
.popups-auth .progress progress[value="29"] ~ .progress-bg .progress-bar {
  width: 29%;
}
.popups-auth .progress progress[value="30"] + .progress-value:before {
  content: "30%";
}
.popups-auth .progress progress[value="30"] ~ .progress-bg .progress-bar {
  width: 30%;
}
.popups-auth .progress progress[value="31"] + .progress-value:before {
  content: "31%";
}
.popups-auth .progress progress[value="31"] ~ .progress-bg .progress-bar {
  width: 31%;
}
.popups-auth .progress progress[value="32"] + .progress-value:before {
  content: "32%";
}
.popups-auth .progress progress[value="32"] ~ .progress-bg .progress-bar {
  width: 32%;
}
.popups-auth .progress progress[value="33"] + .progress-value:before {
  content: "33%";
}
.popups-auth .progress progress[value="33"] ~ .progress-bg .progress-bar {
  width: 33%;
}
.popups-auth .progress progress[value="34"] + .progress-value:before {
  content: "34%";
}
.popups-auth .progress progress[value="34"] ~ .progress-bg .progress-bar {
  width: 34%;
}
.popups-auth .progress progress[value="35"] + .progress-value:before {
  content: "35%";
}
.popups-auth .progress progress[value="35"] ~ .progress-bg .progress-bar {
  width: 35%;
}
.popups-auth .progress progress[value="36"] + .progress-value:before {
  content: "36%";
}
.popups-auth .progress progress[value="36"] ~ .progress-bg .progress-bar {
  width: 36%;
}
.popups-auth .progress progress[value="37"] + .progress-value:before {
  content: "37%";
}
.popups-auth .progress progress[value="37"] ~ .progress-bg .progress-bar {
  width: 37%;
}
.popups-auth .progress progress[value="38"] + .progress-value:before {
  content: "38%";
}
.popups-auth .progress progress[value="38"] ~ .progress-bg .progress-bar {
  width: 38%;
}
.popups-auth .progress progress[value="39"] + .progress-value:before {
  content: "39%";
}
.popups-auth .progress progress[value="39"] ~ .progress-bg .progress-bar {
  width: 39%;
}
.popups-auth .progress progress[value="40"] + .progress-value:before {
  content: "40%";
}
.popups-auth .progress progress[value="40"] ~ .progress-bg .progress-bar {
  width: 40%;
}
.popups-auth .progress progress[value="41"] + .progress-value:before {
  content: "41%";
}
.popups-auth .progress progress[value="41"] ~ .progress-bg .progress-bar {
  width: 41%;
}
.popups-auth .progress progress[value="42"] + .progress-value:before {
  content: "42%";
}
.popups-auth .progress progress[value="42"] ~ .progress-bg .progress-bar {
  width: 42%;
}
.popups-auth .progress progress[value="43"] + .progress-value:before {
  content: "43%";
}
.popups-auth .progress progress[value="43"] ~ .progress-bg .progress-bar {
  width: 43%;
}
.popups-auth .progress progress[value="44"] + .progress-value:before {
  content: "44%";
}
.popups-auth .progress progress[value="44"] ~ .progress-bg .progress-bar {
  width: 44%;
}
.popups-auth .progress progress[value="45"] + .progress-value:before {
  content: "45%";
}
.popups-auth .progress progress[value="45"] ~ .progress-bg .progress-bar {
  width: 45%;
}
.popups-auth .progress progress[value="46"] + .progress-value:before {
  content: "46%";
}
.popups-auth .progress progress[value="46"] ~ .progress-bg .progress-bar {
  width: 46%;
}
.popups-auth .progress progress[value="47"] + .progress-value:before {
  content: "47%";
}
.popups-auth .progress progress[value="47"] ~ .progress-bg .progress-bar {
  width: 47%;
}
.popups-auth .progress progress[value="48"] + .progress-value:before {
  content: "48%";
}
.popups-auth .progress progress[value="48"] ~ .progress-bg .progress-bar {
  width: 48%;
}
.popups-auth .progress progress[value="49"] + .progress-value:before {
  content: "49%";
}
.popups-auth .progress progress[value="49"] ~ .progress-bg .progress-bar {
  width: 49%;
}
.popups-auth .progress progress[value="50"] + .progress-value:before {
  content: "50%";
}
.popups-auth .progress progress[value="50"] ~ .progress-bg .progress-bar {
  width: 50%;
}
.popups-auth .progress progress[value="51"] + .progress-value:before {
  content: "51%";
}
.popups-auth .progress progress[value="51"] ~ .progress-bg .progress-bar {
  width: 51%;
}
.popups-auth .progress progress[value="52"] + .progress-value:before {
  content: "52%";
}
.popups-auth .progress progress[value="52"] ~ .progress-bg .progress-bar {
  width: 52%;
}
.popups-auth .progress progress[value="53"] + .progress-value:before {
  content: "53%";
}
.popups-auth .progress progress[value="53"] ~ .progress-bg .progress-bar {
  width: 53%;
}
.popups-auth .progress progress[value="54"] + .progress-value:before {
  content: "54%";
}
.popups-auth .progress progress[value="54"] ~ .progress-bg .progress-bar {
  width: 54%;
}
.popups-auth .progress progress[value="55"] + .progress-value:before {
  content: "55%";
}
.popups-auth .progress progress[value="55"] ~ .progress-bg .progress-bar {
  width: 55%;
}
.popups-auth .progress progress[value="56"] + .progress-value:before {
  content: "56%";
}
.popups-auth .progress progress[value="56"] ~ .progress-bg .progress-bar {
  width: 56%;
}
.popups-auth .progress progress[value="57"] + .progress-value:before {
  content: "57%";
}
.popups-auth .progress progress[value="57"] ~ .progress-bg .progress-bar {
  width: 57%;
}
.popups-auth .progress progress[value="58"] + .progress-value:before {
  content: "58%";
}
.popups-auth .progress progress[value="58"] ~ .progress-bg .progress-bar {
  width: 58%;
}
.popups-auth .progress progress[value="59"] + .progress-value:before {
  content: "59%";
}
.popups-auth .progress progress[value="59"] ~ .progress-bg .progress-bar {
  width: 59%;
}
.popups-auth .progress progress[value="60"] + .progress-value:before {
  content: "60%";
}
.popups-auth .progress progress[value="60"] ~ .progress-bg .progress-bar {
  width: 60%;
}
.popups-auth .progress progress[value="61"] + .progress-value:before {
  content: "61%";
}
.popups-auth .progress progress[value="61"] ~ .progress-bg .progress-bar {
  width: 61%;
}
.popups-auth .progress progress[value="62"] + .progress-value:before {
  content: "62%";
}
.popups-auth .progress progress[value="62"] ~ .progress-bg .progress-bar {
  width: 62%;
}
.popups-auth .progress progress[value="63"] + .progress-value:before {
  content: "63%";
}
.popups-auth .progress progress[value="63"] ~ .progress-bg .progress-bar {
  width: 63%;
}
.popups-auth .progress progress[value="64"] + .progress-value:before {
  content: "64%";
}
.popups-auth .progress progress[value="64"] ~ .progress-bg .progress-bar {
  width: 64%;
}
.popups-auth .progress progress[value="65"] + .progress-value:before {
  content: "65%";
}
.popups-auth .progress progress[value="65"] ~ .progress-bg .progress-bar {
  width: 65%;
}
.popups-auth .progress progress[value="66"] + .progress-value:before {
  content: "66%";
}
.popups-auth .progress progress[value="66"] ~ .progress-bg .progress-bar {
  width: 66%;
}
.popups-auth .progress progress[value="67"] + .progress-value:before {
  content: "67%";
}
.popups-auth .progress progress[value="67"] ~ .progress-bg .progress-bar {
  width: 67%;
}
.popups-auth .progress progress[value="68"] + .progress-value:before {
  content: "68%";
}
.popups-auth .progress progress[value="68"] ~ .progress-bg .progress-bar {
  width: 68%;
}
.popups-auth .progress progress[value="69"] + .progress-value:before {
  content: "69%";
}
.popups-auth .progress progress[value="69"] ~ .progress-bg .progress-bar {
  width: 69%;
}
.popups-auth .progress progress[value="70"] + .progress-value:before {
  content: "70%";
}
.popups-auth .progress progress[value="70"] ~ .progress-bg .progress-bar {
  width: 70%;
}
.popups-auth .progress progress[value="71"] + .progress-value:before {
  content: "71%";
}
.popups-auth .progress progress[value="71"] ~ .progress-bg .progress-bar {
  width: 71%;
}
.popups-auth .progress progress[value="72"] + .progress-value:before {
  content: "72%";
}
.popups-auth .progress progress[value="72"] ~ .progress-bg .progress-bar {
  width: 72%;
}
.popups-auth .progress progress[value="73"] + .progress-value:before {
  content: "73%";
}
.popups-auth .progress progress[value="73"] ~ .progress-bg .progress-bar {
  width: 73%;
}
.popups-auth .progress progress[value="74"] + .progress-value:before {
  content: "74%";
}
.popups-auth .progress progress[value="74"] ~ .progress-bg .progress-bar {
  width: 74%;
}
.popups-auth .progress progress[value="75"] + .progress-value:before {
  content: "75%";
}
.popups-auth .progress progress[value="75"] ~ .progress-bg .progress-bar {
  width: 75%;
}
.popups-auth .progress progress[value="76"] + .progress-value:before {
  content: "76%";
}
.popups-auth .progress progress[value="76"] ~ .progress-bg .progress-bar {
  width: 76%;
}
.popups-auth .progress progress[value="77"] + .progress-value:before {
  content: "77%";
}
.popups-auth .progress progress[value="77"] ~ .progress-bg .progress-bar {
  width: 77%;
}
.popups-auth .progress progress[value="78"] + .progress-value:before {
  content: "78%";
}
.popups-auth .progress progress[value="78"] ~ .progress-bg .progress-bar {
  width: 78%;
}
.popups-auth .progress progress[value="79"] + .progress-value:before {
  content: "79%";
}
.popups-auth .progress progress[value="79"] ~ .progress-bg .progress-bar {
  width: 79%;
}
.popups-auth .progress progress[value="80"] + .progress-value:before {
  content: "80%";
}
.popups-auth .progress progress[value="80"] ~ .progress-bg .progress-bar {
  width: 80%;
}
.popups-auth .progress progress[value="81"] + .progress-value:before {
  content: "81%";
}
.popups-auth .progress progress[value="81"] ~ .progress-bg .progress-bar {
  width: 81%;
}
.popups-auth .progress progress[value="82"] + .progress-value:before {
  content: "82%";
}
.popups-auth .progress progress[value="82"] ~ .progress-bg .progress-bar {
  width: 82%;
}
.popups-auth .progress progress[value="83"] + .progress-value:before {
  content: "83%";
}
.popups-auth .progress progress[value="83"] ~ .progress-bg .progress-bar {
  width: 83%;
}
.popups-auth .progress progress[value="84"] + .progress-value:before {
  content: "84%";
}
.popups-auth .progress progress[value="84"] ~ .progress-bg .progress-bar {
  width: 84%;
}
.popups-auth .progress progress[value="85"] + .progress-value:before {
  content: "85%";
}
.popups-auth .progress progress[value="85"] ~ .progress-bg .progress-bar {
  width: 85%;
}
.popups-auth .progress progress[value="86"] + .progress-value:before {
  content: "86%";
}
.popups-auth .progress progress[value="86"] ~ .progress-bg .progress-bar {
  width: 86%;
}
.popups-auth .progress progress[value="87"] + .progress-value:before {
  content: "87%";
}
.popups-auth .progress progress[value="87"] ~ .progress-bg .progress-bar {
  width: 87%;
}
.popups-auth .progress progress[value="88"] + .progress-value:before {
  content: "88%";
}
.popups-auth .progress progress[value="88"] ~ .progress-bg .progress-bar {
  width: 88%;
}
.popups-auth .progress progress[value="89"] + .progress-value:before {
  content: "89%";
}
.popups-auth .progress progress[value="89"] ~ .progress-bg .progress-bar {
  width: 89%;
}
.popups-auth .progress progress[value="90"] + .progress-value:before {
  content: "90%";
}
.popups-auth .progress progress[value="90"] ~ .progress-bg .progress-bar {
  width: 90%;
}
.popups-auth .progress progress[value="91"] + .progress-value:before {
  content: "91%";
}
.popups-auth .progress progress[value="91"] ~ .progress-bg .progress-bar {
  width: 91%;
}
.popups-auth .progress progress[value="92"] + .progress-value:before {
  content: "92%";
}
.popups-auth .progress progress[value="92"] ~ .progress-bg .progress-bar {
  width: 92%;
}
.popups-auth .progress progress[value="93"] + .progress-value:before {
  content: "93%";
}
.popups-auth .progress progress[value="93"] ~ .progress-bg .progress-bar {
  width: 93%;
}
.popups-auth .progress progress[value="94"] + .progress-value:before {
  content: "94%";
}
.popups-auth .progress progress[value="94"] ~ .progress-bg .progress-bar {
  width: 94%;
}
.popups-auth .progress progress[value="95"] + .progress-value:before {
  content: "95%";
}
.popups-auth .progress progress[value="95"] ~ .progress-bg .progress-bar {
  width: 95%;
}
.popups-auth .progress progress[value="96"] + .progress-value:before {
  content: "96%";
}
.popups-auth .progress progress[value="96"] ~ .progress-bg .progress-bar {
  width: 96%;
}
.popups-auth .progress progress[value="97"] + .progress-value:before {
  content: "97%";
}
.popups-auth .progress progress[value="97"] ~ .progress-bg .progress-bar {
  width: 97%;
}
.popups-auth .progress progress[value="98"] + .progress-value:before {
  content: "98%";
}
.popups-auth .progress progress[value="98"] ~ .progress-bg .progress-bar {
  width: 98%;
}
.popups-auth .progress progress[value="99"] + .progress-value:before {
  content: "99%";
}
.popups-auth .progress progress[value="99"] ~ .progress-bg .progress-bar {
  width: 99%;
}
.popups-auth .progress progress[value="100"] + .progress-value:before {
  content: "100%";
}
.popups-auth .progress progress[value="100"] ~ .progress-bg .progress-bar {
  width: 100%;
}
.popups-auth .progress {
  font: 12px Arial, Tahoma, sans-serif;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.popups-auth .progress progress {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -777px;
}
.popups-auth .progress .progress-value {
  color: white;
  display: block;
  line-height: 21px;
  text-align: center;
}
.popups-auth .progress .progress-bg {
  background: #e6e9ed;
  position: relative;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
}
@keyframes progress_bar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -40px 0;
  }
}
.popups-auth .progress .progress-bar {
  overflow: hidden;
  background: #D33437;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  transition: width 1s linear;
}
.popups-auth .progress .progress-bar:after {
  animation: progress_bar 0.8s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popups-auth .box-auth {
  background: rgba(27, 30, 40, 0.9);
  height: -moz-fit-content;
  height: fit-content;
  transition: max-height 0.7s;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  color: white;
}
@media (max-width: 799px) {
  .popups-auth .box-auth {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth {
    width: 234.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth {
    width: 261px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth {
    width: 336.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth {
    width: 357.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth {
    width: 391.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth {
    width: 365.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth {
    width: 443.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth {
    width: 417.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth {
    width: 495.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth {
    width: 652.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth {
    width: 704.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth {
    width: 678.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth {
    width: 652.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    width: 861.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    width: 1044px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    width: 861.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    width: 1174.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth {
    width: 1644.3px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth {
    padding: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth {
    padding: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth {
    padding: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth {
    padding: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth {
    padding: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth {
    padding: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth {
    padding: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth {
    padding: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth {
    padding: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth {
    padding: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth {
    padding: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth {
    padding: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth {
    padding: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth {
    padding: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth {
    padding: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    padding: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    padding: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    padding: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    padding: 76.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth {
    padding: 107.1px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .title {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .title {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .title {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .title {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .title {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .title {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .title {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .title {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .title {
    margin-bottom: 47.25px;
  }
}
.popups-auth .box-auth .button {
  text-align: center;
}
.popups-auth .box-auth .button .btn {
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
  transition: all ease 0.1s;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  .popups-auth .box-auth .button .btn {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .button .btn {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .button .btn {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .button .btn {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .button .btn {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .button .btn {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .button .btn {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .button .btn {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .button .btn {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .button .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .button .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .button .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .button .btn {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .button .btn {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .button .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .button .btn {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .button .btn {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .button .btn {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .button .btn {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .button .btn {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .button .btn {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .button .btn {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .button .btn {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .button .btn {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .button .btn {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .button .btn {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .button .btn {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .button .btn {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .button .btn {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .button .btn {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .button .btn {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .button .btn {
    height: 166.95px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .button .btn {
    width: 69.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .button .btn {
    width: 77.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .button .btn {
    width: 99.975px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .button .btn {
    width: 106.175px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .button .btn {
    width: 116.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .button .btn {
    width: 108.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .button .btn {
    width: 131.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .button .btn {
    width: 124px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .button .btn {
    width: 147.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .button .btn {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .button .btn {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .button .btn {
    width: 193.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .button .btn {
    width: 209.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .button .btn {
    width: 201.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .button .btn {
    width: 193.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    width: 255.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    width: 310px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    width: 255.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    width: 348.75px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .button .btn {
    width: 488.25px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .button .btn {
    border-radius: 12.6px;
  }
}
.popups-auth .box-auth .button .btn.red {
  background: rgba(231, 29, 54, 0.1);
  border: 1px solid rgba(231, 29, 54, 0.7);
}
.popups-auth .box-auth .button .btn.red:hover {
  background: rgba(231, 29, 54, 0.7);
}
.popups-auth .box-auth .button .btn.green {
  border: 1px solid rgba(43, 182, 168, 0.7);
  background: rgba(43, 182, 168, 0.1);
}
.popups-auth .box-auth .button .btn.green:hover {
  background: rgba(43, 182, 168, 0.7);
}
@media (max-width: 799px) {
  .popups-auth .box-auth .button .btn.big {
    width: 110.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .button .btn.big {
    width: 122.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .button .btn.big {
    width: 158.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .button .btn.big {
    width: 167.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .button .btn.big {
    width: 183.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .button .btn.big {
    width: 171.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .button .btn.big {
    width: 208.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .button .btn.big {
    width: 196px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .button .btn.big {
    width: 232.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .button .btn.big {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .button .btn.big {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .button .btn.big {
    width: 306.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .button .btn.big {
    width: 330.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .button .btn.big {
    width: 318.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .button .btn.big {
    width: 306.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn.big {
    width: 404.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn.big {
    width: 490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .button .btn.big {
    width: 404.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .button .btn.big {
    width: 551.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .button .btn.big {
    width: 771.75px;
  }
}
.popups-auth .box-auth .button .btn.w-100 {
  width: 100%;
}
.popups-auth .box-auth form {
  width: 100%;
}
.popups-auth .box-auth .container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container {
    padding-left: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container {
    padding-left: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container {
    padding-left: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container {
    padding-left: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container {
    padding-left: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container {
    padding-left: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container {
    padding-left: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container {
    padding-left: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container {
    padding-left: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container {
    padding-left: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container {
    padding-left: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container {
    padding-left: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container {
    padding-left: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    padding-left: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    padding-left: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    padding-left: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    padding-left: 78.75px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container {
    padding-left: 110.25px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container {
    font-size: 69.3px;
  }
}
.popups-auth .box-auth .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.popups-auth .box-auth .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  .popups-auth .box-auth .checkmark {
    height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .checkmark {
    height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .checkmark {
    height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .checkmark {
    height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .checkmark {
    height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .checkmark {
    height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .checkmark {
    height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .checkmark {
    height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .checkmark {
    height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .checkmark {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .checkmark {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .checkmark {
    height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .checkmark {
    height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .checkmark {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .checkmark {
    height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .checkmark {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .checkmark {
    height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .checkmark {
    height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .checkmark {
    height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .checkmark {
    height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .checkmark {
    width: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .checkmark {
    width: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .checkmark {
    width: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .checkmark {
    width: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .checkmark {
    width: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .checkmark {
    width: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .checkmark {
    width: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .checkmark {
    width: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .checkmark {
    width: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .checkmark {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .checkmark {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .checkmark {
    width: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .checkmark {
    width: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .checkmark {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .checkmark {
    width: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .checkmark {
    width: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .checkmark {
    width: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .checkmark {
    width: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .checkmark {
    width: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .checkmark {
    width: 78.75px;
  }
}
.popups-auth .box-auth .container:hover input ~ .checkmark {
  border-color: rgba(255, 255, 255, 0.7);
}
.popups-auth .box-auth .container input:checked ~ .checkmark {
  background-color: rgba(231, 29, 54, 0.1);
}
.popups-auth .box-auth .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.popups-auth .box-auth .container input:checked ~ .checkmark:after {
  display: block;
}
.popups-auth .box-auth .container .checkmark:after {
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 20.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container .checkmark:after {
    left: 28.35px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container .checkmark:after {
    top: 15.75px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container .checkmark:after {
    width: 15.75px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .container .checkmark:after {
    height: 31.5px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 76.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input.last {
    margin-bottom: 107.1px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input.rw {
    margin-bottom: 72.45px;
  }
}
.popups-auth .box-auth .label-input input {
  font-weight: bold;
  background-repeat: no-repeat;
  background-color: transparent;
  font-family: "TTNorms-Regular";
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  text-align: center;
  line-height: 21px;
  transition: all ease 0.2s;
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input input {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input input {
    height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input input {
    height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input input {
    height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input input {
    height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input input {
    height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input input {
    height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input input {
    height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input input {
    height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input input {
    height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input input {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input input {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input input {
    height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input input {
    height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input input {
    height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input input {
    height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    height: 128.25px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input input {
    height: 179.55px;
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input input {
    border: 0.45px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input input {
    border: 0.5px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input input {
    border: 0.645px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input input {
    border: 0.685px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input input {
    border: 0.75px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input input {
    border: 0.7px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input input {
    border: 0.85px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input input {
    border: 0.8px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input input {
    border: 0.95px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input input {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input input {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input input {
    border: 1.25px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input input {
    border: 1.35px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input input {
    border: 1.3px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input input {
    border: 1.25px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    border: 1.65px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    border: 2px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    border: 1.65px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    border: 2.25px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input input {
    border: 3.15px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 799px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popups-auth .box-auth .label-input input {
    border-radius: 18.9px;
  }
}
.popups-auth .box-auth .label-input input:invalid {
  box-shadow: none;
}
.popups-auth .box-auth .label-input input:focus {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}
.popups-auth .box-auth .label-input input::-moz-placeholder {
  opacity: 1;
  color: #C1C1C1;
}
.popups-auth .box-auth .label-input input::placeholder {
  opacity: 1;
  color: #C1C1C1;
}
.popups-auth .box-auth .label-input input:hover:not(.popups-auth .box-auth .label-input input:focus) {
  color: rgba(255, 255, 255, 0.8);
}
.atmhaxzer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.atmhaxzer .atmmenu {
  width: 100.3704vh;
  height: 66.6667vh;
  background: url(https://cdn.just-rp.online/imgur.com/LhOh0yA.png);
  display: flex;
  background-size: cover;
  align-items: flex-start;
  justify-content: flex-start;
}

.atmhaxzer .atmmenu .leftmenu {
  width: 48.5185vh;
  height: 42.5926vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 13.8889vh;
  margin-top: 13.8889vh;
}

.atmhaxzer .atmmenu .rightmenu {
  width: 24.0741vh;
  height: 42.5926vh;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 13.8889vh;
}

.atmhaxzer .atmmenu .leftmenu .blockmenu {
  width: 24.0741vh;
  height: 13.8889vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.01);
  margin-bottom: 0.463vh;
}

.atmhaxzer .atmmenu .leftmenu .blockmenu p {
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0667vh;
}

.atmhaxzer .atmmenu .rightmenu h1 {
  color: #FFF;
  font-family: "SF Pro Display";
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0667vh;
  margin-right: auto;
  margin-top: 1.5741vh;
  margin-left: 2.1296vh;
  margin-bottom: 2.5vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: auto;
  margin-left: 2.1296vh;
  margin-bottom: 1.1111vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun p {
  color: rgba(255, 255, 255, 0.4);
  font-family: "SF Pro Display";
  font-size: 1.1111vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0444vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun span {
  color: #FFF;
  font-family: "SF Pro Display";
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0667vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm {
  width: 19.7374vh;
  height: 11.6667vh;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: url(https://cdn.just-rp.online/imgur.com/7HcjHCa.png);
  background-size: cover;
  margin-top: 1.0185vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm h1 {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0667vh;
  margin: 0;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm p {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.1111vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.4333vh;
  text-transform: uppercase;
  margin-top: 1.1111vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm .dopinfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.037vh;
  margin-top: 1.4815vh;
  margin-bottom: 0.6481vh;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm .dopinfo p {
  color: #FFF;
  font-family: "SF Pro Display";
  font-size: 0.9259vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0926vh;
  text-transform: uppercase;
  margin-top: 0;
}

.atmhaxzer .atmmenu .rightmenu .infomeun .cardatm .dopinfo svg {
  width: 2.6852vh;
  height: 2.6852vh;
}

.atmhaxzer .atmmenu .atmopp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}

.atmhaxzer .atmmenu .atmopp h1 {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 2.2222vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0667vh;
}

.atmhaxzer .atmmenu .atmopp .balanccard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5741vh;
}

.atmhaxzer .atmmenu .atmopp .inputmoney {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.5741vh;
}

.atmhaxzer .atmmenu .atmopp .dopopp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.9444vh;
}

.atmhaxzer .atmmenu .atmopp .atmbtn {
  width: 31.6667vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 0.8333vh;
}

.atmhaxzer .atmmenu .atmopp .balanccard p {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.3889vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0417vh;
}

.atmhaxzer .atmmenu .atmopp .balanccard span {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 2.2222vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0667vh;
  margin-top: 1.0185vh;
}

.atmhaxzer .atmmenu .atmopp .inputmoney p {
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0389vh;
}

.atmhaxzer .atmmenu .atmopp .inputmoney input {
  width: 31.6667vh;
  height: 5vh;
  background: rgba(0, 0, 0, 0.2);
  border: none;
  margin-top: 0.9259vh;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 2.2222vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0667vh;
  align-content: center;
}

.atmhaxzer .atmmenu .atmopp .dopopp p {
  color: rgba(255, 255, 255, 0.4);
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0389vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 31.6667vh;
  margin-bottom: 1.0185vh;
}

.atmhaxzer .atmmenu .atmopp .dopopp p b {
  color: #FFF;
  text-align: right;
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0389vh;
  margin-left: auto;
}

.atmhaxzer .atmmenu .atmopp .atmbtn .btnopp {
  width: 15.7407vh;
  height: 4.537vh;
  border-radius: 0.2778vh;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
}

.atmhaxzer .atmmenu .atmopp .atmbtn .btnopp p {
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0389vh;
}

.atmhaxzer p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.atmhaxzer .atmmenu .leftmenu .blockmenu:hover {
  background: rgba(255, 255, 255, 0.03);
}

.atmhaxzer .atmmenu .leftmenu .blockmenu:hover p {
  color: #fff;
}

.atmhaxzer .atmmenu .atmopp .atmbtn .btnopp:hover {
  background: #FFF;
}

.atmhaxzer .atmmenu .atmopp .atmbtn .btnopp:hover p {
  color: #000;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/atm/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/player/atm/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/player/atm/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@charset "UTF-8";
.binder-box {
  display: flex;
  overflow: hidden;
  min-height: 100%;
  width: 100%;
  color: #fff;
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
}

.binder-box .binder-bg {
  width: 30%;
  overflow: hidden;
  overflow-y: scroll;
  height: 600px;
  padding-right: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 20px;
  border-radius: 5px;
}

.binder-box .binder-bg::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.binder-box .binder-bg::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}

.universal_menu .md.sett .title {
  width: 100%;
  padding-left: 18px;
  padding-top: 7px;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 27px;
}

/* Handle */
.binder-box .binder-bg::-webkit-scrollbar-thumb {
  background: #D33437;
  border-radius: 10px;
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.binder-button {
  background: rgba(211, 52, 55, 0.6);
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
  transition: all 0.1s ease-in;
  padding: 8px;
  cursor: pointer;
}

.binder-button:hover {
  background: white;
  color: black;
}

.binder-button-close {
  position: absolute;
  top: -14px;
  right: -14px;
  background: #c8494b;
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.1s ease-in;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  cursor: pointer;
}

.binder-button-close:hover {
  background: rgba(211, 52, 55, 0.9);
}

.binder-box .key-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 5px;
}

.binder-box .key-box .key {
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  cursor: pointer;
}

.binder-box .key-box .key.active {
  background: #D33437;
}

.rd-body-inventory-donate {
  background: rgba(0, 0, 0, 0.4);
  padding-top: 0px;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.universal_menu.module_binder .wrap {
  max-height: 391px;
}

.universal_menu.module_binder {
  flex-direction: column;
}

.universal_menu.module_binder .keyboard-bg {
  max-height: 347px;
  display: flex;
  max-width: 1260px;
  height: 100%;
  width: 100%;
  justify-content: space-between;
}

.universal_menu.module_binder .keyboard-bg .key.backspace {
  max-width: 107.11px;
}

.universal_menu.module_binder .keyboard-bg .key.tab {
  max-width: 79.85px;
}

.universal_menu.module_binder .keyboard-bg .key.at {
  max-width: 78.2px;
}

.universal_menu.module_binder .keyboard-bg .key.caps {
  max-width: 93.7px;
}

.universal_menu.module_binder .keyboard-bg .key.shift {
  max-width: 121.79px;
}

.universal_menu.module_binder .keyboard-bg .key.shift-2 {
  max-width: 148.51px;
}

.universal_menu.module_binder .keyboard-bg .key.enter {
  max-width: 120.52px;
}

.universal_menu.module_binder .keyboard-bg .key.w {
  max-width: 62.17px;
}

.universal_menu.module_binder .keyboard-bg .key.space {
  max-width: 365.52px;
}

.universal_menu.module_binder .keyboard-bg .key.numpad-null {
  max-width: 107.11px;
}

.universal_menu.module_binder .keyboard-bg .key.empty {
  max-width: 100%;
}

.universal_menu.module_binder .keyboard-bg .key.numpad-plus, .universal_menu.module_binder .keyboard-bg .key.numpad-enter {
  height: 107.11px;
  max-height: 100%;
}

.universal_menu.module_binder .keyboard-bg .key.numpad-plus {
  margin-bottom: 5.24px;
}

.universal_menu.module_binder .keyboard-bg .key-line.top .key-group:last-child {
  margin-right: 0px;
}

.universal_menu.module_binder .keyboard-bg .max-1 {
  max-width: 837.43px;
  width: 100%;
}

.universal_menu.module_binder .keyboard-bg .max-2 {
  max-width: 163.57px;
  width: 100%;
  flex-direction: column;
  display: flex;
}

.universal_menu.module_binder .keyboard-bg .max-3 {
  max-width: 219.43px;
  width: 100%;
}

.universal_menu.module_binder .keyboard-bg .max-4 {
  max-width: 50.94px;
  width: 100%;
}

.universal_menu.module_binder .keyboard-bg .key-line.center {
  flex-direction: column;
}

.universal_menu.module_binder .keyboard-bg .key {
  max-width: 50.94px;
  max-height: 50.94px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  margin-right: 5.24px;
  padding-top: 2.97px;
  padding-left: 5.77px;
  font-weight: bold;
  display: flex;
  font-size: 13px;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.universal_menu.module_binder .keyboard-bg .key-line {
  display: flex;
  max-height: 50.94px;
  display: flex;
  height: 100%;
}

.universal_menu.module_binder .keyboard-bg .key-group {
  height: 100%;
  display: flex;
  width: 100%;
}

.universal_menu.module_binder .keyboard-bg .numpad-x {
  display: flex;
  max-width: 100%;
}

.universal_menu.module_binder .keyboard-bg .key.DCS.disabled {
  opacity: 0.5;
}

.universal_menu.module_binder .keyboard-bg .key.DCS.active {
  background: white;
  color: black;
}

.universal_menu.module_binder .keyboard-bg .key.DCS.down {
  background: rgba(255, 255, 255, 0.3);
}

.numpad-b .key-group {
  display: flex;
  flex-direction: column;
}

.universal_menu.module_binder .keyboard-bg .key-line.top {
  margin-bottom: 19.92px;
  justify-content: space-between;
}

.universal_menu.module_binder .keyboard-bg .key-line.top .key-group {
  margin-right: 5.24px;
}

.universal_menu.module_binder .keyboard-bg .key-line.bottom {
  margin-bottom: 5.24px;
}

.universal_menu.module_binder .key-group.center {
  justify-content: center;
}

.universal_menu.module_binder .indent-1 {
  margin-right: 5.24px;
}

.universal_menu.module_binder .indent-2 {
  margin-right: 5.24px;
}

.universal_menu.module_binder .indent-3 {
  margin-right: 76.04px;
}

.universal_menu.module_binder .indent-4 {
  margin-right: 76.04px;
}

.universal_menu.module_binder .keyboard-bg .key:last-child {
  margin-right: 0px;
}

.universal_menu.module_binder .keyboard-bg .key-b {
  width: 100%;
  height: 100%;
  height: 108px;
}

.universal_menu.module_binder .keyboard-bg .key-line-arrow {
  margin-top: auto;
}

.binder-box {
  display: flex;
  overflow: hidden;
  min-height: 100%;
  width: 100%;
  color: #fff;
  background-repeat: no-repeat, no-repeat;
  background-position: right bottom, center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.5);
}

.binder-box .binder-bg {
  width: 30%;
  overflow: hidden;
  overflow-y: scroll;
  height: 600px;
  padding-right: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 20px;
  border-radius: 5px;
}

.binder-box .binder-bg::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.binder-box .binder-bg::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}

/* Handle */
.binder-box .binder-bg::-webkit-scrollbar-thumb {
  background: #D33437;
  border-radius: 10px;
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.binder-button {
  background: rgba(211, 52, 55, 0.6);
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
  transition: all 0.1s ease-in;
  padding: 8px;
  cursor: pointer;
}

.binder-button:hover {
  background: white;
  color: black;
}

.binder-button-close {
  position: absolute;
  top: -14px;
  right: -14px;
  background: #c8494b;
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.1s ease-in;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  cursor: pointer;
}

.binder-button-close:hover {
  background: rgba(211, 52, 55, 0.9);
}

.binder-box .key-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 5px;
}

.binder-box .key-box .key {
  padding: 12px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  cursor: pointer;
}

.binder-box .key-box .key.active {
  background: #D33437;
}

.universal_menu .d-md li {
  background: rgba(1, 22, 39, 0.8);
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  max-width: 477px;
  display: flex;
  align-items: center;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 18px;
  transition: all 0.1s ease-in;
  padding: 8px;
}

.universal_menu .d-md li.active {
  background: white;
  color: black;
}

.universal_menu .d-md li:nth-child(1) {
  font-size: 24px;
}

.universal_menu .d-md li:hover:not(.active):not(.disabled) {
  background: rgba(1, 22, 39, 0.8);
}

.universal_menu .d-md {
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  max-width: 477px;
  width: 100%;
}

/* 1280x1024 */
@media (max-width: 1060px) {
  .universal_menu .d-md {
    max-width: 288px;
  }
}
.universal_menu .wrap {
  align-items: start;
  display: flex;
  width: 100%;
  justify-content: center;
  max-height: 1020px;
  height: calc(100% - 56px);
  padding-bottom: 55px;
}

.universal_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 35px;
}

.universal_menu .wrap {
  align-items: start;
  display: flex;
  width: 100%;
  justify-content: center;
  max-height: 1020px;
  height: calc(100% - 56px);
  padding-bottom: 55px;
}

.universal_menu .wrap .md.h12 {
  max-height: 547px;
}

.universal_menu .wrap .md.h13 {
  max-height: 789px;
}

.universal_menu .wrap .md.h14 {
  max-height: 883px;
}

.universal_menu .wrap .md.h15 {
  max-height: 431px;
}

.universal_menu .wrap .md .donat.pack .in_d {
  height: 388px;
}

.universal_menu .keysbl .keys {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  color: #fff;
}

.universal_menu .keysbl .keys li {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.universal_menu .r {
  position: relative;
  max-width: 775px;
  width: 100%;
  height: 100%;
}

.label_conv {
  height: 77px;
  margin-bottom: 21px;
}

.universal_menu .r .md.center {
  justify-content: center;
}

.universal_menu .r .md {
  background: rgba(1, 22, 39, 0.8);
  border-radius: 9px;
  display: flex;
  align-items: center;
  max-height: 965px;
  height: 100%;
}

.universal_menu .r .h li {
  background: rgba(1, 22, 39, 0.8);
  border-radius: 9px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  max-width: 477px;
  height: 47px;
  display: flex;
  align-items: center;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.1s ease-in;
}

.universal_menu .r .h li:nth-child(2) span:nth-child(1):hover {
  color: #fff;
}

.universal_menu .r .h {
  display: flex;
}

.universal_menu .r .h li:nth-child(1) {
  max-width: 456px;
  margin-right: 8px;
  font-size: 24px;
  display: flex;
  justify-content: center;
}

.universal_menu .r .h li:nth-child(2) {
  max-width: 311px;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
}

.universal_menu .d-md li span {
  margin-right: 17px;
  font-size: 24px;
}

.universal_menu .r .h li:nth-child(2) span:nth-child(1) {
  color: #767676;
  transition: all 0.1s ease-in;
}

.universal_menu .r .h li:nth-child(2) div span {
  color: #fff !important;
}

.universal_menu .r .h li:nth-child(2) div span:nth-child(1) {
  margin-right: 8px;
}

.universal_menu .r .md.wrp {
  flex-direction: column;
}

.universal_menu .r .h li:nth-child(2) div {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.universal_menu .r .md.sett {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.sett .settings li.active, .sett .settings li:hover {
  background: white;
  color: black;
}

.sett .settings {
  width: 98%;
  overflow-y: auto;
  max-height: 260px;
  padding-right: 8px;
}

.sett .settings li .wrapp {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 21px;
  padding-right: 21px;
}

.sett .settings li {
  height: 47px;
  width: 100%;
  align-items: center;
  border-radius: 9px;
  margin-bottom: 5px;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.universal_menu .leftJob {
  transform: rotateZ(180deg);
  position: relative;
}

.sett .settings li .st {
  display: flex;
  align-items: center;
}

.sett .settings li .st2 {
  width: 161px;
}

.sett .settings li .line_sett {
  max-width: 161px;
  height: 8px;
  background: #fff;
  border-radius: 9px;
  position: relative;
}

.line_before {
  background: #7949FF;
  height: 8px;
  display: flex;
  border-radius: 9px;
}

.universal_menu .d-md li span {
  margin-right: 17px;
  font-size: 24px;
}

.universal_menu ::-webkit-scrollbar {
  width: 3px;
  right: 30px;
}

.universal_menu ::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}

.universal_menu ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #D33437;
}

[tooltip] {
  position: relative;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  padding: 8px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: rgba(1, 22, 39, 0.8);
  color: #fff;
  z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

/* Современный стиль для меню биндера */
.rd-body-inventory-donate, .universal_menu.module_binder {
  background: rgba(10, 14, 32, 0) !important;
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
  animation: fadeInBinder 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.3s, background 0.3s;
}

@keyframes fadeInBinder {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.universal_menu .d-md li, .universal_menu .r .md {
  background: rgba(18, 22, 40, 0.92) !important;
  border-radius: 14px;
  color: #fff;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px 0 rgba(0, 32, 128, 0.1);
}

.universal_menu .d-md li.active, .sett .settings li.active, .sett .settings li:hover {
  background: #2a5cff !important;
  color: #fff !important;
  box-shadow: 0 4px 16px 0 rgba(42, 92, 255, 0.2666666667);
}

.binder-button, .binder-button-close {
  background: rgba(42, 92, 255, 0.8) !important;
  color: #fff !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 17px;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
  box-shadow: 0 2px 8px 0 rgba(42, 92, 255, 0.1333333333);
}

.binder-button:hover, .binder-button-close:hover {
  background: #1e2233 !important;
  color: #2a5cff !important;
  box-shadow: 0 4px 16px 0 rgba(42, 92, 255, 0.2666666667);
}

.sett .settings li {
  background: rgba(18, 22, 40, 0.85) !important;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 7px;
  font-size: 16px;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
}

.sett .settings li .wrapp {
  padding-left: 18px;
  padding-right: 18px;
}

.universal_menu .d-md li {
  font-size: 18px;
  margin-bottom: 10px;
  padding: 12px 18px;
}

.universal_menu .d-md li span {
  color: #2a5cff;
  font-size: 22px;
  margin-right: 12px;
}

.universal_menu .d-md li.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* Клавиши */
.universal_menu.module_binder .keyboard-bg .key {
  background: rgba(30, 34, 51, 0.85) !important;
  color: #fff;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 2px 8px 0 rgba(42, 92, 255, 0.1333333333);
  transition: background 0.18s, color 0.18s, box-shadow 0.18s, transform 0.15s;
}

.universal_menu.module_binder .keyboard-bg .key.active, .universal_menu.module_binder .keyboard-bg .key.down {
  background: #2a5cff !important;
  color: #fff !important;
  box-shadow: 0 4px 16px 0 rgba(42, 92, 255, 0.2666666667);
  transform: scale(1.06);
}

.universal_menu.module_binder .keyboard-bg .key.disabled {
  opacity: 0.5;
  filter: grayscale(0.7);
}

/* Анимация появления */
.universal_menu.module_binder, .rd-body-inventory-donate {
  animation: fadeInBinder 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.gta5devcraftmenu {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devcraftmenu .craftmenu {
  display: flex;
  width: 107.4074vh;
  height: 74.0741vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 1.2037vh;
  background: rgb(26, 26, 26);
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devcraftmenu .craftmenu .cmleft {
  width: 43.0556vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-right: 0.1852vh solid rgba(255, 255, 255, 0.031372549);
}

.gta5devcraftmenu .craftmenu .cmright {
  width: 64.3519vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devcraftmenu .craftmenu .cmleft h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: 0.037vh;
  text-align: left;
  margin-top: 2.7778vh;
}

.gta5devcraftmenu .craftmenu .cmleft .bginput {
  width: 37.3148vh;
  height: 4.1667vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgb(13, 13, 13);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 2.8704vh;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist {
  width: 43.0556vh;
  margin-top: 1.7593vh;
  height: 54.5185vh;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.gta5devcraftmenu .craftmenu .cmleft .bginput svg {
  width: 1.5741vh;
  height: 1.5741vh;
  margin-left: 1.3889vh;
  margin-right: 0.7407vh;
}

.gta5devcraftmenu .craftmenu .cmleft .bginput input {
  height: 100%;
  width: 33.1481vh;
  background: none;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem {
  width: 37.3148vh;
  height: 8.1481vh;
  min-height: 8.1481vh;
  max-height: 8.1481vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgb(21, 21, 21);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0.9259vh;
  margin-left: 0.2vh;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem img {
  width: 6.4815vh;
  height: 6.4815vh;
  margin-left: 0.9259vh;
  margin-right: 0.7407vh;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem .info p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem .info span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 500;
  line-height: 1.2037vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0.463vh 0.5556vh;
  border-radius: 0.3704vh;
  background: rgb(45, 45, 45);
  margin-top: 2.2222vh;
}

.gta5devcraftmenu .craftmenu .cmright .cmrhead {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2.7778vh;
  height: 9.7222vh;
  margin-bottom: 5.7407vh;
}

.gta5devcraftmenu .craftmenu .cmright h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0.037vh;
  text-align: center;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist {
  margin-top: 2.7778vh;
  width: 100%;
  gap: 0.9259vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.gta5devcraftmenu .craftmenu .cmright .inputhead {
  width: 35.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.9815vh;
  margin-bottom: 1.3889vh;
}

.gta5devcraftmenu .craftmenu .cmright .inputbg {
  width: 35.5556vh;
  height: 4.9074vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgb(13, 13, 13);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devcraftmenu .craftmenu .cmright .btncraft {
  width: 35.5556vh;
  height: 4.3519vh;
  border-radius: 0.5556vh;
  background: rgb(44, 44, 44);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.6481vh;
}

.gta5devcraftmenu .craftmenu .cmright .btncraftnone {
  width: 35.5556vh;
  height: 4.3519vh;
  border-radius: 0.5556vh;
  background: rgb(44, 44, 44);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.6481vh;
}

.gta5devcraftmenu .craftmenu .cmright .kpd {
  margin-top: 3.9815vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.gta5devcraftmenu .craftmenu .cmright .cmrhead span {
  width: 57.4074vh;
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0.037vh;
  text-align: center;
  margin-top: 2.2222vh;
}

.gta5devcraftmenu .craftmenu .cmright .cmrhead h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: 0.037vh;
  text-align: left;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft .bgitems {
  width: 11.2963vh;
  height: 11.1111vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.8333vh;
  background: rgb(21, 21, 21);
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0.037vh;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.9259vh;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft svg {
  width: 2.037vh;
  height: 2.037vh;
  margin-top: 0.7407vh;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0.037vh;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-right: 0.3704vh;
}

.gta5devcraftmenu .craftmenu .cmright .itemlist .itemcraft .bgitems img {
  width: 9.2593vh;
  height: 9.2593vh;
}

.gta5devcraftmenu .craftmenu .cmright .inputhead p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devcraftmenu .craftmenu .cmright .inputbg input {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  height: 100%;
  margin-left: 1.3889vh;
  width: 20.8333vh;
  border: none;
  background: none;
  outline: none;
}

.gta5devcraftmenu .craftmenu .cmright .inputbg p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-right: 1.3889vh;
}

.gta5devcraftmenu .craftmenu .cmright .btncraft p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devcraftmenu .craftmenu .cmright .btncraftnone p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devcraftmenu .craftmenu .cmright .kpd p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devcraftmenu .craftmenu .cmright .kpd span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 700;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 0.8333vh;
}

.gta5devcraftmenu h1, p {
  margin-top: 0;
  margin-bottom: 0;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist::-webkit-scrollbar {
  width: 0.1852vh;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist::-webkit-scrollbar-track {
  background: none;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist::-webkit-scrollbar-thumb {
  border-radius: 1.8519vh;
  border: 0.2778vh solid white;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem:hover {
  background: #1a577d;
}

.gta5devcraftmenu .craftmenu .cmleft .cmllist .blockitem.active {
  background: #1a577d;
}

.gta5devcraftmenu .craftmenu .cmright .btncraft:hover {
  background: #009EFF;
}

.gta5devcraftmenu .craftmenu .cmright .btncraft:hover p {
  color: #fff;
}

.gta5devcraftmenu .craftmenu span.closed {
  position: relative;
  width: 2.2222vh;
  height: 2.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3704vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -4.222vh;
  margin-top: 2vh;
}

.gta5devcraftmenu .craftmenu span.closed svg {
  width: 1vh;
  height: 1vh;
  stroke: #fff;
  opacity: 0.4;
}

.gta5devcraftmenu .craftmenu span.closed:hover {
  border: 0.0926vh solid #fff;
}

.gta5devcraftmenu .craftmenu span.closed:hover svg {
  opacity: 1;
}

.iteminfoblock {
  position: absolute;
  z-index: 1;
  background: #000;
  padding: 1.7593vh 0vh;
  width: 36.0185vh;
  border-radius: 0.7407vh;
}

.iteminfoblock h1 {
  color: #fff;
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 600;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 31.9444vh;
  margin-bottom: 1.2963vh;
  margin-left: 2.037vh;
}

.iteminfoblock p {
  color: rgba(255, 255, 255, 0.3137254902);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 500;
  line-height: 1.9444vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 31.9444vh;
  margin-left: 2.037vh;
}
@charset "UTF-8";
@font-face {
  font-family: "ENF";
  src: url(../src/views/player/documets/fonts//13857.eot);
  src: local("☺"), url(../src/views/player/documets/fonts//13857.woff) format("woff"), url(../src/views/player/documets/fonts//13857.ttf) format("truetype"), url(/src/views/player/documets/fonts/13857.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
.container_cards {
  display: flex;
  font-family: "TTNorms-Regular";
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .container_cards .rounding5 {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .rounding5 {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .rounding5 {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .rounding5 {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .rounding5 {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .rounding5 {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .rounding5 {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .rounding5 {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .rounding5 {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .rounding5 {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .rounding5 {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .rounding5 {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .rounding5 {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .rounding5 {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .rounding5 {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .rounding5 {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .rounding5 {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .rounding5 {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .rounding5 {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .rounding5 {
    border-radius: 15.75px;
  }
}
.container_cards .card {
  background: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 29px 2px rgba(0, 0, 0, 0.3607843137);
}
@media (max-width: 799px) {
  .container_cards .card {
    width: 301.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card {
    width: 335px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card {
    width: 432.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card {
    width: 458.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card {
    width: 502.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card {
    width: 469px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card {
    width: 569.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card {
    width: 536px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card {
    width: 636.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card {
    width: 670px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card {
    width: 670px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card {
    width: 837.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card {
    width: 904.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card {
    width: 871px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card {
    width: 837.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card {
    width: 1105.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card {
    width: 1340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card {
    width: 1105.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card {
    width: 1507.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card {
    width: 2110.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card {
    height: 164.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card {
    height: 182.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card {
    height: 235.425px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card {
    height: 250.025px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card {
    height: 273.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card {
    height: 255.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card {
    height: 310.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card {
    height: 292px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card {
    height: 346.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card {
    height: 365px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card {
    height: 365px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card {
    height: 456.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card {
    height: 492.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card {
    height: 474.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card {
    height: 456.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card {
    height: 602.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card {
    height: 730px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card {
    height: 602.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card {
    height: 821.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card {
    height: 1149.75px;
  }
}
.container_cards .card.lspd:after {
  background-color: #1E69BA;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-image: url(/src/views/player/documets/lspd/images/lspd_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.container_cards .card.lspd:before {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/lspd/images/back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
@media (max-width: 799px) {
  .container_cards .card.lspd:before {
    right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd:before {
    right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd:before {
    right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd:before {
    right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd:before {
    right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd:before {
    right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd:before {
    right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd:before {
    right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd:before {
    right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd:before {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd:before {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd:before {
    right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd:before {
    right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd:before {
    right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd:before {
    right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    right: 54px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd:before {
    right: 75.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd:before {
    width: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd:before {
    width: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd:before {
    width: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd:before {
    width: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd:before {
    width: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd:before {
    width: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd:before {
    width: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd:before {
    width: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd:before {
    width: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd:before {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd:before {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd:before {
    width: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd:before {
    width: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd:before {
    width: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd:before {
    width: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    width: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    width: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    width: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    width: 380.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd:before {
    width: 532.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd:before {
    height: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd:before {
    height: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd:before {
    height: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd:before {
    height: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd:before {
    height: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd:before {
    height: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd:before {
    height: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd:before {
    height: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd:before {
    height: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd:before {
    height: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd:before {
    height: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd:before {
    height: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd:before {
    height: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd:before {
    height: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd:before {
    height: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    height: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    height: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    height: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    height: 380.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd:before {
    height: 532.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd:before {
    bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd:before {
    bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd:before {
    bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd:before {
    bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd:before {
    bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd:before {
    bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd:before {
    bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd:before {
    bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd:before {
    bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd:before {
    bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd:before {
    bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd:before {
    bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd:before {
    bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd:before {
    bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd:before {
    bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd:before {
    bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd:before {
    bottom: 81px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd:before {
    bottom: 113.4px;
  }
}
.container_cards .card.lspd .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1E69BA;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .title {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .title {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .title {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .title {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .title {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .title {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .title {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .title {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .title {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .title {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .title {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .title {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .title {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .title {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .title {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .title {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .title {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .title {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .title {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .title {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .title {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__licenses_title {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport__licenses_title {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__licenses_title {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__licenses_title {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__licenses_title {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__licenses_title {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__licenses_title {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__licenses_title {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__licenses_title {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__licenses_title {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__licenses_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__licenses_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__licenses_title {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__licenses_title {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__licenses_title {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__licenses_title {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__licenses_title {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__licenses_title {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__licenses_title {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__licenses_title {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__licenses_title {
    margin-top: 63px;
  }
}
.container_cards .passport__licenses {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.container_cards .passport__licenses .icon-box {
  color: #60686D;
}
@media (max-width: 799px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__licenses .icon-box {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__licenses .icon-box {
    margin-right: 88.2px;
  }
}
.container_cards .passport__licenses .icon-box.active {
  color: white;
}
.container_cards .passport {
  color: white;
}
@media (max-width: 799px) {
  .container_cards .passport {
    width: 336.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport {
    width: 374px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport {
    width: 482.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport {
    width: 512.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport {
    width: 561px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport {
    width: 523.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport {
    width: 635.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport {
    width: 598.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport {
    width: 710.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport {
    width: 748px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport {
    width: 748px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport {
    width: 935px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport {
    width: 1009.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport {
    width: 972.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport {
    width: 935px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport {
    width: 1234.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport {
    width: 1496px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport {
    width: 1234.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport {
    width: 1683px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport {
    width: 2356.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport {
    height: 194.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport {
    height: 216px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport {
    height: 278.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport {
    height: 295.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport {
    height: 324px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport {
    height: 302.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport {
    height: 367.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport {
    height: 345.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport {
    height: 410.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport {
    height: 432px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport {
    height: 432px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport {
    height: 540px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport {
    height: 583.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport {
    height: 561.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport {
    height: 540px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport {
    height: 712.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport {
    height: 864px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport {
    height: 712.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport {
    height: 972px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport {
    height: 1360.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport {
    border-radius: 31.5px;
  }
}
.container_cards .passport .desc {
  font-weight: 400;
  color: #A6B1BA !important;
}
@media (max-width: 799px) {
  .container_cards .passport .desc {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport .desc {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport .desc {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport .desc {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport .desc {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport .desc {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport .desc {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport .desc {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport .desc {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport .desc {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport .desc {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport .desc {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport .desc {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport .desc {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport .desc {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport .desc {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport .desc {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport .desc {
    font-size: 56.7px;
  }
}
.container_cards .passport .passport__name {
  color: white;
  font-weight: 500;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  .container_cards .passport .passport__name {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport .passport__name {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport .passport__name {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport .passport__name {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport .passport__name {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport .passport__name {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport .passport__name {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport .passport__name {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport .passport__name {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport .passport__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport .passport__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport .passport__name {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport .passport__name {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport .passport__name {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport .passport__name {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport .passport__name {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport .passport__name {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport .passport__name {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport .passport__name {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport .passport__name {
    font-size: 75.6px;
  }
}
.container_cards .lspd_leather .ct .left .a .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1E69BA;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .title {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .title {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 99px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    font-size: 138.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .title span:nth-child(1), .container_cards .lspd_leather .ct .left .a .title span:nth-child(1) {
    margin-bottom: -34.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 60.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .title span:nth-child(2), .container_cards .lspd_leather .ct .left .a .title span:nth-child(2) {
    font-size: 85.05px;
  }
}
.container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
  color: #1E69BA;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 42.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc span:nth-child(2), .container_cards .lspd_leather .ct .left .a .desc span:nth-child(2) {
    font-size: 59.85px;
  }
}
.container_cards .card.lspd .right {
  float: right;
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
}
.container_cards .card.lspd .right .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc {
    margin-bottom: 44.1px;
  }
}
.container_cards .lspd_leather .ct .left .a .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .desc {
    margin-bottom: 44.1px;
  }
}
.container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.45px solid #1E69BA;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.5px solid #1E69BA;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.645px solid #1E69BA;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.685px solid #1E69BA;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.75px solid #1E69BA;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.7px solid #1E69BA;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.85px solid #1E69BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.8px solid #1E69BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 0.95px solid #1E69BA;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1px solid #1E69BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1px solid #1E69BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.25px solid #1E69BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.35px solid #1E69BA;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.3px solid #1E69BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.25px solid #1E69BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.65px solid #1E69BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 2px solid #1E69BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 1.65px solid #1E69BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 2.25px solid #1E69BA;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    border-bottom: 3.15px solid #1E69BA;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 42.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    font-size: 59.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 116.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 129.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 167.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 177.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 194.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 181.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 220.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 207.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 246.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 323.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 349.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 336.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 323.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 427.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 518px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 427.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 582.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .desc .line, .container_cards .lspd_leather .ct .left .a .desc .line {
    max-width: 815.85px;
  }
}
.container_cards .card.lspd .right .cont {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -72px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .ava {
    margin-top: -100.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .ava {
    height: 472.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 279px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-width: 390.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .ava img {
    max-height: 472.5px;
  }
}
.container_cards .card.lspd .right .cont .desc {
  width: 100%;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .desc {
    padding-left: 0px;
  }
}
.container_cards .card.lspd .right .cont .desc p {
  color: #1E69BA;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .desc p {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lspd .right .cont .desc p {
    margin-top: 34.65px;
  }
}
.container_cards .lspd_leather .ct .left .a p {
  color: #1E69BA;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a p {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a p {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a p {
    padding-right: 25.2px;
  }
}
.container_cards .layout.openIn:after {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.container_cards .lspd_leather .ct {
  display: flex;
  box-shadow: 0px 0px 29px 2px rgba(0, 0, 0, 0.3607843137);
}
.container_cards .lspd_leather .ct .left {
  background-image: url(/src/views/player/documets/lspd/images/2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left {
    width: 176.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left {
    width: 196px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left {
    width: 252.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left {
    width: 268.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left {
    width: 294px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left {
    width: 274.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left {
    width: 333.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left {
    width: 313.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left {
    width: 372.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left {
    width: 490px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left {
    width: 529.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left {
    width: 509.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left {
    width: 490px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    width: 646.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    width: 784px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    width: 646.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    width: 882px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left {
    width: 1234.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left {
    height: 306.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left {
    height: 341px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left {
    height: 439.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left {
    height: 467.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left {
    height: 511.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left {
    height: 477.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left {
    height: 579.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left {
    height: 545.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left {
    height: 647.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left {
    height: 852.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left {
    height: 920.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left {
    height: 886.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left {
    height: 852.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    height: 1125.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    height: 1364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    height: 1125.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    height: 1534.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left {
    height: 2148.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left {
    padding: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left {
    padding: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left {
    padding: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left {
    padding: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left {
    padding: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left {
    padding: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left {
    padding: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left {
    padding: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left {
    padding: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left {
    padding: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left {
    padding: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left {
    padding: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left {
    padding: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left {
    padding: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left {
    padding: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding: 96.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left {
    padding: 135.45px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 96.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left {
    padding-right: 135.45px;
  }
}
.container_cards .lspd_leather .ct .left.badgeLSPD {
  background: none;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-left: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD {
    padding-right: 0px;
  }
}
.container_cards .lspd_leather .ct .right {
  background-image: url(/src/views/player/documets/lspd/images/5.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right {
    width: 176.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right {
    width: 196px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right {
    width: 252.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right {
    width: 268.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right {
    width: 294px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right {
    width: 274.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right {
    width: 333.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right {
    width: 313.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right {
    width: 372.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right {
    width: 490px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right {
    width: 529.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right {
    width: 509.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right {
    width: 490px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right {
    width: 646.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right {
    width: 784px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right {
    width: 646.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right {
    width: 882px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right {
    width: 1234.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right {
    height: 306.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right {
    height: 341px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right {
    height: 439.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right {
    height: 467.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right {
    height: 511.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right {
    height: 477.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right {
    height: 579.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right {
    height: 545.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right {
    height: 647.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right {
    height: 852.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right {
    height: 920.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right {
    height: 886.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right {
    height: 852.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right {
    height: 1125.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right {
    height: 1364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right {
    height: 1125.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right {
    height: 1534.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right {
    height: 2148.3px;
  }
}
.container_cards .lspd_leather .ct .center {
  background-image: url(/src/views/player/documets/lspd/images/4.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .center {
    width: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .center {
    width: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .center {
    width: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .center {
    width: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .center {
    width: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .center {
    width: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .center {
    width: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .center {
    width: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .center {
    width: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .center {
    width: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .center {
    width: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .center {
    width: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .center {
    width: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .center {
    width: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .center {
    width: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    width: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    width: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    width: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    width: 209.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .center {
    width: 292.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -47.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .center {
    margin-left: -66.15px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -47.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .center {
    margin-right: -66.15px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct {
    border-radius: 15.75px;
  }
}
.container_cards .lspd_leather .ct .left .a {
  position: relative;
  background: #fff;
  height: 100%;
  width: 100%;
  box-shadow: inset 0px 0px 10px #000;
}
.container_cards .lspd_leather .ct .left .a .ava img {
  margin: 0 auto;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 48.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 53.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 69.015px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 73.295px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 80.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 74.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 90.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 85.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 101.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 107px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 107px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 133.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 144.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 139.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 133.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 176.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 214px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 176.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 240.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    width: 337.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 288px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .ava img {
    height: 403.2px;
  }
}
.container_cards .lspd_leather .ct .left .a .ava {
  display: flex;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a .ava {
    margin-bottom: 63px;
  }
}
.container_cards .lspd_leather .ct .left .a:after {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/lspd/images/back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 0;
  left: 0;
  margin: auto;
  background-size: 100%;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 99.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 110.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 142.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 151.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 165.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 154.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 187.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 209.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 276.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 298.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 287.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 276.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 364.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 442px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 364.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 497.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a:after {
    width: 696.15px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 101.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 112.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 145.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 154.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 168.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 157.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 191.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 180px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 213.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 281.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 303.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 292.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 281.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 371.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 450px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 371.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 506.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a:after {
    height: 708.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 202.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left .a:after {
    bottom: 283.5px;
  }
}
.container_cards .lspd_leather .ct .right:after {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/lspd/images/6.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 0;
  left: 0;
  margin: auto;
  background-size: 100%;
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 136.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 152px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 196.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 208.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 228px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 212.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 258.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 243.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 288.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 410.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 395.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 380px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 501.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 608px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 501.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 684px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right:after {
    width: 957.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 180.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 200.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 258.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 274.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 300.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 280.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 340.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 320.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 380.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 401px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 401px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 501.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 541.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 521.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 501.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 661.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 802px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 661.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 902.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right:after {
    height: 1263.15px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right:after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .right:after {
    top: 0px;
  }
}
.container_cards .card.ems {
  background: #A20000;
}
.container_cards .card.ems:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 88%;
  border-radius: 9px 9px 34px 34px;
}
@media (max-width: 799px) {
  .container_cards .card.ems:after {
    padding-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:after {
    padding-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:after {
    padding-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:after {
    padding-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:after {
    padding-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:after {
    padding-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:after {
    padding-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:after {
    padding-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:after {
    padding-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:after {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:after {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:after {
    padding-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:after {
    padding-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:after {
    padding-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:after {
    padding-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:after {
    padding-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:after {
    padding-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:after {
    padding-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:after {
    padding-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:after {
    padding-top: 56.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems:after {
    top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:after {
    top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:after {
    top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:after {
    top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:after {
    top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:after {
    top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:after {
    top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:after {
    top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:after {
    top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:after {
    top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:after {
    top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:after {
    top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:after {
    top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:after {
    top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:after {
    top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:after {
    top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:after {
    top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:after {
    top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:after {
    top: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:after {
    top: 25.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left .ava {
    margin-bottom: 15.75px;
  }
}
.container_cards .card.ems .left .label {
  display: flex;
}
.container_cards .card.ems .left .label span:nth-child(1) {
  color: #B91111;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left .label span:nth-child(1) {
    margin-right: 15.75px;
  }
}
.container_cards .card.ems .left .label span:nth-child(2) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .container_cards .card.ems .left .label {
    font-size: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left .label {
    font-size: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left .label {
    font-size: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left .label {
    font-size: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left .label {
    font-size: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left .label {
    font-size: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left .label {
    font-size: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left .label {
    font-size: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left .label {
    font-size: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left .label {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left .label {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left .label {
    font-size: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left .label {
    font-size: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left .label {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left .label {
    font-size: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label {
    font-size: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label {
    font-size: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label {
    font-size: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left .label {
    font-size: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .left .label {
    max-width: 141.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left .label {
    max-width: 157.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left .label {
    max-width: 203.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left .label {
    max-width: 215.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left .label {
    max-width: 236.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left .label {
    max-width: 220.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left .label {
    max-width: 267.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left .label {
    max-width: 252px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left .label {
    max-width: 299.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left .label {
    max-width: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left .label {
    max-width: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left .label {
    max-width: 393.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left .label {
    max-width: 425.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left .label {
    max-width: 409.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left .label {
    max-width: 393.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label {
    max-width: 519.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label {
    max-width: 630px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left .label {
    max-width: 519.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left .label {
    max-width: 708.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left .label {
    max-width: 992.25px;
  }
}
.container_cards .card.ems .right {
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card.ems .right {
    right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right {
    right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right {
    right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right {
    right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right {
    right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right {
    right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right {
    right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right {
    right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right {
    right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right {
    right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right {
    right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right {
    right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right {
    right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right {
    right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right {
    right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right {
    right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right {
    right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right {
    right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right {
    right: 110.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right {
    right: 154.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .right {
    top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right {
    top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right {
    top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right {
    top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right {
    top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right {
    top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right {
    top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right {
    top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right {
    top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right {
    top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right {
    top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right {
    top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right {
    top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right {
    top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right {
    top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right {
    top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right {
    top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right {
    top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right {
    top: 101.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right {
    top: 141.75px;
  }
}
.container_cards .card.ems .right.emsblock {
  transform: scale(0.6);
  right: 0;
}
@media (max-width: 799px) {
  .container_cards .card.ems .right.emsblock {
    top: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right.emsblock {
    top: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right.emsblock {
    top: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right.emsblock {
    top: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right.emsblock {
    top: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right.emsblock {
    top: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right.emsblock {
    top: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right.emsblock {
    top: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right.emsblock {
    top: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right.emsblock {
    top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right.emsblock {
    top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right.emsblock {
    top: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right.emsblock {
    top: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right.emsblock {
    top: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right.emsblock {
    top: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right.emsblock {
    top: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right.emsblock {
    top: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right.emsblock {
    top: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right.emsblock {
    top: 225px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right.emsblock {
    top: 315px;
  }
}
.container_cards .card.ems .right .title-r {
  font-weight: 800;
  color: #A20000;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .title-r {
    font-size: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .title-r {
    font-size: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .title-r {
    font-size: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .title-r {
    font-size: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .title-r {
    font-size: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .title-r {
    font-size: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .title-r {
    font-size: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .title-r {
    font-size: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .title-r {
    font-size: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .title-r {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .title-r {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .title-r {
    font-size: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .title-r {
    font-size: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .title-r {
    font-size: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .title-r {
    font-size: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    font-size: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    font-size: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    font-size: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    font-size: 270px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .title-r {
    font-size: 378px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .title-r {
    height: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .title-r {
    height: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .title-r {
    height: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .title-r {
    height: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .title-r {
    height: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .title-r {
    height: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .title-r {
    height: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .title-r {
    height: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .title-r {
    height: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .title-r {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .title-r {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .title-r {
    height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .title-r {
    height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .title-r {
    height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .title-r {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    height: 292.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .title-r {
    height: 409.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .title-r {
    margin-bottom: -47.25px;
  }
}
.container_cards .card.ems .right .serial {
  float: right;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .serial {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .serial {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .serial {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .serial {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .serial {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .serial {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .serial {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .serial {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .serial {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .serial {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .serial {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .serial {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .serial {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .serial {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .serial {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .serial {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .serial {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .serial {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .serial {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .serial {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .serial {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .serial {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .serial {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .serial {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .serial {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .serial {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .serial {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .serial {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .serial {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .serial {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .serial {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .serial {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .serial img {
    max-width: 110.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .serial img {
    max-width: 123px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .serial img {
    max-width: 158.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .serial img {
    max-width: 168.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .serial img {
    max-width: 184.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .serial img {
    max-width: 172.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .serial img {
    max-width: 209.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .serial img {
    max-width: 196.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .serial img {
    max-width: 233.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .serial img {
    max-width: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .serial img {
    max-width: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .serial img {
    max-width: 307.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .serial img {
    max-width: 332.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .serial img {
    max-width: 319.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .serial img {
    max-width: 307.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial img {
    max-width: 405.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial img {
    max-width: 492px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .serial img {
    max-width: 405.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .serial img {
    max-width: 553.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .serial img {
    max-width: 774.9px;
  }
}
.container_cards .card.ems .right .h2r {
  font-weight: 800;
}
@media (max-width: 799px) {
  .container_cards .card.ems .right .h2r {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .right .h2r {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .right .h2r {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .right .h2r {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .right .h2r {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .right .h2r {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .right .h2r {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .right .h2r {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .right .h2r {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .right .h2r {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .right .h2r {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .right .h2r {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .right .h2r {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .right .h2r {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .right .h2r {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .h2r {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .h2r {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .right .h2r {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .right .h2r {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .right .h2r {
    font-size: 100.8px;
  }
}
.container_cards .ic_ems {
  background-image: url(/src/views/player/documets/ems/images/ems_ic.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .ic_ems {
    width: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .ic_ems {
    width: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .ic_ems {
    width: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .ic_ems {
    width: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .ic_ems {
    width: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .ic_ems {
    width: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .ic_ems {
    width: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .ic_ems {
    width: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .ic_ems {
    width: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .ic_ems {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .ic_ems {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .ic_ems {
    width: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .ic_ems {
    width: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .ic_ems {
    width: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .ic_ems {
    width: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    width: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    width: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    width: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    width: 193.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .ic_ems {
    width: 270.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .ic_ems {
    height: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .ic_ems {
    height: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .ic_ems {
    height: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .ic_ems {
    height: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .ic_ems {
    height: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .ic_ems {
    height: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .ic_ems {
    height: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .ic_ems {
    height: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .ic_ems {
    height: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .ic_ems {
    height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .ic_ems {
    height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .ic_ems {
    height: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .ic_ems {
    height: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .ic_ems {
    height: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .ic_ems {
    height: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    height: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    height: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    height: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    height: 193.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .ic_ems {
    height: 270.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .ic_ems {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .ic_ems {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .ic_ems {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .ic_ems {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .ic_ems {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .ic_ems {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .ic_ems {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .ic_ems {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .ic_ems {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .ic_ems {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .ic_ems {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .ic_ems {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .ic_ems {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .ic_ems {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .ic_ems {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .ic_ems {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .ic_ems {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .ic_ems {
    margin-right: 63px;
  }
}
.container_cards .card.ems .left {
  display: flex;
}
@media (max-width: 799px) {
  .container_cards .card.ems .left {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .left {
    margin-left: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .left {
    margin-left: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .left {
    margin-left: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .left {
    margin-left: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .left {
    margin-left: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .left {
    margin-left: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .left {
    margin-left: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .left {
    margin-left: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .left {
    margin-left: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .left {
    margin-left: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .left {
    margin-left: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .left {
    margin-left: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .left {
    margin-left: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .left {
    margin-left: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .left {
    margin-left: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .left {
    margin-left: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .left {
    margin-left: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .left {
    margin-left: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .left {
    margin-left: 123.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .left {
    margin-left: 173.25px;
  }
}
.container_cards .card.ems .left .box-column {
  display: flex;
  flex-direction: column;
}
.container_cards .card.ems .content {
  position: relative;
}
.container_cards .card.ems .title {
  color: #fff;
  font-weight: 800;
  display: flex;
  background: #A20000;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.ems .title {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .title {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .title {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .title {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .title {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .title {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .title {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .title {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .title {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .title {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .title {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .title {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .title {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .title {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .title {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .title {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .title {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .title {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .title {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .title {
    font-size: 103.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .title {
    margin-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .title {
    margin-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .title {
    margin-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .title {
    margin-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .title {
    margin-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .title {
    margin-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .title {
    margin-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .title {
    margin-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .title {
    margin-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .title {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .title {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .title {
    margin-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .title {
    margin-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .title {
    margin-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .title {
    margin-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .title {
    margin-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .title {
    margin-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .title {
    margin-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .title {
    margin-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .title {
    margin-top: 85.05px;
  }
}
.container_cards .card.ems .content {
  position: relative;
  z-index: 1;
}
.container_cards .star {
  background-image: url(/src/views/player/documets/ems/images/white_star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .star {
    width: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .star {
    width: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .star {
    width: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .star {
    width: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .star {
    width: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .star {
    width: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .star {
    width: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .star {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .star {
    width: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .star {
    width: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .star {
    width: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .star {
    width: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .star {
    width: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .star {
    width: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .star {
    width: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .star {
    width: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .star {
    width: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .star {
    width: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .star {
    width: 38.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .star {
    width: 53.55px;
  }
}
@media (max-width: 799px) {
  .container_cards .star {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .star {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .star {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .star {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .star {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .star {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .star {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .star {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .star {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .star {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .star {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .star {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .star {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .star {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .star {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .star {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .star {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .star {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .star {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  .container_cards .star {
    height: 50.4px;
  }
}
.container_cards .card.ems:before {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/lspd/images/back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 9px 9px 34px 34px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  .container_cards .card.ems:before {
    width: 103.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:before {
    width: 114.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:before {
    width: 147.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:before {
    width: 156.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:before {
    width: 171.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:before {
    width: 160.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:before {
    width: 194.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:before {
    width: 183.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:before {
    width: 217.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:before {
    width: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:before {
    width: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:before {
    width: 286.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:before {
    width: 309.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:before {
    width: 297.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:before {
    width: 286.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    width: 377.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    width: 458px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    width: 377.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    width: 515.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:before {
    width: 721.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems:before {
    height: 103.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:before {
    height: 114.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:before {
    height: 147.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:before {
    height: 156.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:before {
    height: 171.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:before {
    height: 160.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:before {
    height: 194.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:before {
    height: 183.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:before {
    height: 217.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:before {
    height: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:before {
    height: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:before {
    height: 286.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:before {
    height: 309.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:before {
    height: 297.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:before {
    height: 286.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    height: 377.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    height: 458px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    height: 377.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    height: 515.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:before {
    height: 721.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems:before {
    padding-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:before {
    padding-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:before {
    padding-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:before {
    padding-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:before {
    padding-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:before {
    padding-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:before {
    padding-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:before {
    padding-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:before {
    padding-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:before {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:before {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:before {
    padding-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:before {
    padding-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:before {
    padding-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:before {
    padding-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    padding-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    padding-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    padding-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    padding-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:before {
    padding-top: 56.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems:before {
    right: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:before {
    right: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:before {
    right: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:before {
    right: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:before {
    right: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:before {
    right: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:before {
    right: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:before {
    right: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:before {
    right: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:before {
    right: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:before {
    right: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:before {
    right: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:before {
    right: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:before {
    right: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:before {
    right: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    right: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    right: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    right: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    right: 130.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:before {
    right: 182.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems:before {
    bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems:before {
    bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems:before {
    bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems:before {
    bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems:before {
    bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems:before {
    bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems:before {
    bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems:before {
    bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems:before {
    bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems:before {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems:before {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems:before {
    bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems:before {
    bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems:before {
    bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems:before {
    bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems:before {
    bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems:before {
    bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems:before {
    bottom: 63px;
  }
}
.container_cards .card.lsnews .lg {
  display: flex;
  justify-content: space-between;
}
.container_cards .card.lsnews .lg .logo {
  background-image: url(/src/views/player/documets/lsnews/images/logo_lsnews.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg .logo {
    width: 161.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg .logo {
    width: 179.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg .logo {
    width: 231.555px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg .logo {
    width: 245.915px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg .logo {
    width: 269.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg .logo {
    width: 251.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg .logo {
    width: 305.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg .logo {
    width: 287.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg .logo {
    width: 341.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg .logo {
    width: 359px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg .logo {
    width: 359px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg .logo {
    width: 448.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg .logo {
    width: 484.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg .logo {
    width: 466.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg .logo {
    width: 448.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo {
    width: 592.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo {
    width: 718px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo {
    width: 592.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo {
    width: 807.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg .logo {
    width: 1130.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg .logo {
    height: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg .logo {
    height: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg .logo {
    height: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg .logo {
    height: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg .logo {
    height: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg .logo {
    height: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg .logo {
    height: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg .logo {
    height: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg .logo {
    height: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg .logo {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg .logo {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg .logo {
    height: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg .logo {
    height: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg .logo {
    height: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg .logo {
    height: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo {
    height: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo {
    height: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo {
    height: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo {
    height: 209.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg .logo {
    height: 292.95px;
  }
}
.container_cards .card.lsnews .lg .logo2 {
  background-image: url(/src/views/player/documets/lsnews/images/ln.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 59.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 66px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 85.14px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 90.42px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 99px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 92.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 112.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 105.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 125.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 165px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 178.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 171.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 217.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 217.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 297px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg .logo2 {
    width: 415.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 207px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg .logo2 {
    height: 289.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg {
    margin-top: 56.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg {
    margin-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg {
    margin-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg {
    margin-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg {
    margin-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg {
    margin-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg {
    margin-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg {
    margin-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg {
    margin-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg {
    margin-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg {
    margin-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg {
    margin-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg {
    margin-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg {
    margin-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg {
    margin-left: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lg {
    margin-right: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lg {
    margin-right: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lg {
    margin-right: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lg {
    margin-right: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lg {
    margin-right: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lg {
    margin-right: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lg {
    margin-right: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lg {
    margin-right: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lg {
    margin-right: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lg {
    margin-right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lg {
    margin-right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lg {
    margin-right: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lg {
    margin-right: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lg {
    margin-right: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lg {
    margin-right: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-right: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-right: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lg {
    margin-right: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lg {
    margin-right: 101.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lg {
    margin-right: 141.75px;
  }
}
.container_cards .card.lsnews:after {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/lsnews/images/background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:after {
    top: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:after {
    width: 241.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:after {
    width: 268.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:after {
    width: 346.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:after {
    width: 367.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:after {
    width: 402.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:after {
    width: 375.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:after {
    width: 456.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:after {
    width: 429.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:after {
    width: 510.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:after {
    width: 537px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:after {
    width: 537px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:after {
    width: 671.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:after {
    width: 724.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:after {
    width: 698.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:after {
    width: 671.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    width: 886.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    width: 1074px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    width: 886.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    width: 1208.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:after {
    width: 1691.55px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:after {
    height: 164.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:after {
    height: 182.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:after {
    height: 235.425px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:after {
    height: 250.025px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:after {
    height: 273.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:after {
    height: 255.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:after {
    height: 310.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:after {
    height: 292px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:after {
    height: 346.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:after {
    height: 365px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:after {
    height: 365px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:after {
    height: 456.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:after {
    height: 492.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:after {
    height: 474.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:after {
    height: 456.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    height: 602.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    height: 730px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    height: 602.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    height: 821.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:after {
    height: 1149.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:after {
    right: 0px;
  }
}
.container_cards .card.lsnews .lc {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc {
    margin-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc {
    margin-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc {
    margin-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc {
    margin-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc {
    margin-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc {
    margin-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc {
    margin-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc {
    margin-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc {
    margin-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc {
    margin-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc {
    margin-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc {
    margin-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc {
    margin-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc {
    margin-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc {
    margin-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc {
    margin-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc {
    margin-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc {
    margin-left: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc {
    margin-top: 31.5px;
  }
}
.container_cards .card.lsnews .lc .desc-bl {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc .desc-bl {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 69.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 77.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 99.975px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 106.175px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 116.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 108.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 131.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 124px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 147.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 193.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 209.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 201.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 193.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 255.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 310px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 255.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 348.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc .ava img {
    width: 488.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc .ava img {
    height: 607.95px;
  }
}
.container_cards .card.lsnews .lc .desc-bl .desc {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 56.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 62.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 80.625px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 85.625px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 93.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 87.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 106.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 100px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 118.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 156.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 168.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 156.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 206.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 206.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 281.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(1) {
    width: 393.75px;
  }
}
.container_cards .card.lsnews .lc .desc-bl .desc:nth-child(3), .container_cards .card.lsnews .lc .desc-bl .desc:nth-child(4) {
  width: 100%;
}
.container_cards .card.lsnews .lc .desc-bl .desc span:nth-child(1) {
  color: #B91111;
  font-weight: bold;
}
.container_cards .card.lsnews .lc .desc-bl .desc span:nth-child(2) {
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container_cards .card.lsnews .lc .desc-bl .desc:nth-child(2) span:nth-child(2) {
  font-weight: bold;
  color: #000000;
}
.container_cards .card.lsnews:before {
  content: "";
  position: absolute;
  border-radius: 9px 9px 34px 34px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:before {
    width: 103.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:before {
    width: 114.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:before {
    width: 147.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:before {
    width: 156.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:before {
    width: 171.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:before {
    width: 160.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:before {
    width: 194.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:before {
    width: 183.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:before {
    width: 217.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:before {
    width: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:before {
    width: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:before {
    width: 286.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:before {
    width: 309.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:before {
    width: 297.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:before {
    width: 286.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    width: 377.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    width: 458px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    width: 377.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    width: 515.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:before {
    width: 721.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:before {
    height: 103.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:before {
    height: 114.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:before {
    height: 147.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:before {
    height: 156.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:before {
    height: 171.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:before {
    height: 160.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:before {
    height: 194.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:before {
    height: 183.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:before {
    height: 217.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:before {
    height: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:before {
    height: 229px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:before {
    height: 286.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:before {
    height: 309.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:before {
    height: 297.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:before {
    height: 286.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    height: 377.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    height: 458px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    height: 377.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    height: 515.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:before {
    height: 721.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:before {
    padding-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:before {
    padding-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:before {
    padding-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:before {
    padding-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:before {
    padding-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:before {
    padding-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:before {
    padding-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:before {
    padding-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:before {
    padding-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:before {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:before {
    padding-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:before {
    padding-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:before {
    padding-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:before {
    padding-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:before {
    padding-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    padding-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    padding-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    padding-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    padding-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:before {
    padding-top: 56.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:before {
    right: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:before {
    right: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:before {
    right: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:before {
    right: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:before {
    right: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:before {
    right: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:before {
    right: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:before {
    right: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:before {
    right: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:before {
    right: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:before {
    right: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:before {
    right: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:before {
    right: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:before {
    right: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:before {
    right: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    right: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    right: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    right: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    right: 130.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:before {
    right: 182.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews:before {
    bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews:before {
    bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews:before {
    bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews:before {
    bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews:before {
    bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews:before {
    bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews:before {
    bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews:before {
    bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews:before {
    bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews:before {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews:before {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews:before {
    bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews:before {
    bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews:before {
    bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews:before {
    bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews:before {
    bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews:before {
    bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews:before {
    bottom: 63px;
  }
}
.container_cards .card.lsnews .right {
  background-image: url(/src/views/player/documets/lspd/images/back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container_cards .card.lsnews .right .img {
  background-image: url(/src/views/player/documets/army/images/usa.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right .img {
    width: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right .img {
    width: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right .img {
    width: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right .img {
    width: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right .img {
    width: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right .img {
    width: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right .img {
    width: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right .img {
    width: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right .img {
    width: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right .img {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right .img {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right .img {
    width: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right .img {
    width: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right .img {
    width: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right .img {
    width: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .img {
    width: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .img {
    width: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .img {
    width: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .img {
    width: 164.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right .img {
    width: 229.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right .img {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right .img {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right .img {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right .img {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right .img {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right .img {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right .img {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right .img {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right .img {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right .img {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right .img {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right .img {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right .img {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right .img {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right .img {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .img {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .img {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .img {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .img {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right .img {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right {
    right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right {
    right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right {
    right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right {
    right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right {
    right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right {
    right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right {
    right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right {
    right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right {
    right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right {
    right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right {
    right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right {
    right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right {
    right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right {
    right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right {
    right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    right: 56.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right {
    right: 78.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right {
    width: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right {
    width: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right {
    width: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right {
    width: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right {
    width: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right {
    width: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right {
    width: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right {
    width: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right {
    width: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right {
    width: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right {
    width: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right {
    width: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right {
    width: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    width: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    width: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    width: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    width: 380.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right {
    width: 532.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right {
    height: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right {
    height: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right {
    height: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right {
    height: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right {
    height: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right {
    height: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right {
    height: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right {
    height: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right {
    height: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right {
    height: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right {
    height: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right {
    height: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right {
    height: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right {
    height: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right {
    height: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    height: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    height: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    height: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    height: 380.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right {
    height: 532.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right {
    bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right {
    bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right {
    bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right {
    bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right {
    bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right {
    bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right {
    bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right {
    bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right {
    bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right {
    bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right {
    bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right {
    bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right {
    bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right {
    bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    bottom: 90px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right {
    bottom: 126px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right {
    padding-top: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right {
    padding-top: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right {
    padding-top: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right {
    padding-top: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right {
    padding-top: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right {
    padding-top: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right {
    padding-top: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right {
    padding-top: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right {
    padding-top: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right {
    padding-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right {
    padding-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right {
    padding-top: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right {
    padding-top: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right {
    padding-top: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right {
    padding-top: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    padding-top: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    padding-top: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right {
    padding-top: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right {
    padding-top: 157.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right {
    padding-top: 220.5px;
  }
}
.container_cards .card.lsnews .bottom {
  background: #B91111;
  border-radius: 0px 0px 5px 5px;
  color: #FFFFFF;
  position: absolute;
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .bottom {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .bottom {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .bottom {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .bottom {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .bottom {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .bottom {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .bottom {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .bottom {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .bottom {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .bottom {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .bottom {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .bottom {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .bottom {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .bottom {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .bottom {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .bottom {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .bottom {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 94.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .bottom {
    padding-right: 132.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .bottom {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .bottom {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .bottom {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .bottom {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .bottom {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .bottom {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .bottom {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .bottom {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .bottom {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .bottom {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .bottom {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .bottom {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .bottom {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .bottom {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .bottom {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .bottom {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .bottom {
    padding-left: 94.5px;
  }
}
.container_cards .card.lsnews .right .serial {
  font-weight: bold;
  color: #000000;
}
@media (max-width: 799px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.lsnews .right .serial {
    font-size: 63px;
  }
}
.container_cards .card.gov .content {
  height: 100%;
}
.container_cards .card.gov .content .left_block {
  background: #003875;
  height: 100%;
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .left_block {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .left_block {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .left_block {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .left_block {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .left_block {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .left_block {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .left_block {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .left_block {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .left_block {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .left_block {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .left_block {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .left_block {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .left_block {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .left_block {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .left_block {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .left_block {
    width: 119.7px;
  }
}
.container_cards .card.gov .content .left_block:after {
  background-image: url(/src/views/player/documets/goverment/images/stars.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .left_block:after {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .left_block:after {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .left_block:after {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .left_block:after {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .left_block:after {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .left_block:after {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .left_block:after {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .left_block:after {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .left_block:after {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .left_block:after {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .left_block:after {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .left_block:after {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .left_block:after {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .left_block:after {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .left_block:after {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block:after {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block:after {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block:after {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block:after {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .left_block:after {
    width: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .left_block:after {
    height: 154.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .left_block:after {
    height: 172px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .left_block:after {
    height: 221.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .left_block:after {
    height: 235.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .left_block:after {
    height: 258px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .left_block:after {
    height: 240.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .left_block:after {
    height: 292.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .left_block:after {
    height: 275.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .left_block:after {
    height: 326.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .left_block:after {
    height: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .left_block:after {
    height: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .left_block:after {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .left_block:after {
    height: 464.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .left_block:after {
    height: 447.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .left_block:after {
    height: 430px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block:after {
    height: 567.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block:after {
    height: 688px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .left_block:after {
    height: 567.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .left_block:after {
    height: 774px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .left_block:after {
    height: 1083.6px;
  }
}
.container_cards .card.gov .content .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container_cards .card.gov .content .title div:nth-child(1) {
  font-weight: 800;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .title div:nth-child(1) {
    font-size: 103.95px;
  }
}
.container_cards .card.gov .content .title div:nth-child(2) {
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 65.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .title div:nth-child(2) {
    font-size: 91.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .title {
    padding-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .title {
    padding-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .title {
    padding-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .title {
    padding-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .title {
    padding-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .title {
    padding-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .title {
    padding-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .title {
    padding-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .title {
    padding-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .title {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .title {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .title {
    padding-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .title {
    padding-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .title {
    padding-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .title {
    padding-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title {
    padding-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title {
    padding-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title {
    padding-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title {
    padding-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .title {
    padding-top: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .title {
    margin-bottom: 15.75px;
  }
}
.container_cards .card.gov .content:before {
  background-image: url(/src/views/player/documets/goverment/images/background.png);
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 8px 8px 0px 0px;
}
.container_cards .card.gov .content .desc-bl {
  display: flex;
  position: relative;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 103.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl {
    padding-left: 144.9px;
  }
}
.container_cards .card.gov .content .desc-bl .ava {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 85.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 119.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    font-size: 56.7px;
  }
}
.container_cards .card.gov .content .desc-bl .pl1 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    padding-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 {
    margin-right: 63px;
  }
}
.container_cards .card.gov .content .desc-bl .pl1 .desc {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(1) {
    font-size: 56.7px;
  }
}
.container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl1 .desc span:nth-child(2) {
    width: 504px;
  }
}
.container_cards .card.gov .content .desc-bl .pl2 .desc {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl2 .desc {
    margin-bottom: 47.25px;
  }
}
.container_cards .card.gov .content .desc-bl .pl2 .img_b {
  background-image: url(/src/views/player/documets/goverment/images/logo_gv.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 61.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 68.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 88.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 93.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 102.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 95.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 116.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 109.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 130.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 171.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 184.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 171.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 226.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 226.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 308.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    width: 431.55px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 61.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 68.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 88.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 93.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 102.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 95.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 116.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 109.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 130.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 171.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 184.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 171.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 226.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 226.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 308.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl2 .img_b {
    height: 431.55px;
  }
}
.container_cards .card.gov .content .desc-bl .pl3 {
  display: flex;
  align-items: center;
}
.container_cards .card.gov .content .desc-bl .pl3 .serialid {
  display: flex;
  flex-wrap: wrap;
  word-wrap: anywhere;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .serialid {
    width: 31.5px;
  }
}
.container_cards .card.gov .content .desc-bl .pl3 .imgid {
  background-image: url(/src/views/player/documets/army/images/serial.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 59.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl2 {
    margin-right: 47.25px;
  }
}
.container_cards .card.gov .content .desc-bl .pl3 .imgid {
  background-image: url(/src/views/player/documets/army/images/serial.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 110.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 123px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 158.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 168.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 184.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 172.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 209.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 196.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 233.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 307.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 332.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 319.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 307.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 405.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 492px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 405.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 553.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    height: 774.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .pl3 .imgid {
    margin: 15.75px;
  }
}
.container_cards .black_star {
  background-image: url(/src/views/player/documets/goverment/images/black_star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .black_star {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .black_star {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .black_star {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .black_star {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .black_star {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .black_star {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .black_star {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .black_star {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .black_star {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .black_star {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .black_star {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .black_star {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .black_star {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .black_star {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .black_star {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .black_star {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .black_star {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .black_star {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .black_star {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .black_star {
    width: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .black_star {
    height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .black_star {
    height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .black_star {
    height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .black_star {
    height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .black_star {
    height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .black_star {
    height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .black_star {
    height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .black_star {
    height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .black_star {
    height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .black_star {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .black_star {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .black_star {
    height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .black_star {
    height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .black_star {
    height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .black_star {
    height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .black_star {
    height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .black_star {
    height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .black_star {
    height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .black_star {
    height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .black_star {
    height: 59.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .black_star {
    margin: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .black_star {
    margin: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .black_star {
    margin: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .black_star {
    margin: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .black_star {
    margin: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .black_star {
    margin: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .black_star {
    margin: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .black_star {
    margin: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .black_star {
    margin: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .black_star {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .black_star {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .black_star {
    margin: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .black_star {
    margin: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .black_star {
    margin: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .black_star {
    margin: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .black_star {
    margin: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .black_star {
    margin: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .black_star {
    margin: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .black_star {
    margin: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .black_star {
    margin: 15.75px;
  }
}
.container_cards .card.gov .content .usa:before {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/documets/goverment/images/USA_gv.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .usa:before {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .usa:before {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .usa:before {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .usa:before {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .usa:before {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .usa:before {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .usa:before {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .usa:before {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .usa:before {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .usa:before {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .usa:before {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .usa:before {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .usa:before {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .usa:before {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .usa:before {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .usa:before {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .usa:before {
    height: 61.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .usa:before {
    height: 68.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .usa:before {
    height: 88.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .usa:before {
    height: 93.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .usa:before {
    height: 102.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .usa:before {
    height: 95.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .usa:before {
    height: 116.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .usa:before {
    height: 109.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .usa:before {
    height: 130.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .usa:before {
    height: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .usa:before {
    height: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .usa:before {
    height: 171.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .usa:before {
    height: 184.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .usa:before {
    height: 178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .usa:before {
    height: 171.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    height: 226.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    height: 274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    height: 226.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    height: 308.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .usa:before {
    height: 431.55px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .usa:before {
    left: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .usa:before {
    left: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .usa:before {
    left: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .usa:before {
    left: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .usa:before {
    left: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .usa:before {
    left: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .usa:before {
    left: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .usa:before {
    left: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .usa:before {
    left: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .usa:before {
    left: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .usa:before {
    left: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .usa:before {
    left: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .usa:before {
    left: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .usa:before {
    left: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .usa:before {
    left: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    left: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    left: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    left: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    left: 105.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .usa:before {
    left: 148.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .usa:before {
    top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .usa:before {
    top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .usa:before {
    top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .usa:before {
    top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .usa:before {
    top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .usa:before {
    top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .usa:before {
    top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .usa:before {
    top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .usa:before {
    top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .usa:before {
    top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .usa:before {
    top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .usa:before {
    top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .usa:before {
    top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .usa:before {
    top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .usa:before {
    top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .usa:before {
    top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .usa:before {
    top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .usa:before {
    top: 31.5px;
  }
}
.container_cards .card.gov.passport .content:before {
  background-image: url(/src/views/player/documets/passport/images/passport.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content:before {
    border-radius: 25.2px;
  }
}
.container_cards .card.gov.passport .content .desc-bl {
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl1 {
    padding-top: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 200.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-top: 280.35px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .pl4 {
  display: flex;
  justify-content: center;
}
.container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 222.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .desc {
    width: 311.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 222.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 {
    width: 311.85px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
  background-image: url(/src/views/player/documets/army/images/usa.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 164.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    width: 229.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .img-usa {
    margin-bottom: 22.05px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .m1 {
  width: 100%;
  display: flex;
}
.container_cards .newproject__buttonblock {
  display: flex;
  align-items: center;
  color: white;
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock {
    margin-bottom: 56.7px;
  }
}
.container_cards .newproject__buttonblock .newproject__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
  font-family: "Montserrat-Medium";
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .newproject__buttonblock .newproject__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .m-t50 {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .m-t50 {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .m-t50 {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .m-t50 {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .m-t50 {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .m-t50 {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .m-t50 {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .m-t50 {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .m-t50 {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .m-t50 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .m-t50 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .m-t50 {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .m-t50 {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .m-t50 {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .m-t50 {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .m-t50 {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .m-t50 {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .m-t50 {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .m-t50 {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .m-t50 {
    margin-top: 157.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .m-t20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .m-t20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .m-t20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .m-t20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .m-t20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .m-t20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .m-t20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .m-t20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .m-t20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .m-t20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .m-t20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .m-t20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .m-t20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .m-t20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .m-t20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .m-t20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .m-t20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .m-t20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .m-t20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .m-t20 {
    margin-top: 63px;
  }
}
.container_cards .m2 {
  width: 100%;
  display: flex;
}
.container_cards .passport__idcard {
  position: absolute;
  font-weight: 800;
  color: #3D444B;
  font-family: "RF Dewi Extended";
}
@media (max-width: 799px) {
  .container_cards .passport__idcard {
    left: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__idcard {
    left: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__idcard {
    left: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__idcard {
    left: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__idcard {
    left: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__idcard {
    left: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__idcard {
    left: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__idcard {
    left: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__idcard {
    left: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__idcard {
    left: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__idcard {
    left: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__idcard {
    left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__idcard {
    left: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__idcard {
    left: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__idcard {
    left: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    left: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    left: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    left: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    left: 108px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__idcard {
    left: 151.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport__idcard {
    top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__idcard {
    top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__idcard {
    top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__idcard {
    top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__idcard {
    top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__idcard {
    top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__idcard {
    top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__idcard {
    top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__idcard {
    top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__idcard {
    top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__idcard {
    top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__idcard {
    top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__idcard {
    top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__idcard {
    top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__idcard {
    top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    top: 81px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__idcard {
    top: 113.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .passport__idcard {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__idcard {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__idcard {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__idcard {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__idcard {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__idcard {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__idcard {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__idcard {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__idcard {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__idcard {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__idcard {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__idcard {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__idcard {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__idcard {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__idcard {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__idcard {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__idcard {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__idcard {
    font-size: 88.2px;
  }
}
.container_cards .passport__idcard .b {
  font-family: "RF Dewi Extended";
}
.container_cards .passport__idcard .number {
  font-family: "RF Dewi Extended";
  font-weight: 600;
  font-style: normal;
}
@media (max-width: 799px) {
  .container_cards .passport__idcard .number {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .passport__idcard .number {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .passport__idcard .number {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .passport__idcard .number {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .passport__idcard .number {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .passport__idcard .number {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .passport__idcard .number {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .passport__idcard .number {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .passport__idcard .number {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .passport__idcard .number {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .passport__idcard .number {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .passport__idcard .number {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .passport__idcard .number {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .passport__idcard .number {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .passport__idcard .number {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .passport__idcard .number {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .passport__idcard .number {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .passport__idcard .number {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .passport__idcard .number {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .passport__idcard .number {
    margin-left: 56.7px;
  }
}
.container_cards .card .ava {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  .container_cards .card .ava {
    border: 0.9px solid #A20000;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card .ava {
    border: 1px solid #A20000;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card .ava {
    border: 1.29px solid #A20000;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card .ava {
    border: 1.37px solid #A20000;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card .ava {
    border: 1.5px solid #A20000;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card .ava {
    border: 1.4px solid #A20000;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card .ava {
    border: 1.7px solid #A20000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card .ava {
    border: 1.6px solid #A20000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card .ava {
    border: 1.9px solid #A20000;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card .ava {
    border: 2px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card .ava {
    border: 2px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card .ava {
    border: 2.5px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card .ava {
    border: 2.7px solid #A20000;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card .ava {
    border: 2.6px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card .ava {
    border: 2.5px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    border: 3.3px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    border: 4px solid #A20000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    border: 3.3px solid #A20000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    border: 4.5px solid #A20000;
  }
}
@media (min-width: 6000px) {
  .container_cards .card .ava {
    border: 6.3px solid #A20000;
  }
}
@media (max-width: 799px) {
  .container_cards .card .ava {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card .ava {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card .ava {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card .ava {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card .ava {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card .ava {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card .ava {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card .ava {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card .ava {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card .ava {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card .ava {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card .ava {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card .ava {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card .ava {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card .ava {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card .ava {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card .ava {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card .ava {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card .ava {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card .ava {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card .ava {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card .ava {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card .ava {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card .ava {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card .ava {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card .ava {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card .ava {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card .ava {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card .ava {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card .ava {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card .ava {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card .ava {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card .ava {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card .ava {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card .ava {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card .ava {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card .ava {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card .ava {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card .ava {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card .ava {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card .ava {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card .ava {
    width: 378px;
  }
}
@media (max-width: 799px) {
  .container_cards .card .ava {
    height: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card .ava {
    height: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card .ava {
    height: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card .ava {
    height: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card .ava {
    height: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card .ava {
    height: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card .ava {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card .ava {
    height: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card .ava {
    height: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card .ava {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card .ava {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card .ava {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card .ava {
    height: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card .ava {
    height: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card .ava {
    height: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    height: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    height: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card .ava {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card .ava {
    height: 360px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card .ava {
    height: 504px;
  }
}
.container_cards .card.gov .content .desc-bl .ava {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 3.6px solid #1E262F;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 4px solid #1E262F;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 5.16px solid #1E262F;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 5.48px solid #1E262F;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 6px solid #1E262F;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 5.6px solid #1E262F;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 6.8px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 6.4px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 7.6px solid #1E262F;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 8px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 8px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 10px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 10.8px solid #1E262F;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 10.4px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 10px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 13.2px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 16px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 13.2px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 18px solid #1E262F;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    border: 25.2px solid #1E262F;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    width: 441px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov .content .desc-bl .ava {
    height: 567px;
  }
}
.container_cards .card.ems .content .left .ava {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  .container_cards .card.ems .content .left .ava {
    border: 3.6px solid #A20000;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .content .left .ava {
    border: 4px solid #A20000;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .content .left .ava {
    border: 5.16px solid #A20000;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .content .left .ava {
    border: 5.48px solid #A20000;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .content .left .ava {
    border: 6px solid #A20000;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .content .left .ava {
    border: 5.6px solid #A20000;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .content .left .ava {
    border: 6.8px solid #A20000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .content .left .ava {
    border: 6.4px solid #A20000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .content .left .ava {
    border: 7.6px solid #A20000;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .content .left .ava {
    border: 8px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .content .left .ava {
    border: 8px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .content .left .ava {
    border: 10px solid #A20000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .content .left .ava {
    border: 10.8px solid #A20000;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .content .left .ava {
    border: 10.4px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .content .left .ava {
    border: 10px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    border: 13.2px solid #A20000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    border: 16px solid #A20000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    border: 13.2px solid #A20000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    border: 18px solid #A20000;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .content .left .ava {
    border: 25.2px solid #A20000;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .content .left .ava {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .content .left .ava {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .content .left .ava {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .content .left .ava {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .content .left .ava {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .content .left .ava {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .content .left .ava {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .content .left .ava {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .content .left .ava {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .content .left .ava {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .content .left .ava {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .content .left .ava {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .content .left .ava {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .content .left .ava {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .content .left .ava {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .content .left .ava {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .content .left .ava {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .content .left .ava {
    width: 567px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.ems .content .left .ava {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.ems .content .left .ava {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.ems .content .left .ava {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.ems .content .left .ava {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.ems .content .left .ava {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.ems .content .left .ava {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.ems .content .left .ava {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.ems .content .left .ava {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.ems .content .left .ava {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.ems .content .left .ava {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.ems .content .left .ava {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.ems .content .left .ava {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.ems .content .left .ava {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.ems .content .left .ava {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.ems .content .left .ava {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.ems .content .left .ava {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.ems .content .left .ava {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.ems .content .left .ava {
    height: 693px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .ava {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 3.6px solid #1E262F;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 4px solid #1E262F;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 5.16px solid #1E262F;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 5.48px solid #1E262F;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 6px solid #1E262F;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 5.6px solid #1E262F;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 6.8px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 6.4px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 7.6px solid #1E262F;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 8px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 8px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 10px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 10.8px solid #1E262F;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 10.4px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 10px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 13.2px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 16px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 13.2px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 18px solid #1E262F;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    border: 25.2px solid #1E262F;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    width: 567px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .ava {
    height: 693px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .desc {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .m2 .desc span:nth-child(2) {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 94.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl {
    padding-left: 132.3px;
  }
}
.container_cards .card.gov.passport .content .desc-bl .pl4 .number {
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl4 .number {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.gov.passport .content .desc-bl .pl2 {
    margin-right: 75.6px;
  }
}
.container_cards .card.fib .content .pl1 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 {
    padding-left: 103.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 {
    padding-right: 103.95px;
  }
}
.container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
  font-weight: 800;
  color: #081130;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 380.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    font-size: 532.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 292.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(1) {
    line-height: 409.5px;
  }
}
.container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
  font-weight: 800;
  color: #081130;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .txt div:nth-child(2) {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    width: 472.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .img_lg {
    height: 472.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 48.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 54px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 69.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 73.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 81px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 75.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 91.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 86.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 102.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 108px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 108px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 145.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 140.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 135px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 178.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 216px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 178.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 243px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    width: 340.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .img_lspdBadge {
    height: 441px;
  }
}
.container_cards .card.fib .content .title {
  color: #081130;
  font-weight: 800;
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .title {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .title {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .title {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .title {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .title {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .title {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .title {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .title {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .title {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .title {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .title {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .title {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .title {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .title {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .title {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .title {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .title {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .title {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .title {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .title {
    font-size: 103.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .title {
    margin-bottom: 31.5px;
  }
}
.container_cards .card.fib.badge {
  bottom: 0;
  position: absolute !important;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .title {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .title {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge {
    width: 169.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge {
    width: 188px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge {
    width: 242.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge {
    width: 257.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge {
    width: 282px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge {
    width: 263.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge {
    width: 319.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge {
    width: 300.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge {
    width: 357.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge {
    width: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge {
    width: 507.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge {
    width: 488.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge {
    width: 470px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    width: 620.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    width: 752px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    width: 620.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    width: 846px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge {
    width: 1184.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge {
    height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge {
    height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge {
    height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge {
    height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge {
    height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge {
    height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge {
    height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge {
    height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge {
    height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge {
    height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge {
    height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge {
    height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge {
    height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge {
    height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge {
    height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge {
    height: 2173.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge {
    top: -2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge {
    top: -2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge {
    top: -3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge {
    top: -3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge {
    top: -3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge {
    top: -3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge {
    top: -4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge {
    top: -4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge {
    top: -4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge {
    top: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge {
    top: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge {
    top: -6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge {
    top: -6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge {
    top: -6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge {
    top: -6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    top: -8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    top: -10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge {
    top: -8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge {
    top: -11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge {
    top: -15.75px;
  }
}
.container_cards .card.fib .content .pl1 .ava {
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 3.6px solid #081130;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 4px solid #081130;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 5.16px solid #081130;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 5.48px solid #081130;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 6px solid #081130;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 5.6px solid #081130;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 6.8px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 6.4px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 7.6px solid #081130;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 10px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 10.8px solid #081130;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 10.4px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 10px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 16px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 18px solid #081130;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .ava {
    border: 25.2px solid #081130;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .ava {
    height: 472.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 274.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .ava {
    width: 384.3px;
  }
}
.container_cards .card.fib .content .pl2 .t1 {
  width: 45%;
  font-weight: 800;
  display: flex;
  color: #081130;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t1 {
    font-size: 103.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t1 {
    margin-right: 97.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 128.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t1 {
    height: 179.55px;
  }
}
.container_cards .card.fib.badge .img_lg {
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .img_lg {
    width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .img_lg {
    width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .img_lg {
    width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .img_lg {
    width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .img_lg {
    width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .img_lg {
    width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .img_lg {
    width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .img_lg {
    width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .img_lg {
    width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .img_lg {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .img_lg {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .img_lg {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .img_lg {
    width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .img_lg {
    width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .img_lg {
    width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    width: 279px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .img_lg {
    width: 390.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .img_lg {
    height: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .img_lg {
    height: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .img_lg {
    height: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .img_lg {
    height: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .img_lg {
    height: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .img_lg {
    height: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .img_lg {
    height: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .img_lg {
    height: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .img_lg {
    height: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .img_lg {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .img_lg {
    height: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .img_lg {
    height: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .img_lg {
    height: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .img_lg {
    height: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .img_lg {
    height: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    height: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    height: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    height: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    height: 279px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .img_lg {
    height: 390.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 54px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .img_lg {
    bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .title {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .lspd_leather .ct .left.badgeLSPD .a .title {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 48.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 54px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 69.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 73.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 81px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 75.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 91.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 86.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 102.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 108px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 108px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 145.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 140.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 135px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 178.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 216px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 178.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 243px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    width: 340.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .img_lspdBadge {
    height: 441px;
  }
}
.container_cards .card.fib.badge .content .pl2 .t1 {
  width: 100%;
  justify-content: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .pl2 .t1 {
    margin-right: 0px;
  }
}
.container_cards .card.fib.badge .content .ava {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .ava {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .ava {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 3.6px solid #081130;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 4px solid #081130;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 5.16px solid #081130;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 5.48px solid #081130;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 6px solid #081130;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 5.6px solid #081130;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 6.8px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 6.4px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 7.6px solid #081130;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 10px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 10.8px solid #081130;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 10.4px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 10px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 16px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 18px solid #081130;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .ava img {
    border: 25.2px solid #081130;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 87.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    font-size: 122.85px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 97.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 108px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 139.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 147.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 162px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 151.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 183.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 172.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 205.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 216px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 216px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 291.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 280.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 270px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 356.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 432px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 356.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 486px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .pl2 .t2 {
    width: 680.4px;
  }
}
.container_cards .card.fib.badge .content .pl1 {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-left: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge .content .pl1 {
    padding-right: 0px;
  }
}
.container_cards .card.fib .content .pl2 .t2 {
  font-family: ENF;
  position: relative;
  z-index: 4;
  width: 52%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t2 {
    font-size: 103.95px;
  }
}
.container_cards .card.fib .content .pl2 .t2:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #081130;
  z-index: -1;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    bottom: 28.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 .t2:after {
    left: 0px;
  }
}
.container_cards .card.fib .content .pl3 {
  background: #081130;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 {
    margin: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 {
    margin: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 {
    margin: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 {
    margin: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 {
    margin: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 {
    margin: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 {
    margin: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 {
    margin: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 {
    margin: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 {
    margin: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 {
    margin: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 {
    margin: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 {
    margin: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 {
    margin: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    margin: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    margin: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    margin: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    margin: 11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 {
    margin: 15.75px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 {
    height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 {
    height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 {
    height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 {
    height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 {
    height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 {
    height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 {
    height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 {
    height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 {
    height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 {
    height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 {
    height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 {
    height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 {
    height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    height: 128.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 {
    height: 179.55px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 {
    padding-right: 94.5px;
  }
}
.container_cards .card.fib .content .pl3 .t1 {
  font-weight: 800;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 .t1 {
    width: 1039.5px;
  }
}
.container_cards .card.fib .content .pl3 .t2 {
  background-image: url(/src/views/player/documets/fib/images/fib.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 .t2 {
    width: 126px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl3 .t2 {
    height: 126px;
  }
}
.container_cards .card.fib .content .pl2 {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 {
    padding-left: 103.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl2 {
    padding-right: 103.95px;
  }
}
.container_cards .card.fib.badge .content .pl2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container_cards .card.fib.badge .content .pl2 .t1 {
  width: 100%;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 49.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 54.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 70.305px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 74.665px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 81.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 76.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 92.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 87.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 103.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 136.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 147.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 141.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 136.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 179.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 218px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 179.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 245.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content .pl1 .ava img {
    width: 343.35px;
  }
}
.container_cards .card_leather .b1 {
  background-image: url(/src/views/player/documets/fib/images/fib_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
  position: relative;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1 {
    width: 306.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1 {
    width: 341px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1 {
    width: 439.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1 {
    width: 467.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1 {
    width: 511.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1 {
    width: 477.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1 {
    width: 579.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1 {
    width: 545.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1 {
    width: 647.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1 {
    width: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1 {
    width: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1 {
    width: 852.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1 {
    width: 920.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1 {
    width: 886.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1 {
    width: 852.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    width: 1125.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    width: 1364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    width: 1125.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    width: 1534.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1 {
    width: 2148.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1 {
    height: 176.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1 {
    height: 196px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1 {
    height: 252.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1 {
    height: 268.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1 {
    height: 294px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1 {
    height: 274.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1 {
    height: 333.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1 {
    height: 313.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1 {
    height: 372.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1 {
    height: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1 {
    height: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1 {
    height: 490px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1 {
    height: 529.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1 {
    height: 509.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1 {
    height: 490px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    height: 646.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    height: 784px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    height: 646.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    height: 882px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1 {
    height: 1234.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1 {
    padding-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1 {
    padding-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1 {
    padding-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1 {
    padding-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1 {
    padding-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1 {
    padding-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1 {
    padding-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1 {
    padding-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1 {
    padding-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1 {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1 {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1 {
    padding-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1 {
    padding-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1 {
    padding-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1 {
    padding-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    padding-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    padding-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    padding-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    padding-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1 {
    padding-top: 40.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1 {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1 {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1 {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1 {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1 {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1 {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1 {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1 {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1 {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1 {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1 {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1 {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1 {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1 {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1 {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1 {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1 {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1 {
    padding-left: 22.05px;
  }
}
.container_cards .card.fib.badge {
  z-index: 10;
  position: relative;
}
.container_cards .card.fib.badge::after {
  position: absolute;
  left: 0;
  opacity: 0.1;
  right: 0;
  margin: auto;
  background-image: url(/src/views/player/documets/fibbadge/images/fib.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  background-size: 100%;
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge::after {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge::after {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge::after {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge::after {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge::after {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge::after {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge::after {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge::after {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge::after {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge::after {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge::after {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge::after {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge::after {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge::after {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge::after {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge::after {
    width: 756px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge::after {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge::after {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge::after {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge::after {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge::after {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge::after {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge::after {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge::after {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge::after {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge::after {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge::after {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge::after {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge::after {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge::after {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge::after {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge::after {
    height: 756px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib.badge::after {
    bottom: 39.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib.badge::after {
    bottom: 43.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib.badge::after {
    bottom: 56.115px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib.badge::after {
    bottom: 59.595px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib.badge::after {
    bottom: 65.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib.badge::after {
    bottom: 60.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib.badge::after {
    bottom: 73.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib.badge::after {
    bottom: 69.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib.badge::after {
    bottom: 82.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib.badge::after {
    bottom: 87px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib.badge::after {
    bottom: 87px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib.badge::after {
    bottom: 108.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib.badge::after {
    bottom: 117.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib.badge::after {
    bottom: 113.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib.badge::after {
    bottom: 108.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    bottom: 143.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    bottom: 174px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib.badge::after {
    bottom: 143.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib.badge::after {
    bottom: 195.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib.badge::after {
    bottom: 274.05px;
  }
}
.container_cards .card_leather .b1.badge {
  background-image: url(/src/views/player/documets/fibbadge/images/badgeFib.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
  position: relative;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1.badge {
    width: 176.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1.badge {
    width: 196px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1.badge {
    width: 252.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1.badge {
    width: 268.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1.badge {
    width: 294px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1.badge {
    width: 274.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1.badge {
    width: 333.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1.badge {
    width: 313.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1.badge {
    width: 372.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1.badge {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1.badge {
    width: 392px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1.badge {
    width: 490px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1.badge {
    width: 529.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1.badge {
    width: 509.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1.badge {
    width: 490px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    width: 646.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    width: 784px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    width: 646.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    width: 882px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1.badge {
    width: 1234.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1.badge {
    height: 306.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1.badge {
    height: 341px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1.badge {
    height: 439.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1.badge {
    height: 467.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1.badge {
    height: 511.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1.badge {
    height: 477.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1.badge {
    height: 579.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1.badge {
    height: 545.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1.badge {
    height: 647.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1.badge {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1.badge {
    height: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1.badge {
    height: 852.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1.badge {
    height: 920.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1.badge {
    height: 886.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1.badge {
    height: 852.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    height: 1125.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    height: 1364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    height: 1125.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    height: 1534.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1.badge {
    height: 2148.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1.badge {
    padding-top: 40.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b1.badge {
    padding-left: 22.05px;
  }
}
.container_cards .card_leather .b2 {
  background-image: url(/src/views/player/documets/fib/images/fib_3.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b2 {
    height: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b2 {
    height: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b2 {
    height: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b2 {
    height: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b2 {
    height: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b2 {
    height: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b2 {
    height: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b2 {
    height: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b2 {
    height: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b2 {
    height: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b2 {
    height: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b2 {
    height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b2 {
    height: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b2 {
    height: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b2 {
    height: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    height: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    height: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    height: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    height: 207px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b2 {
    height: 289.8px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b2 {
    margin-top: -9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b2 {
    margin-top: -10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b2 {
    margin-top: -12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b2 {
    margin-top: -13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b2 {
    margin-top: -15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b2 {
    margin-top: -14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b2 {
    margin-top: -17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b2 {
    margin-top: -16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b2 {
    margin-top: -19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b2 {
    margin-top: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b2 {
    margin-top: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b2 {
    margin-top: -25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b2 {
    margin-top: -27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b2 {
    margin-top: -26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b2 {
    margin-top: -25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    margin-top: -33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    margin-top: -40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    margin-top: -33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    margin-top: -45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b2 {
    margin-top: -63px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b2 {
    margin-bottom: -63px;
  }
}
.container_cards .card_leather .b3 {
  background-image: url(/src/views/player/documets/fib/images/fib_2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-size: 101%;
  background-position: -2px 0px;
  position: relative;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 {
    height: 175.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 {
    height: 195.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 {
    height: 252.195px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 {
    height: 267.835px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 {
    height: 293.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 {
    height: 273.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 {
    height: 332.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 {
    height: 312.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 {
    height: 371.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 {
    height: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 {
    height: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 {
    height: 488.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 {
    height: 527.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 {
    height: 508.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 {
    height: 488.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 {
    height: 645.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 {
    height: 782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 {
    height: 645.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 {
    height: 879.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 {
    height: 1231.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 {
    width: 306.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 {
    width: 341px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 {
    width: 439.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 {
    width: 467.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 {
    width: 511.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 {
    width: 477.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 {
    width: 579.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 {
    width: 545.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 {
    width: 647.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 {
    width: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 {
    width: 682px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 {
    width: 852.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 {
    width: 920.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 {
    width: 886.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 {
    width: 852.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 {
    width: 1125.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 {
    width: 1364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 {
    width: 1125.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 {
    width: 1534.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 {
    width: 2148.3px;
  }
}
.container_cards .card_leather .b3 .pl1 {
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0px 0px 10px #000;
  position: absolute;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 134.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 149px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 192.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 204.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 223.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 208.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 253.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 238.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 283.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 298px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 298px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 372.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 402.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 387.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 372.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 491.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 596px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 491.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 670.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 {
    width: 938.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 134.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 149px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 192.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 204.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 223.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 208.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 253.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 238.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 283.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 298px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 298px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 372.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 402.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 387.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 372.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 491.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 596px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 491.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 670.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 {
    height: 938.7px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 110.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 {
    left: 154.35px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 105.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 {
    top: 148.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 {
    padding: 31.5px;
  }
}
.container_cards .card_leather .b3 .pl1 p:nth-child(1) {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(1) {
    margin-bottom: 25.2px;
  }
}
.container_cards .card_leather .b3 .pl1 p:nth-child(3) {
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(3) {
    margin-bottom: 25.2px;
  }
}
.container_cards .card_leather .b3 .pl1 p:nth-child(4) {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    font-size: 34.65px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 108.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 121px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 156.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 165.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 181.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 169.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 205.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 193.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 229.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 242px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 242px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 302.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 326.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 314.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 302.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 399.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 484px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 399.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 544.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 p:nth-child(4) {
    width: 762.3px;
  }
}
.container_cards .card_leather .b1 .card.fib {
  transform: scale(0.88);
  box-shadow: inset 0px 0px 10px #000;
}
.container_cards .card_leather .b3 .pl1 .t2 {
  font-family: ENF;
  position: relative;
  z-index: 4;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 74.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 .t2 {
    font-size: 103.95px;
  }
}
.container_cards .card_leather .b3 .pl1 .t2:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #081130;
  z-index: -1;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl1 .t2:after {
    left: 0px;
  }
}
.container_cards .card_leather .b3 .pl2 {
  width: 47%;
  height: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  align-items: center;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl2 {
    right: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl2 {
    padding-top: 47.25px;
  }
}
.container_cards .card_leather .b3 .pl2:after {
  background-image: url(/src/views/player/documets/fib/images/fib.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl2:after {
    width: 756px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_leather .b3 .pl2:after {
    height: 756px;
  }
}
.container_cards .card_army {
  overflow: hidden;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 29px 2px rgba(0, 0, 0, 0.3607843137);
}
.container_cards .card_army .right {
  position: absolute;
  bottom: 0;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #003875;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}
@media (max-width: 799px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .right {
    right: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .right {
    width: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .right {
    width: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .right {
    width: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .right {
    width: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .right {
    width: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .right {
    width: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .right {
    width: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .right {
    width: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .right {
    width: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .right {
    width: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .right {
    width: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .right {
    width: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .right {
    width: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .right {
    width: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .right {
    width: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .right {
    width: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .right {
    width: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .right {
    width: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .right {
    width: 60.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .right {
    width: 85.05px;
  }
}
.container_cards .card_army.msc .right {
  background: black;
}
.container_cards .card_army .right p {
  transform: rotate(90deg);
  position: absolute;
  top: 19%;
}
@media (max-width: 799px) {
  .container_cards .card_army .right p {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .right p {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .right p {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .right p {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .right p {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .right p {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .right p {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .right p {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .right p {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .right p {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .right p {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .right p {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .right p {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .right p {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .right p {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .right p {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .right p {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .right p {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .right p {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .right p {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava {
    padding-top: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava {
    padding-top: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava {
    padding-top: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava {
    padding-top: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava {
    padding-top: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava {
    padding-top: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava {
    padding-top: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava {
    padding-top: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava {
    padding-top: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava {
    padding-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava {
    padding-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava {
    padding-top: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava {
    padding-top: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava {
    padding-top: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava {
    padding-top: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava {
    padding-top: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava {
    padding-top: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava {
    padding-top: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava {
    padding-top: 47.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava {
    padding-top: 66.15px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava {
    margin-right: 9.45px;
  }
}
.container_cards .card_army .content .ava div:nth-child(2) {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(2) {
    max-width: 472.5px;
  }
}
.container_cards .card_army .content .ava div:nth-child(3) {
  background-image: url(/src/views/player/documets/army/images/usa.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 164.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    width: 229.95px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-top: 9.45px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava div:nth-child(3) {
    margin-bottom: 31.5px;
  }
}
.container_cards .card_army .content .ava .label {
  z-index: 10;
  display: flex;
  flex-direction: column;
}
.container_cards .card_army .content .ava .label span:nth-child(1) {
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava .label span:nth-child(1) {
    font-size: 69.3px;
  }
}
.container_cards .card_army .content .ava .label span:nth-child(2) {
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    margin-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ava .label span:nth-child(2) {
    width: 724.5px;
  }
}
.container_cards .card_army .content .ar1 {
  background: #003875;
  border-radius: 0px 5px 0px 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 {
    height: 105.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 {
    height: 117.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 {
    height: 151.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 {
    height: 160.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 {
    height: 176.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 {
    height: 164.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 {
    height: 199.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 {
    height: 188px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 {
    height: 223.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 {
    height: 235px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 {
    height: 235px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 {
    height: 293.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 {
    height: 317.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 {
    height: 305.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 {
    height: 293.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    height: 387.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    height: 470px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    height: 387.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    height: 528.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 {
    height: 740.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 {
    width: 82.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 {
    width: 91.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 {
    width: 118.035px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 {
    width: 125.355px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 {
    width: 137.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 {
    width: 128.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 {
    width: 155.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 {
    width: 146.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 {
    width: 173.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 {
    width: 183px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 {
    width: 183px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 {
    width: 228.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 {
    width: 247.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 {
    width: 237.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 {
    width: 228.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    width: 301.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    width: 366px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    width: 301.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    width: 411.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 {
    width: 576.45px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 {
    right: 0px;
  }
}
.container_cards .card_army.msc .content .ar1 {
  background: black;
}
.container_cards .card_army .content .ar1 .title {
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 .title {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 .title {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 .title {
    margin-top: 31.5px;
  }
}
.container_cards .card_army .content .ar1 p {
  color: #65B890;
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 p {
    font-size: 63px;
  }
}
.container_cards .card_army.msc .content .ar1 p {
  color: #EF1C21;
}
.container_cards .card_army .content {
  display: flex;
}
@media (max-width: 799px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content .ar1 img {
    margin-bottom: 6.3px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .content {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .content {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .content {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .content {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .content {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .content {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .content {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .content {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .content {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .content {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .content {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .content {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .content {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .content {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .content {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .content {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .content {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .content {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .content {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .content {
    margin-bottom: 31.5px;
  }
}
.container_cards .card_army:before {
  background-image: url(/src/views/player/documets/army/images/backgroud.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  position: absolute;
  margin: auto;
}
@media (max-width: 799px) {
  .container_cards .card_army:before {
    width: 129.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army:before {
    width: 143.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army:before {
    width: 185.115px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army:before {
    width: 196.595px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army:before {
    width: 215.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army:before {
    width: 200.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army:before {
    width: 243.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army:before {
    width: 229.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army:before {
    width: 272.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army:before {
    width: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army:before {
    width: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army:before {
    width: 358.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army:before {
    width: 387.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army:before {
    width: 373.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army:before {
    width: 358.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    width: 473.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    width: 574px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    width: 473.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    width: 645.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army:before {
    width: 904.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army:before {
    height: 129.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army:before {
    height: 143.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army:before {
    height: 185.115px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army:before {
    height: 196.595px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army:before {
    height: 215.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army:before {
    height: 200.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army:before {
    height: 243.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army:before {
    height: 229.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army:before {
    height: 272.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army:before {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army:before {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army:before {
    height: 358.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army:before {
    height: 387.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army:before {
    height: 373.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army:before {
    height: 358.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    height: 473.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    height: 574px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    height: 473.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    height: 645.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army:before {
    height: 904.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army:before {
    right: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army:before {
    left: 0px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army:before {
    bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army:before {
    bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army:before {
    bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army:before {
    bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army:before {
    bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army:before {
    bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army:before {
    bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army:before {
    bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army:before {
    bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army:before {
    bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army:before {
    bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army:before {
    bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army:before {
    bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army:before {
    bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army:before {
    bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army:before {
    bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army:before {
    bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army:before {
    bottom: 81.9px;
  }
}
.container_cards .card_army .bottom-ar {
  font-weight: bold;
}
@media (max-width: 799px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .bottom-ar {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 198px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .bottom-ar {
    padding-right: 277.2px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .bottom-ar {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .bottom-ar {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .bottom-ar {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .bottom-ar {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .bottom-ar {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .bottom-ar {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .bottom-ar {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .bottom-ar {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .bottom-ar {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .bottom-ar {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .bottom-ar {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .bottom-ar {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .bottom-ar {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .bottom-ar {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .bottom-ar {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .bottom-ar {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .bottom-ar {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .bottom-ar {
    font-size: 37.8px;
  }
}
.container_cards .card_army .serial {
  background-image: url(/src/views/player/documets/army/images/serial.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card_army .serial {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .serial {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .serial {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .serial {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .serial {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .serial {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .serial {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .serial {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .serial {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .serial {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .serial {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .serial {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .serial {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .serial {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .serial {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .serial {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .serial {
    height: 110.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .serial {
    height: 123px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .serial {
    height: 158.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .serial {
    height: 168.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .serial {
    height: 184.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .serial {
    height: 172.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .serial {
    height: 209.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .serial {
    height: 196.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .serial {
    height: 233.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .serial {
    height: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .serial {
    height: 246px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .serial {
    height: 307.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .serial {
    height: 332.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .serial {
    height: 319.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .serial {
    height: 307.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    height: 405.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    height: 492px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    height: 405.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    height: 553.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .serial {
    height: 774.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .serial {
    right: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .serial {
    right: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .serial {
    right: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .serial {
    right: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .serial {
    right: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .serial {
    right: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .serial {
    right: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .serial {
    right: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .serial {
    right: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .serial {
    right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .serial {
    right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .serial {
    right: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .serial {
    right: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .serial {
    right: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .serial {
    right: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    right: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    right: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    right: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    right: 60.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .serial {
    right: 85.05px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army .serial {
    bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army .serial {
    bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army .serial {
    bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army .serial {
    bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army .serial {
    bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army .serial {
    bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army .serial {
    bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army .serial {
    bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army .serial {
    bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army .serial {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army .serial {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army .serial {
    bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army .serial {
    bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army .serial {
    bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army .serial {
    bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army .serial {
    bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army .serial {
    bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army .serial {
    bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army {
    width: 164.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army {
    width: 183px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army {
    width: 236.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army {
    width: 250.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army {
    width: 274.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army {
    width: 256.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army {
    width: 311.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army {
    width: 292.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army {
    width: 347.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army {
    width: 366px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army {
    width: 366px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army {
    width: 457.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army {
    width: 494.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army {
    width: 475.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army {
    width: 457.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army {
    width: 603.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army {
    width: 732px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army {
    width: 603.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army {
    width: 823.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army {
    width: 1152.9px;
  }
}
@media (max-width: 799px) {
  .container_cards .card_army {
    height: 255.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card_army {
    height: 283.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card_army {
    height: 365.715px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card_army {
    height: 388.395px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card_army {
    height: 425.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card_army {
    height: 396.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card_army {
    height: 481.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card_army {
    height: 453.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card_army {
    height: 538.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card_army {
    height: 567px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card_army {
    height: 567px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card_army {
    height: 708.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card_army {
    height: 765.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card_army {
    height: 737.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card_army {
    height: 708.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card_army {
    height: 935.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card_army {
    height: 1134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card_army {
    height: 935.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card_army {
    height: 1275.75px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card_army {
    height: 1786.05px;
  }
}
.container_cards .card_leather .card.fib {
  display: block;
}
.container_cards .card.fibbadge {
  bottom: 0;
  position: absolute;
}
@media (max-width: 799px) {
  .container_cards .card.fibbadge {
    width: 169.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fibbadge {
    width: 188px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fibbadge {
    width: 242.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fibbadge {
    width: 257.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fibbadge {
    width: 282px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fibbadge {
    width: 263.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fibbadge {
    width: 319.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fibbadge {
    width: 300.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fibbadge {
    width: 357.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fibbadge {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fibbadge {
    width: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fibbadge {
    width: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fibbadge {
    width: 507.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fibbadge {
    width: 488.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fibbadge {
    width: 470px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    width: 620.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    width: 752px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    width: 620.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    width: 846px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fibbadge {
    width: 1184.4px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fibbadge {
    height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fibbadge {
    height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fibbadge {
    height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fibbadge {
    height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fibbadge {
    height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fibbadge {
    height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fibbadge {
    height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fibbadge {
    height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fibbadge {
    height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fibbadge {
    height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fibbadge {
    height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fibbadge {
    height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fibbadge {
    height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fibbadge {
    height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fibbadge {
    height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fibbadge {
    height: 2173.5px;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fibbadge {
    top: -2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fibbadge {
    top: -2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fibbadge {
    top: -3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fibbadge {
    top: -3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fibbadge {
    top: -3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fibbadge {
    top: -3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fibbadge {
    top: -4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fibbadge {
    top: -4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fibbadge {
    top: -4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fibbadge {
    top: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fibbadge {
    top: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fibbadge {
    top: -6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fibbadge {
    top: -6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fibbadge {
    top: -6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fibbadge {
    top: -6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    top: -8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    top: -10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fibbadge {
    top: -8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fibbadge {
    top: -11.25px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fibbadge {
    top: -15.75px;
  }
}
.container_cards .card.fib .content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
@media (max-width: 799px) {
  .container_cards .card.fib .content {
    border: 3.6px solid #081130;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib .content {
    border: 4px solid #081130;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib .content {
    border: 5.16px solid #081130;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib .content {
    border: 5.48px solid #081130;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib .content {
    border: 6px solid #081130;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib .content {
    border: 5.6px solid #081130;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib .content {
    border: 6.8px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib .content {
    border: 6.4px solid #081130;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib .content {
    border: 7.6px solid #081130;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib .content {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib .content {
    border: 8px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib .content {
    border: 10px solid #081130;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib .content {
    border: 10.8px solid #081130;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib .content {
    border: 10.4px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib .content {
    border: 10px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib .content {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib .content {
    border: 16px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib .content {
    border: 13.2px solid #081130;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib .content {
    border: 18px solid #081130;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib .content {
    border: 25.2px solid #081130;
  }
}
@media (max-width: 799px) {
  .container_cards .card.fib {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .container_cards .card.fib {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .container_cards .card.fib {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .container_cards .card.fib {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .container_cards .card.fib {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .container_cards .card.fib {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .container_cards .card.fib {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .container_cards .card.fib {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .container_cards .card.fib {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .container_cards .card.fib {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .container_cards .card.fib {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .container_cards .card.fib {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .container_cards .card.fib {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .container_cards .card.fib {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .container_cards .card.fib {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .container_cards .card.fib {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .container_cards .card.fib {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .container_cards .card.fib {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .container_cards .card.fib {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  .container_cards .card.fib {
    padding: 31.5px;
  }
}
@font-face {
  font-family: "inv";
  src: url(../src/views/player/documets/fontlicenses//inv.eot);
  src: url(../src/views/player/documets/fontlicenses//inv.eot#iefix) format("embedded-opentype"), url(../src/views/player/documets/fontlicenses//inv.ttf) format("truetype"), url(../src/views/player/documets/fontlicenses//inv.woff) format("woff"), url(/src/views/player/documets/fontlicenses/inv.svg#inv) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inv-], [class*=" inv-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inv" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inv-backpack:before {
  content: "\e900";
}

.inv-car:before {
  content: "\e901";
}

.inv-close:before {
  content: "\e902";
}

.inv-freeze:before {
  content: "\e903";
}

.inv-home:before {
  content: "\e904";
}

.inv-key:before {
  content: "\e905";
}

.inv-lic-boat:before {
  content: "\e906";
}

.inv-lic-car:before {
  content: "\e907";
}

.inv-lic-drone:before {
  content: "\e908";
}

.inv-lic-gun:before {
  content: "\e909";
}

.inv-lic-health:before {
  content: "\e90a";
}

.inv-lic-helipad:before {
  content: "\e90b";
}

.inv-lic-medical:before {
  content: "\e90c";
}

.inv-lic-moto:before {
  content: "\e90d";
}

.inv-lic-truck:before {
  content: "\e90e";
}

.inv-safe:before {
  content: "\e90f";
}

.inv-slap:before {
  content: "\e910";
}

.inv-trade:before {
  content: "\e911";
}

.inv-user:before {
  content: "\e912";
}

.inv-key-2:before {
  content: "\e970";
}

.inv-drop:before {
  content: "\e913";
}

.inv-modifications:before {
  content: "\e914";
}

.inv-store:before {
  content: "\e915";
}
#clothesEditor {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #clothesEditor {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #clothesEditor {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #clothesEditor {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor {
    padding-right: 453.6px;
  }
}
#clothesEditor .ic-st-sliders-2 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M18 7.875L18 10.125L14.625 10.125L14.625 7.875L18 7.875Z' fill='white'/%3e%3cpath d='M13.5 6.75L10.125 6.75L10.125 7.875L-4.91753e-08 7.875L-1.47526e-07 10.125L10.125 10.125L10.125 11.25L13.5 11.25L13.5 6.75Z' fill='%23D33437'/%3e%3cpath d='M18 2.25L18 4.5L9 4.5L9 2.25L18 2.25Z' fill='white'/%3e%3cpath d='M7.875 1.125L4.5 1.125L4.5 2.25L-4.91753e-08 2.25L-1.47526e-07 4.5L4.5 4.5L4.5 5.625L7.875 5.625L7.875 1.125Z' fill='white'/%3e%3cpath d='M18 13.5L18 15.75L6.75 15.75L6.75 13.5L18 13.5Z' fill='white'/%3e%3cpath d='M5.625 12.375L2.25 12.375L2.25 13.5L-4.91753e-08 13.5L-1.47526e-07 15.75L2.25 15.75L2.25 16.875L5.625 16.875L5.625 12.375Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect x='18' width='18' height='18' transform='rotate(90 18 0)' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-2 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-2 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-2 {
    margin-right: 50.4px;
  }
}
#clothesEditor .ic-st-sliders-3 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M4.19062 1.34297C4.01136 1.00547 3.44176 1.00547 3.2625 1.34297C1.89141 3.91641 1.11797 5.11875 0.727734 5.76211C0.42191 6.24727 0 6.8695 0 7.94531C0 9.98086 1.69102 11.6367 3.72656 11.6367C5.76211 11.6367 7.41797 9.98086 7.41797 7.94531C7.41797 6.85895 7.00664 6.25785 6.66911 5.7305C6.27887 5.08707 5.54059 3.87418 4.19062 1.34297Z' fill='white'/%3e%3cpath d='M17.4727 14.8007H10.582V14.2734C10.582 14.1363 10.5293 13.9992 10.4238 13.9043L9.36911 12.8496C9.16871 12.6387 8.83129 12.6387 8.63086 12.8496L7.57617 13.9043C7.4707 13.9992 7.41797 14.1363 7.41797 14.2734V14.8007H0.527344C0.235863 14.8007 0 15.0366 0 15.3281C0 15.6196 0.235863 15.8554 0.527344 15.8554H7.41797V16.3828C7.41797 16.6781 7.64996 16.9101 7.94531 16.9101H10.0547C10.35 16.9101 10.582 16.6781 10.582 16.3828V15.8554H17.4727C17.7641 15.8554 18 15.6196 18 15.3281C18 15.0366 17.7641 14.8007 17.4727 14.8007Z' fill='white'/%3e%3cpath d='M14.7385 1.34785C14.5551 1.00384 13.9917 1.00384 13.8084 1.34785C13.1521 2.57698 12.645 3.50401 12.2479 4.19118C12.4967 4.6114 12.666 4.88562 12.901 5.26583C13.2579 5.83902 13.7461 6.62385 13.7461 7.9453C13.7461 9.18428 13.258 10.3043 12.4778 11.1503C13.0116 11.4508 13.6184 11.6367 14.2734 11.6367C16.3086 11.6367 18 9.98053 18 7.9453C18 6.86242 17.5837 6.26026 17.2564 5.72983C16.8603 5.08921 16.0887 3.87593 14.7385 1.34785Z' fill='white'/%3e%3cpath d='M8.99997 11.6367C11.0352 11.6367 12.6914 9.98053 12.6914 7.9453C12.6914 6.86242 12.2751 6.26026 11.9477 5.72983C11.5517 5.08917 10.8153 3.8759 9.46502 1.34785C9.28168 1.00384 8.7183 1.00384 8.53496 1.34785C7.87867 2.57698 7.37154 3.50401 6.97449 4.19118C7.22329 4.6114 7.39253 4.88562 7.62755 5.26583C7.98442 5.83902 8.47263 6.62385 8.47263 7.9453C8.47263 9.18428 7.98456 10.3043 7.20437 11.1503C7.73818 11.4508 8.34498 11.6367 8.99997 11.6367Z' fill='%23D33437'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-3 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-3 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-3 {
    margin-right: 50.4px;
  }
}
#clothesEditor .ic-st-sliders-4 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.74476 15.4864C7.36133 15.2094 7.13735 14.9288 7.05907 14.6282C6.76876 13.5059 5.83135 12.6868 4.77955 12.6868C3.72788 12.6868 2.75532 13.5059 2.465 14.6287C2.38673 14.9283 2.16274 15.2094 1.77918 15.4868C1.31226 15.825 1.09872 16.3481 1.22176 16.8525C1.36967 17.4594 2.04354 17.9991 2.96529 17.9991C3.35503 17.9991 3.72513 17.8991 4.03509 17.7103C4.24094 17.5841 4.52109 17.5172 4.77859 17.5172C5.03594 17.5172 5.28039 17.5836 5.48899 17.7097C5.7999 17.8996 6.16794 18 6.55411 18C7.47532 18 8.15331 17.4631 8.30231 16.8526C8.42536 16.3481 8.21126 15.8245 7.74476 15.4864Z' fill='%23D33437'/%3e%3cpath d='M2.10855 12.6867C2.10855 12.0767 1.62625 11.1052 1.05428 11.1052C0.482437 11.1052 0 12.0767 0 12.6867C0 13.2679 0.473099 13.741 1.05428 13.741C1.63545 13.741 2.10855 13.2679 2.10855 12.6867Z' fill='%23D33437'/%3e%3cpath d='M8.46931 11.1052C7.89748 11.1052 7.41504 12.0767 7.41504 12.6867C7.41504 13.2679 7.88814 13.741 8.46931 13.741C9.05049 13.741 9.52359 13.2679 9.52359 12.6867C9.52359 12.0767 9.04129 11.1052 8.46931 11.1052Z' fill='%23D33437'/%3e%3cpath d='M5.30664 10.5779C5.30664 11.1592 5.77974 11.6323 6.36092 11.6323C6.94209 11.6323 7.41519 11.1592 7.41519 10.5779C7.41519 9.96791 6.93289 8.99658 6.36092 8.99658C5.78894 8.99658 5.30664 9.96791 5.30664 10.5779Z' fill='%23D33437'/%3e%3cpath d='M3.16281 11.6323C3.74399 11.6323 4.21709 11.1592 4.21709 10.5779C4.21709 9.96791 3.73465 8.99658 3.16281 8.99658C2.59084 8.99658 2.1084 9.96791 2.1084 10.5779C2.1084 11.1592 2.5815 11.6323 3.16281 11.6323Z' fill='%23D33437'/%3e%3cpath d='M16.214 6.48953C15.8306 6.21254 15.6066 5.89682 15.5283 5.59621C15.238 4.47395 14.2654 3.68994 13.2136 3.68994C12.162 3.68994 11.2246 4.47395 10.9342 5.59676C10.856 5.89641 10.632 6.21254 10.2484 6.49008C9.7815 6.82832 9.56795 7.35127 9.691 7.85582C9.8389 8.46254 10.5128 9.00224 11.4345 9.00224C11.8243 9.00224 12.1944 8.9024 12.5043 8.71344C12.7102 8.58723 12.9552 8.52036 13.2127 8.52036C13.47 8.52036 13.7496 8.58682 13.9582 8.71289C14.2691 8.90282 14.6372 9.00334 15.0233 9.00334C15.9445 9.00334 16.6225 8.46625 16.7715 7.85582C16.8946 7.35127 16.6805 6.82777 16.214 6.48953Z' fill='white'/%3e%3cpath d='M10.5784 3.69012C10.5784 3.08011 10.096 2.10864 9.524 2.10864C8.95216 2.10864 8.46973 3.08011 8.46973 3.69012C8.46973 4.2713 8.94283 4.7444 9.524 4.7444C10.1053 4.7444 10.5784 4.2713 10.5784 3.69012Z' fill='white'/%3e%3cpath d='M16.939 2.10864C16.3672 2.10864 15.8848 3.08011 15.8848 3.69012C15.8848 4.2713 16.3579 4.7444 16.939 4.7444C17.5204 4.7444 17.9935 4.2713 17.9935 3.69012C17.9935 3.08011 17.511 2.10864 16.939 2.10864Z' fill='white'/%3e%3cpath d='M13.7764 1.58148C13.7764 2.16266 14.2495 2.63576 14.8306 2.63576C15.4118 2.63576 15.8849 2.16266 15.8849 1.58148C15.8849 0.971466 15.4026 0 14.8306 0C14.2587 0 13.7764 0.971466 13.7764 1.58148Z' fill='white'/%3e%3cpath d='M10.5781 1.58148C10.5781 2.16266 11.0512 2.63576 11.6324 2.63576C12.2136 2.63576 12.6867 2.16266 12.6867 1.58148C12.6867 0.971466 12.2042 0 11.6324 0C11.0604 0 10.5781 0.971466 10.5781 1.58148Z' fill='white'/%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-4 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-4 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .ic-st-sliders-4 {
    margin-right: 50.4px;
  }
}
#clothesEditor .box-ch {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#clothesEditor .box-ch .bottom-btn {
  display: flex;
  background: rgba(27, 30, 40, 0.9);
  justify-content: space-between;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 42.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 47px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 60.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 64.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 70.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 65.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 79.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 75.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 89.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 94px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 94px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 117.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 126.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 122.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 117.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 155.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 155.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 211.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    height: 296.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-top: 69.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn {
    border-radius: 18.9px;
  }
}
#clothesEditor .box-ch .bottom-btn .btn {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: background 0.2s ease;
  cursor: pointer;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.45px solid #171921;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.5px solid #171921;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.645px solid #171921;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.685px solid #171921;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.75px solid #171921;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.7px solid #171921;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.85px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.8px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 0.95px solid #171921;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.25px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.35px solid #171921;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.3px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.25px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.65px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 2px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 1.65px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 2.25px solid #171921;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .bottom-btn .btn {
    border: 3.15px solid #171921;
  }
}
#clothesEditor .box-ch .bottom-btn .btn.green {
  border-color: #27AE60;
}
#clothesEditor .box-ch .bottom-btn .btn.green:hover {
  background: #27AE60;
}
#clothesEditor .box-ch .bottom-btn .btn.red {
  border-color: #D33437;
}
#clothesEditor .box-ch .bottom-btn .btn.red:hover {
  background: #D33437;
}
#clothesEditor .box-ch .box-max {
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-max {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 307.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 341.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 440.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 467.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 512.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 478.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 580.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 546.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 648.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 683px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 683px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 853.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 922.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 887.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 853.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 1126.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 1366px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 1126.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 1536.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-max.max-cont {
    min-height: 2151.45px;
  }
}
#clothesEditor .box-ch .box-info {
  background: rgba(27, 30, 40, 0.9);
  align-items: center;
  border-top: 6px solid #D33437;
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info {
    width: 1071px;
  }
}
#clothesEditor .box-ch .box-info .l {
  position: relative;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 102.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 113.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 146.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 155.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 170.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 158.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 192.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 181.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 215.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 283.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 306.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 295.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 283.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 374.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 454px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 374.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 510.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info .l {
    max-width: 715.05px;
  }
}
#clothesEditor .box-ch .box-info .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info .title {
    margin-bottom: 15.75px;
  }
}
#clothesEditor .box-ch .box-info p {
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info p {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info p {
    padding-right: 157.5px;
  }
}
#clothesEditor .box-ch .box-info span {
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info span {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-ch .box-info span {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .margin-top-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .margin-top-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .margin-top-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .margin-top-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .margin-top-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .margin-top-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .margin-top-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .margin-top-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .margin-top-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .margin-top-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .margin-top-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .margin-top-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .margin-top-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .margin-top-20 {
    margin-top: 63px;
  }
}
#clothesEditor .xygrid {
  position: relative;
  font-weight: normal;
  line-height: 0.8;
}
@media (max-width: 799px) {
  #clothesEditor .xygrid {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid {
    margin-top: 63px;
  }
}
#clothesEditor .xygrid .top,
#clothesEditor .xygrid .bottom,
#clothesEditor .xygrid .left,
#clothesEditor .xygrid .right {
  text-align: center;
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .top {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .bottom {
    margin-top: 44.1px;
  }
}
#clothesEditor .xygrid .r,
#clothesEditor .xygrid .l {
  position: absolute;
  text-align: center;
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 184.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    width: 258.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .r,
  #clothesEditor .xygrid .l {
    height: 50.4px;
  }
}
#clothesEditor .xygrid .r {
  left: 0;
  transform: rotate(-90deg);
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .r {
    top: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .r {
    top: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .r {
    top: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .r {
    top: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .r {
    top: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .r {
    top: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .r {
    top: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .r {
    top: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .r {
    top: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .r {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .r {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .r {
    top: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .r {
    top: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .r {
    top: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .r {
    top: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r {
    top: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r {
    top: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r {
    top: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r {
    top: 189px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .r {
    top: 264.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .r {
    margin-left: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .r {
    margin-left: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .r {
    margin-left: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .r {
    margin-left: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .r {
    margin-left: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .r {
    margin-left: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .r {
    margin-left: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .r {
    margin-left: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .r {
    margin-left: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .r {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .r {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .r {
    margin-left: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .r {
    margin-left: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .r {
    margin-left: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .r {
    margin-left: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r {
    margin-left: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r {
    margin-left: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .r {
    margin-left: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .r {
    margin-left: 168.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .r {
    margin-left: 236.25px;
  }
}
#clothesEditor .xygrid .l {
  right: 0;
  transform: rotate(90deg);
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .l {
    top: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .l {
    top: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .l {
    top: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .l {
    top: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .l {
    top: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .l {
    top: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .l {
    top: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .l {
    top: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .l {
    top: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .l {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .l {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .l {
    top: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .l {
    top: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .l {
    top: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .l {
    top: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .l {
    top: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .l {
    top: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .l {
    top: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .l {
    top: 189px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .l {
    top: 264.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .l {
    margin-right: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .l {
    margin-right: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .l {
    margin-right: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .l {
    margin-right: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .l {
    margin-right: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .l {
    margin-right: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .l {
    margin-right: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .l {
    margin-right: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .l {
    margin-right: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .l {
    margin-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .l {
    margin-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .l {
    margin-right: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .l {
    margin-right: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .l {
    margin-right: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .l {
    margin-right: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .l {
    margin-right: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .l {
    margin-right: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .l {
    margin-right: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .l {
    margin-right: 168.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .l {
    margin-right: 236.25px;
  }
}
#clothesEditor .xygrid.small .r {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  #clothesEditor .xygrid.small .r {
    top: 3.375px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid.small .r {
    top: 3.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid.small .r {
    top: 4.8375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid.small .r {
    top: 5.1375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid.small .r {
    top: 5.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid.small .r {
    top: 5.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid.small .r {
    top: 6.375px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid.small .r {
    top: 6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid.small .r {
    top: 7.125px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid.small .r {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid.small .r {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid.small .r {
    top: 9.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid.small .r {
    top: 10.125px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid.small .r {
    top: 9.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid.small .r {
    top: 9.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .r {
    top: 12.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .r {
    top: 15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .r {
    top: 12.375px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .r {
    top: 16.875px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid.small .r {
    top: 23.625px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 110.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid.small .r {
    margin-left: 154.35px;
  }
}
#clothesEditor .xygrid.small .l {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  #clothesEditor .xygrid.small .l {
    top: 3.375px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid.small .l {
    top: 3.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid.small .l {
    top: 4.8375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid.small .l {
    top: 5.1375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid.small .l {
    top: 5.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid.small .l {
    top: 5.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid.small .l {
    top: 6.375px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid.small .l {
    top: 6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid.small .l {
    top: 7.125px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid.small .l {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid.small .l {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid.small .l {
    top: 9.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid.small .l {
    top: 10.125px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid.small .l {
    top: 9.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid.small .l {
    top: 9.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .l {
    top: 12.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .l {
    top: 15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .l {
    top: 12.375px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .l {
    top: 16.875px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid.small .l {
    top: 23.625px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 110.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid.small .l {
    margin-right: 154.35px;
  }
}
#clothesEditor .xygrid .grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .grid {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .grid {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .grid {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .grid {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .grid {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .grid {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .grid {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .grid {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .grid {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .grid {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .grid {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .grid {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .grid {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .grid {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .grid {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .grid {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .grid {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .grid {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .grid {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .grid {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .grid {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .grid {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .grid {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .grid {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .grid {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .grid {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .grid {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .grid {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .grid {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .grid {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .grid {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .grid {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid.small .grid {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid.small .grid {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid.small .grid {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid.small .grid {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid.small .grid {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid.small .grid {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid.small .grid {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid.small .grid {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid.small .grid {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid.small .grid {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid.small .grid {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid.small .grid {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid.small .grid {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid.small .grid {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid.small .grid {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .grid {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .grid {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid.small .grid {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid.small .grid {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid.small .grid {
    height: 88.2px;
  }
}
#clothesEditor .xygrid .grid .point {
  position: absolute;
  left: 0;
  top: 0;
  background: #D33437;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .grid .point {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .grid .point {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .grid .point {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .grid .point {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .grid .point {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .grid .point {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .grid .point {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .grid .point {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .grid .point {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .grid .point {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .grid .point {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .grid .point {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .grid .point {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .grid .point {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .grid .point {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid .point {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid .point {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid .point {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid .point {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .grid .point {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .xygrid .grid .point {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .xygrid .grid .point {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .xygrid .grid .point {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .xygrid .grid .point {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .xygrid .grid .point {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .xygrid .grid .point {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .xygrid .grid .point {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .xygrid .grid .point {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .xygrid .grid .point {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .xygrid .grid .point {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .xygrid .grid .point {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .xygrid .grid .point {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .xygrid .grid .point {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .xygrid .grid .point {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .xygrid .grid .point {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid .point {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid .point {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .xygrid .grid .point {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .xygrid .grid .point {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .xygrid .grid .point {
    height: 44.1px;
  }
}
#clothesEditor .box-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}
#clothesEditor .box-content .box-main {
  overflow: hidden;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main {
    width: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main {
    width: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main {
    width: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main {
    width: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main {
    width: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main {
    width: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main {
    width: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main {
    width: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main {
    width: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main {
    width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main {
    width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main {
    width: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main {
    width: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main {
    width: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main {
    width: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main {
    width: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main {
    width: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main {
    width: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main {
    width: 121.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main {
    width: 170.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main {
    margin-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main {
    margin-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main {
    margin-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main {
    margin-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main {
    margin-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main {
    margin-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main {
    margin-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main {
    margin-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main {
    margin-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main {
    margin-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main {
    margin-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main {
    margin-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main {
    margin-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main {
    margin-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main {
    margin-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main {
    margin-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main {
    margin-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main {
    margin-right: 94.5px;
  }
}
#clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
  cursor: pointer;
  display: flex;
  color: #C1C1C1;
  align-items: center;
  justify-content: center;
  background: rgba(27, 30, 40, 0.9);
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    height: 170.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li, #clothesEditor .box-content .box-main .bottom-btn .main {
    font-size: 94.5px;
  }
}
#clothesEditor .box-content .box-main li:hover, #clothesEditor .box-content .box-main .bottom-btn .main:hover {
  background: #4B5573;
}
#clothesEditor .box-content .box-main li.active, #clothesEditor .box-content .box-main .bottom-btn .main.active {
  color: #fff;
  background: #D33437;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li:first-child, #clothesEditor .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-main li:last-child, #clothesEditor .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 18.9px;
  }
}
#clothesEditor .box-content .module-list {
  background: #171921;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .module-list {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .module-list {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .module-list {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .module-list {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .module-list {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .module-list {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .module-list {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .module-list {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .module-list {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .module-list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .module-list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .module-list {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .module-list {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .module-list {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .module-list {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .module-list {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .module-list {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .module-list {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .module-list {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .module-list {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .module-list {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .module-list {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .module-list {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .module-list {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .module-list {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .module-list {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .module-list {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .module-list {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .module-list {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .module-list {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .module-list {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .module-list {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .module-list {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .module-list {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .module-list {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .module-list {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .module-list {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .module-list {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .module-list {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .module-list {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .module-list {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .module-list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .module-list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .module-list {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .module-list {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .module-list {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .module-list {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .module-list {
    font-size: 50.4px;
  }
}
#clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303648;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .module-list .l, #clothesEditor .box-content .module-list .r {
    font-size: 40.95px;
  }
}
#clothesEditor .box-content .module-list .l:hover, #clothesEditor .box-content .module-list .r:hover {
  background: #4B5573;
}
#clothesEditor .box-content .module-list .l i {
  transform: rotate(180deg);
}
#clothesEditor .box-content .box-list {
  transition: all 0.3s ease-in;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(27, 30, 40, 0.9);
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    max-height: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    max-height: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    max-height: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    max-height: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    max-height: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    max-height: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    max-height: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    max-height: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    max-height: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    max-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    max-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    max-height: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    max-height: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    max-height: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    max-height: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    max-height: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    max-height: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    max-height: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    max-height: 1125px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    max-height: 1575px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list.bodycust {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list.bodycust {
    padding-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .list {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list {
    width: 139.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list {
    width: 155px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list {
    width: 199.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list {
    width: 212.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list {
    width: 232.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list {
    width: 217px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list {
    width: 263.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list {
    width: 248px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list {
    width: 294.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list {
    width: 387.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list {
    width: 418.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list {
    width: 403px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list {
    width: 387.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list {
    width: 511.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list {
    width: 620px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list {
    width: 511.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list {
    width: 697.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list {
    width: 976.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 123.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 137px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 176.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 187.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 205.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 191.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 232.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 219.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 260.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 342.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 369.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 356.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 342.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 452.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 548px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 452.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 616.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list {
    max-height: 863.1px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#clothesEditor .box-content .box-list .list::-webkit-scrollbar-track {
  background: #131924;
}
#clothesEditor .box-content .box-list .list::-webkit-scrollbar-thumb {
  background: #D33437;
}
#clothesEditor .box-content .box-list .list li {
  display: flex;
  color: #C1C1C1;
  justify-content: space-between;
  align-items: center;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    padding-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    padding-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list li {
    font-size: 50.4px;
  }
}
#clothesEditor .box-content .box-list .list li .t {
  font-weight: 500;
}
#clothesEditor .box-content .box-list .list li .price {
  font-weight: bold;
}
#clothesEditor .box-content .box-list .list li:hover {
  color: rgba(255, 255, 255, 0.9);
}
#clothesEditor .box-content .box-list .list li.active {
  background: #D33437;
  color: #fff;
}
#clothesEditor .box-content .box-list .label {
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .label {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .label {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .export .exportChar {
  width: 100%;
  background: #171921;
  font-weight: 500;
  color: #fff;
  resize: none;
  border: none;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 188.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 209px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 269.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 286.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 313.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 292.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 355.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 334.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 397.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 564.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 543.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 836px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 940.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    height: 1316.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 56.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    padding: 78.75px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .exportChar {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 9.45px;
  }
}
#clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar-track {
  background: #131924;
}
#clothesEditor .box-content .box-list .export .exportChar::-webkit-scrollbar-thumb {
  background: #D33437;
}
#clothesEditor .box-content .box-list .export .bottom-btn div {
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .export .bottom-btn div {
    font-size: 50.4px;
  }
}
#clothesEditor .box-content .box-list .export .bottom-btn div:nth-child(1) {
  border: 1px solid #D33437;
}
#clothesEditor .box-content .box-list .export .bottom-btn div:nth-child(1):hover {
  background: #D33437;
}
#clothesEditor .box-content .box-list .export .bottom-btn div:nth-child(2) {
  border: 1px solid #27AE60;
}
#clothesEditor .box-content .box-list .export .bottom-btn div:nth-child(2):hover {
  background: #27AE60;
}
#clothesEditor .box-content .box-list .logo {
  color: #E53935;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 171px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .logo {
    font-size: 239.4px;
  }
}
#clothesEditor .box-content .box-list .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .title {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .switch {
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .switch .btn {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  align-items: center;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 247.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch .btn {
    width: 346.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch .btn:first-child {
    margin-right: 78.75px;
  }
}
#clothesEditor .box-content .box-list .switch .btn span.active {
  background: #D33437;
}
#clothesEditor .box-content .box-list .switch .btn:hover span:not(.active) {
  background: #4B5573;
}
#clothesEditor .box-content .box-list .switch span {
  background: #38415D;
  border-radius: 50px;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch span {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch span {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 1.8px solid #171921;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 2px solid #171921;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 2.58px solid #171921;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 2.74px solid #171921;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 3px solid #171921;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 2.8px solid #171921;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 3.4px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 3.2px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 3.8px solid #171921;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 5.4px solid #171921;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 5.2px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 8px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 9px solid #171921;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .switch span {
    border: 12.6px solid #171921;
  }
}
#clothesEditor .box-content .box-list .box-colors {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 165.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 184px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 237.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 252.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 276px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 257.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 312.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 294.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 349.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 496.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 478.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 460px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 607.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 736px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 607.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 828px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors {
    width: 1159.2px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors {
    grid-gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .box-colors .color {
  position: relative;
  cursor: pointer;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors .color {
    height: 100.8px;
  }
}
#clothesEditor .box-content .box-list .box-colors .color:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: opacity ease 0.2s;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    height: 119.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 0.9px solid #D33437;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1px solid #D33437;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.29px solid #D33437;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.37px solid #D33437;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.5px solid #D33437;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.4px solid #D33437;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.7px solid #D33437;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.6px solid #D33437;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 1.9px solid #D33437;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2.5px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2.7px solid #D33437;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2.6px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 2.5px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 3.3px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 4px solid #D33437;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 3.3px solid #D33437;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 4.5px solid #D33437;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-colors .color:after {
    border: 6.3px solid #D33437;
  }
}
#clothesEditor .box-content .box-list .box-colors .color:hover:after {
  opacity: 0.4;
}
#clothesEditor .box-content .box-list .box-colors .color.active::after {
  opacity: 1;
}
#clothesEditor .box-content .box-list .slider .rangeslider {
  background: #171921;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .rangeslider {
    margin-bottom: 31.5px;
  }
}
#clothesEditor .box-content .box-list .slider .rangeslider__fill {
  background: #D33437;
}
#clothesEditor .box-content .box-list .slider .rangeslider__handle {
  border: none;
  background: #D33437;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .rangeslider__handle {
    height: 63px;
  }
}
#clothesEditor .box-content .box-list .slider .info {
  display: flex;
  justify-content: space-between;
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .info {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 9px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 12.6px;
  }
}
#clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
  background: #171921;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 31.5px;
  }
}
#clothesEditor .box-content .box-list .box-contain {
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .box-contain .box-img {
  position: relative;
  background: #171921;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 369px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    width: 516.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 292.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .box-img {
    height: 409.5px;
  }
}
#clothesEditor .box-content .box-list .box-contain .box-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(211, 52, 55, 0) 26.15%, rgba(211, 52, 55, 0.13) 100%);
}
#clothesEditor .box-content .box-list .box-contain .box-img img {
  height: 100%;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 63px;
  }
}
#clothesEditor .box-content .box-list .box-contain .list {
  display: flex;
  background: #171921;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 369px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list {
    width: 516.6px;
  }
}
#clothesEditor .box-content .box-list .box-contain .list .list-title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list .list-title {
    font-size: 50.4px;
  }
}
#clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303648;
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list .right, #clothesEditor .box-content .box-list .box-contain .list .left {
    height: 157.5px;
  }
}
#clothesEditor .box-content .box-list .box-contain .list .right:hover, #clothesEditor .box-content .box-list .box-contain .list .left:hover {
  background: #4B5573;
}
#clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.18988 1.00033L2 7.95055L9.18988 14.9008' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-contain .list .left:before, #clothesEditor .box-content .box-list .box-contain .list .right:before {
    height: 50.4px;
  }
}
#clothesEditor .box-content .box-list .box-contain .list .right:before {
  transform: rotateY(180deg);
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .list.b {
    width: 907.2px;
  }
}
#clothesEditor .box-content .box-list .box-sort {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort {
    width: 1039.5px;
  }
}
#clothesEditor .box-content .box-list .box-sort .btn-sort {
  border: 1px solid #C1C1C1;
  background: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    height: 201.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort {
    border-radius: 18.9px;
  }
}
#clothesEditor .box-content .box-list .box-sort .btn-sort span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-sort .btn-sort span {
    font-size: 113.4px;
  }
}
#clothesEditor .box-content .box-list .box-sort .btn-sort.active, #clothesEditor .box-content .box-list .box-sort .btn-sort:hover {
  border: 0;
  background: #E53935;
}
#clothesEditor .box-content .box-list .box-sort .btn-sort.active span, #clothesEditor .box-content .box-list .box-sort .btn-sort:hover span {
  color: white;
}
#clothesEditor .box-content .box-list .box-list {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 720px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list {
    height: 1008px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
  background: #D33437;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#clothesEditor .box-content .box-list .box-list .box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 500;
  color: #C1C1C1;
  transition: background 0.1s linear;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .box-list .box-item {
    border-radius: 9.45px;
  }
}
#clothesEditor .box-content .box-list .box-list .box-item span {
  font-weight: bold;
}
#clothesEditor .box-content .box-list .box-list .box-item.active, #clothesEditor .box-content .box-list .box-list .box-item:hover {
  background: #E74040;
  color: white;
}
#clothesEditor .box-content .box-list .c-list-btn {
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn {
    margin-bottom: 63px;
  }
}
#clothesEditor .box-content .box-list .c-list-btn li {
  background: #171921;
  color: #C1C1C1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.1s linear;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn li {
    margin-right: 37.8px;
  }
}
#clothesEditor .box-content .box-list .c-list-btn li:last-child {
  margin-right: 0;
}
#clothesEditor .box-content .box-list .c-list-btn li:hover {
  background: #242838;
}
#clothesEditor .box-content .box-list .c-list-btn li.active {
  background: #D33437;
  color: #fff;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-list .c-list-btn li span {
    font-size: 88.2px;
  }
}
#clothesEditor .box-content ul.box {
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #clothesEditor .box-content ul.box {
    width: 181.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content ul.box {
    width: 202px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content ul.box {
    width: 260.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content ul.box {
    width: 276.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content ul.box {
    width: 303px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content ul.box {
    width: 282.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content ul.box {
    width: 343.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content ul.box {
    width: 323.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content ul.box {
    width: 383.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content ul.box {
    width: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content ul.box {
    width: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content ul.box {
    width: 505px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content ul.box {
    width: 545.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content ul.box {
    width: 525.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content ul.box {
    width: 505px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box {
    width: 666.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box {
    width: 808px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box {
    width: 666.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box {
    width: 909px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content ul.box {
    width: 1272.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content ul.box {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content ul.box {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content ul.box {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content ul.box {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content ul.box {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content ul.box {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content ul.box {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content ul.box {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content ul.box {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content ul.box {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content ul.box {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content ul.box {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content ul.box {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content ul.box {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content ul.box {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content ul.box {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar {
    width: 9.45px;
  }
}
#clothesEditor .box-content ul.box::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
  background: #D33437;
}
@media (max-width: 799px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#clothesEditor .box-content ul.box li {
  display: none;
  display: block;
}
#clothesEditor .box-content ul.box li:last-child .box-contain {
  margin-bottom: 0;
}
#clothesEditor .box-content .box-info-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button {
    width: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button {
    width: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button {
    width: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button {
    width: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button {
    width: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button {
    width: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button {
    width: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button {
    width: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button {
    width: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button {
    width: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button {
    width: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button {
    width: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button {
    width: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button {
    width: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button {
    width: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button {
    width: 504px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button {
    width: 705.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button {
    padding-bottom: 94.5px;
  }
}
#clothesEditor .box-content .box-info-button .bottom-btn {
  background: rgba(27, 30, 40, 0.9);
  display: flex;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn {
    padding-right: 69.3px;
  }
}
#clothesEditor .box-content .box-info-button .bottom-btn .text {
  font-weight: bold;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    padding-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .text {
    font-size: 44.1px;
  }
}
#clothesEditor .box-content .box-info-button .bottom-btn .btn-group {
  display: flex;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
#clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D33437;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 31.5px;
  }
}
#clothesEditor .box-content .box-info-button .box-colors {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors {
    padding-top: 50.4px;
  }
}
#clothesEditor .box-content .box-info-button .box-colors .color {
  position: relative;
  cursor: pointer;
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 58.5px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color {
    border-radius: 81.9px;
  }
}
#clothesEditor .box-content .box-info-button .box-colors .color.active::after {
  content: "";
  position: absolute;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 0.9px solid #E74040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1px solid #E74040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.29px solid #E74040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.37px solid #E74040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.5px solid #E74040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.4px solid #E74040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.7px solid #E74040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.6px solid #E74040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 1.9px solid #E74040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2.5px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2.7px solid #E74040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2.6px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 2.5px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 3.3px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 4px solid #E74040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 3.3px solid #E74040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 4.5px solid #E74040;
  }
}
@media (min-width: 6000px) {
  #clothesEditor .box-content .box-info-button .box-colors .color.active::after {
    border: 6.3px solid #E74040;
  }
}

.clothesEditor .module-list input {
  background: none;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  .clothesEditor .module-list input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .module-list input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .module-list input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .module-list input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .module-list input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .module-list input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .module-list input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .module-list input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .module-list input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .module-list input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .module-list input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .module-list input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .module-list input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .module-list input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .module-list input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .module-list input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .module-list input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .module-list input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .module-list input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .module-list input {
    font-size: 50.4px;
  }
}
.clothesEditor .exportChar {
  width: 100%;
  background: #171921;
  font-weight: 500;
  color: #fff;
  resize: none;
  border: none;
}
@media (max-width: 799px) {
  .clothesEditor .exportChar {
    height: 188.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .exportChar {
    height: 209px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .exportChar {
    height: 269.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .exportChar {
    height: 286.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .exportChar {
    height: 313.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .exportChar {
    height: 292.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .exportChar {
    height: 355.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .exportChar {
    height: 334.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .exportChar {
    height: 397.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .exportChar {
    height: 564.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .exportChar {
    height: 543.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    height: 836px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    height: 940.5px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .exportChar {
    height: 1316.7px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .exportChar {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .exportChar {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .exportChar {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .exportChar {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .exportChar {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .exportChar {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .exportChar {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .exportChar {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .exportChar {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .exportChar {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .exportChar {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .exportChar {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .exportChar {
    padding: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .exportChar {
    padding: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .exportChar {
    padding: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .exportChar {
    padding: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .exportChar {
    padding: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .exportChar {
    padding: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .exportChar {
    padding: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .exportChar {
    padding: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .exportChar {
    padding: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .exportChar {
    padding: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .exportChar {
    padding: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    padding: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .exportChar {
    padding: 56.25px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .exportChar {
    padding: 78.75px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .exportChar::-webkit-scrollbar {
    width: 9.45px;
  }
}
.clothesEditor .exportChar::-webkit-scrollbar-track {
  background: #131924;
}
.clothesEditor .exportChar::-webkit-scrollbar-thumb {
  background: #D33437;
}
.clothesEditor .switch {
  display: flex;
}
@media (max-width: 799px) {
  .clothesEditor .switch {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch {
    margin-bottom: 63px;
  }
}
.clothesEditor .switch .btn {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  align-items: center;
}
@media (max-width: 799px) {
  .clothesEditor .switch .btn {
    width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch .btn {
    width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch .btn {
    width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch .btn {
    width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch .btn {
    width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch .btn {
    width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch .btn {
    width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch .btn {
    width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch .btn {
    width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch .btn {
    width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch .btn {
    width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn {
    width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn {
    width: 247.5px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch .btn {
    width: 346.5px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .switch .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch .btn:first-child {
    margin-right: 78.75px;
  }
}
.clothesEditor .switch .btn span.active {
  background: #D33437;
}
.clothesEditor .switch .btn:hover span:not(.active) {
  background: #4B5573;
}
.clothesEditor .switch span {
  background: #38415D;
  border-radius: 50px;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  .clothesEditor .switch span {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch span {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch span {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch span {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch span {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch span {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch span {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch span {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch span {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch span {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch span {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch span {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch span {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch span {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .switch span {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch span {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch span {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch span {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch span {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch span {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch span {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch span {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch span {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch span {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch span {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch span {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch span {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch span {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  .clothesEditor .switch span {
    border: 1.8px solid #171921;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .clothesEditor .switch span {
    border: 2px solid #171921;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .clothesEditor .switch span {
    border: 2.58px solid #171921;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .clothesEditor .switch span {
    border: 2.74px solid #171921;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .clothesEditor .switch span {
    border: 3px solid #171921;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .clothesEditor .switch span {
    border: 2.8px solid #171921;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .clothesEditor .switch span {
    border: 3.4px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .clothesEditor .switch span {
    border: 3.2px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .clothesEditor .switch span {
    border: 3.8px solid #171921;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .clothesEditor .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .clothesEditor .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .clothesEditor .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .clothesEditor .switch span {
    border: 5.4px solid #171921;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .clothesEditor .switch span {
    border: 5.2px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .clothesEditor .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    border: 8px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .clothesEditor .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .clothesEditor .switch span {
    border: 9px solid #171921;
  }
}
@media (min-width: 6000px) {
  .clothesEditor .switch span {
    border: 12.6px solid #171921;
  }
}
#carmarket {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
  position: relative;
}
@media (max-width: 799px) {
  #carmarket {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #carmarket {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #carmarket {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #carmarket {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #carmarket {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #carmarket {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #carmarket {
    padding-right: 252px;
  }
}
#carmarket .carmarket__buy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#carmarket .carmarket__background {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.03;
}
@media (max-width: 799px) {
  #carmarket .carmarket__background {
    font-size: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__background {
    font-size: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__background {
    font-size: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__background {
    font-size: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__background {
    font-size: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__background {
    font-size: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__background {
    font-size: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__background {
    font-size: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__background {
    font-size: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__background {
    font-size: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__background {
    font-size: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__background {
    font-size: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__background {
    font-size: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__background {
    font-size: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__background {
    font-size: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__background {
    font-size: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__background {
    font-size: 1575px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__background {
    font-size: 2205px;
  }
}
#carmarket .carmarket__info_flex {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex {
    margin-bottom: 56.7px;
  }
}
#carmarket .carmarket__info_flex .carmarket__stat {
  text-align: right;
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info_flex .carmarket__stat {
    width: 504px;
  }
}
#carmarket .carmarket__buy_center {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__buy_center .box-column {
    margin-top: 63px;
  }
}
#carmarket .carmarket__buy_center .carmarket__upgrade_element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__buy_center .carmarket__upgrade_element {
    margin-bottom: 31.5px;
  }
}
#carmarket .carmarket__buy_center .carmarket__upgrade_element:hover {
  background: rgba(255, 255, 255, 0.07);
}
#carmarket .carmarket__info {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__info {
    margin-top: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info {
    margin-top: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info {
    margin-top: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info {
    margin-top: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info {
    margin-top: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info {
    margin-top: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info {
    margin-top: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info {
    margin-top: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info {
    margin-top: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info {
    margin-top: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info {
    margin-top: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info {
    margin-top: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info {
    margin-top: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    margin-top: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    margin-top: 531px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info {
    margin-top: 743.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info {
    font-size: 75.6px;
  }
}
#carmarket .carmarket__info span {
  color: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__info.small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__info.small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__info.small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__info.small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__info.small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__info.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__info.small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__info.small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__info.small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__info.small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__info.small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__info.small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__info.small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__info.small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__info.small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__info.small {
    font-size: 50.4px;
  }
}
#carmarket .carmarket__info.m-0 {
  margin-top: 0;
  text-align: right;
}
#carmarket .carmarket__info.margin-none {
  margin: 0;
  text-align: center;
}
#carmarket .carmarket__menu {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
#carmarket .carmarket__stat {
  z-index: 1;
}
@media (max-width: 799px) {
  #carmarket .carmarket__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__stat {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__stat {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__stat {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__stat {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__stat {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__stat {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__stat {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__stat {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__stat {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__stat {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__stat {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__stat {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__stat {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__stat {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__stat {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__stat {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__stat {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__stat {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__stat {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__stat {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__stat {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__stat {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__stat {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__stat {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__stat {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__stat {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__stat {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__stat {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__stat {
    line-height: 179.55px;
  }
}
#carmarket .carmarket__stat.mint {
  color: #2BB6A8;
}
#carmarket .carmarket__stat.orange {
  color: #FF9F1C;
}
#carmarket .carmarket__header {
  z-index: 1;
  text-align: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__header {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__header {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__header {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__header {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__header {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__header {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__header {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__header {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__header {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__header {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__header {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__header {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__header {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__header {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__header {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__header {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__header {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__header {
    line-height: 88.2px;
  }
}
#carmarket .carmarket__panel {
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #carmarket .carmarket__panel {
    max-height: 392.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__panel {
    max-height: 436px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__panel {
    max-height: 562.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__panel {
    max-height: 597.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__panel {
    max-height: 654px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__panel {
    max-height: 610.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__panel {
    max-height: 741.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__panel {
    max-height: 697.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__panel {
    max-height: 828.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__panel {
    max-height: 1090px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__panel {
    max-height: 1177.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__panel {
    max-height: 1133.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__panel {
    max-height: 1090px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__panel {
    max-height: 1744px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__panel {
    max-height: 1962px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__panel {
    max-height: 2746.8px;
  }
}
#carmarket .carmarket__mainmenu {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__mainmenu_block {
  display: flex;
  flex-direction: column;
  align-items: left;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 900px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block {
    min-width: 1260px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 900px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block {
    max-width: 1260px;
  }
}
#carmarket .carmarket__mainmenu_block.parking {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block.parking {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 675px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block.parking {
    min-width: 945px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block.parking {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_block.parking {
    padding-right: 47.25px;
  }
}
#carmarket .carmarket__mainmenu_categorie {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 128.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 143px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 184.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 195.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 214.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 200.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 243.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 228.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 271.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 386.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 371.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 643.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie {
    width: 900.9px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie {
    margin-bottom: 18.9px;
  }
}
#carmarket .carmarket__mainmenu_categorie:hover, #carmarket .carmarket__mainmenu_categorie.active {
  color: black;
  background: white;
}
#carmarket .carmarket__mainmenu_categorie:hover .carmarket__mainmenu_categorie-header, #carmarket .carmarket__mainmenu_categorie.active .carmarket__mainmenu_categorie-header {
  color: black;
}
#carmarket .carmarket__mainmenu_categorie:hover .carmarket__gray, #carmarket .carmarket__mainmenu_categorie.active .carmarket__gray {
  color: #313131;
}
#carmarket .carmarket__mainmenu_categorie:hover .carmarket__gray .carmarket__white, #carmarket .carmarket__mainmenu_categorie.active .carmarket__gray .carmarket__white {
  color: black;
}
#carmarket .carmarket__mainmenu_categorie:hover .line, #carmarket .carmarket__mainmenu_categorie.active .line {
  background: black;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie.big {
    height: 315px;
  }
}
#carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie .carmarket__mainmenu_categorie-header {
    line-height: 66.15px;
  }
}
#carmarket .carmarket__mainmenu_categorie .line {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__mainmenu_categorie .line {
    width: 12.6px;
  }
}
#carmarket .carmarket__mainmenu_center {
  z-index: 1;
  width: 100%;
  max-width: 1102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#carmarket .carmarket__mainmenu_center.left {
  align-items: flex-start;
}
#carmarket .box-between {
  z-index: 1;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#carmarket .carmarket__main_menu {
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu {
    width: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu {
    width: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu {
    width: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu {
    width: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu {
    width: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu {
    width: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu {
    width: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu {
    width: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu {
    width: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu {
    width: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu {
    width: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu {
    width: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu {
    width: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    width: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    width: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    width: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    width: 1035px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu {
    width: 1449px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu {
    max-height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu {
    max-height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu {
    max-height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu {
    max-height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu {
    max-height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu {
    max-height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu {
    max-height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu {
    max-height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu {
    max-height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu {
    max-height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu {
    max-height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    max-height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    max-height: 1035px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu {
    max-height: 1449px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#carmarket .carmarket__main_menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__main_menu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #carmarket .carmarket__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__gray.ml {
    margin-left: 31.5px;
  }
}
#carmarket .carmarket__gray .carmarket__white {
  font-weight: bold;
  color: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__gray .carmarket__white {
    font-size: 44.1px;
  }
}
#carmarket .carmarket__box_button {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__box_button {
    margin-bottom: 63px;
  }
}
#carmarket .carmarket__button_orange {
  background: #FF9F1C;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_orange {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_orange {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_orange {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_orange {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_orange {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_orange {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_orange {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_orange {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_orange {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_orange {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_orange {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_orange {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_orange {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_orange {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_orange {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_orange {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_orange {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_orange {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_orange {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_orange {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_orange {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_orange {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_orange {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_orange {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_orange {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_orange {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_orange {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_orange {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_orange {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_orange {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_orange {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_orange {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_orange {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_orange {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_orange {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_orange {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_orange {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_orange {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_orange {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_orange {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_orange {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_orange {
    height: 126px;
  }
}
#carmarket .carmarket__element {
  z-index: 1;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 799px) {
  #carmarket .carmarket__element {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .carmarket__garage_icon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element.small {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element.small {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element.small {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element.small {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element.small {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element.small {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element.small {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element.small {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element.small {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element.small {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element.small {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element.small {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element.small {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element.small {
    min-height: 220.5px;
  }
}
#carmarket .carmarket__element.small .box-flex {
  align-items: center;
}
#carmarket .carmarket__element:hover {
  color: black;
  background: white;
}
#carmarket .carmarket__element:hover .carmarket__gray {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    font-size: 189px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .carmarket__element_icon {
    margin-right: 72.45px;
  }
}
#carmarket .carmarket__element .box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#carmarket .carmarket__element .box-column .carmarket__info {
  text-align: inherit;
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .box-column .carmarket__info {
    font-size: 44.1px;
  }
}
#carmarket .carmarket__element .line {
  position: absolute;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #carmarket .carmarket__element .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element .line {
    width: 12.6px;
  }
}
#carmarket .carmarket__element .line.done {
  background: #2BB6A8;
}
#carmarket .carmarket__element .box-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #carmarket .carmarket__element.big {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__element.big {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__element.big {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__element.big {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__element.big {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__element.big {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__element.big {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__element.big {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__element.big {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__element.big {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__element.big {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__element.big {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__element.big {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__element.big {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__element.big {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__element.big {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__element.big {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__element.big {
    height: 378px;
  }
}
#carmarket .carmarket__element .green {
  color: #2BB6A8;
}
#carmarket .carmarket__element .house_element_center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#carmarket .carmarket__button_white {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__button_white {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__button_white {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__button_white {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__button_white {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__button_white {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__button_white {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__button_white {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__button_white {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__button_white {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__button_white {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__button_white {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__button_white {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__button_white {
    padding-right: 22.05px;
  }
}
#carmarket .carmarket__floor {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor {
    margin-top: 176.4px;
  }
}
#carmarket .carmarket__floor .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .box-flex {
    margin-top: 31.5px;
  }
}
#carmarket .carmarket__floor .box-column {
  align-items: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .box-column {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .box-column {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .box-column .carmarket__current_floor {
    line-height: 179.55px;
  }
}
#carmarket .carmarket__floor .carmarket__floor_lines {
  display: flex;
  align-items: center;
}
#carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
  background: rgba(253, 255, 252, 0.3);
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    min-width: 107.1px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line {
    margin-right: 15.75px;
  }
}
#carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line:last-child {
  margin-right: 0;
}
#carmarket .carmarket__floor .carmarket__floor_lines .carmarket__floor_line.active {
  background: #FDFFFC;
}
#carmarket .carmarket__parking_names {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #carmarket .carmarket__parking_names {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__parking_names {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__parking_names {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__parking_names {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__parking_names {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__parking_names {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__parking_names {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__parking_names {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__parking_names {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__parking_names {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__parking_names {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__parking_names {
    margin-top: 176.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__parking_names {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__parking_names {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__parking_names {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__parking_names {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__parking_names {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__parking_names {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__parking_names {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__parking_names {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__parking_names {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__parking_names {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__parking_names {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__parking_names {
    min-width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__parking_names {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__parking_names {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__parking_names {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__parking_names {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__parking_names {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__parking_names {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__parking_names {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__parking_names {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__parking_names {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__parking_names {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__parking_names {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__parking_names {
    padding-left: 384.3px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__parking_names.bottom {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 81px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__parking_names.bottom {
    padding-left: 113.4px;
  }
}
#carmarket .carmarket__car_name {
  z-index: 1;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #carmarket .carmarket__car_name {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__car_name {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__car_name {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__car_name {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__car_name {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__car_name {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__car_name {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__car_name {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__car_name {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__car_name {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__car_name {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__car_name {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__car_name {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__car_name {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__car_name {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__car_name {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__car_name {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__car_name {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__car_name:last-child {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__car_name:last-child {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__car_name:last-child {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__car_name:last-child {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__car_name:last-child {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__car_name:last-child {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__car_name:last-child {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__car_name:last-child {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__car_name:last-child {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__car_name:last-child {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__car_name:last-child {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__car_name:last-child {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__car_name:last-child {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__car_name:last-child {
    width: 472.5px;
  }
}
#carmarket .carmarket__car_name.active {
  color: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__text_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__text_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__text_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__text_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__text_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__text_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__text_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__text_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__text_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__text_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__text_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__text_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__text_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__text_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__text_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__text_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__text_big {
    line-height: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__text_big {
    line-height: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__text_big {
    line-height: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__text_big {
    line-height: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__text_big {
    line-height: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__text_big {
    line-height: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__text_big {
    line-height: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__text_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__text_big {
    line-height: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__text_big {
    line-height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__text_big {
    line-height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__text_big {
    line-height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__text_big {
    line-height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__text_big {
    line-height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__text_big {
    line-height: 171px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__text_big {
    line-height: 239.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .m-60 {
    margin-top: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .m-60 {
    margin-top: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .m-60 {
    margin-top: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .m-60 {
    margin-top: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .m-60 {
    margin-top: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .m-60 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .m-60 {
    margin-top: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .m-60 {
    margin-top: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .m-60 {
    margin-top: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .m-60 {
    margin-top: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .m-60 {
    margin-top: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .m-60 {
    margin-top: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .m-60 {
    margin-top: 144px;
  }
}
@media (min-width: 6000px) {
  #carmarket .m-60 {
    margin-top: 201.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .m-60 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .m-60 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .m-60 {
    margin-bottom: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .m-60 {
    margin-bottom: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .m-60 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .m-60 {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .m-60 {
    margin-bottom: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .m-60 {
    margin-bottom: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .m-60 {
    margin-bottom: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .m-60 {
    margin-bottom: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .m-60 {
    margin-bottom: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .m-60 {
    margin-bottom: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .m-60 {
    margin-bottom: 144px;
  }
}
@media (min-width: 6000px) {
  #carmarket .m-60 {
    margin-bottom: 201.6px;
  }
}
#carmarket .carmarket__rielt_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  overflow-x: auto;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 175.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 195px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 251.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 267.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 292.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 273px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 331.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 312px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 370.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 487.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 526.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 507px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 487.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 643.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 780px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 643.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 877.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    max-height: 1228.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    height: 175.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    height: 195px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    height: 251.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    height: 267.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    height: 292.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    height: 273px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    height: 331.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    height: 312px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    height: 370.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    height: 487.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    height: 526.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    height: 507px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    height: 487.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    height: 643.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    height: 780px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    height: 643.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    height: 877.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    height: 1228.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    gap: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    gap: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    gap: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    gap: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    gap: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    gap: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    gap: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    gap: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    gap: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    gap: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    gap: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    gap: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    gap: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    gap: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    gap: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    gap: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    gap: 33.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    gap: 47.25px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar {
    width: 12.6px;
  }
}
#carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element {
  color: rgba(255, 255, 255, 0.1);
  position: relative;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 81.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 90.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 116.745px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 123.985px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 135.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 126.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 153.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 144.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 171.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 226.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 244.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 235.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 226.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 298.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 362px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 298.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 407.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element {
    font-size: 570.15px;
  }
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element:hover {
  color: white;
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element:hover .carmarket__rielt_icon {
  color: black;
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element:hover .carmarket__gray {
  color: #2c2c2c;
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element:hover .carmarket__rielt_price {
  color: black;
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -6%);
  font-family: "TTNorms-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .absolute {
    font-size: 50.4px;
  }
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
  font-weight: 500;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_number {
    margin-bottom: 31.5px;
  }
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
  color: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 139.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    font-size: 195.3px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_icon {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__gray {
    font-size: 50.4px;
  }
}
#carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
  color: white;
  font-weight: 500;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_grid .carmarket__rielt_element .carmarket__rielt_price {
    font-size: 75.6px;
  }
}
#carmarket .carmarket__rielt_block-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#carmarket .carmarket__rielt_title {
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_title {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_title {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_title.font-36 {
    font-size: 113.4px;
  }
}
#carmarket .carmarket__rielt_subtitle {
  text-align: center;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_subtitle {
    line-height: 66.15px;
  }
}
#carmarket .carmarket__rielt_none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.1);
  position: relative;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_none {
    font-size: 189px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_none {
    font-size: 210px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_none {
    font-size: 270.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_none {
    font-size: 287.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_none {
    font-size: 315px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_none {
    font-size: 294px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_none {
    font-size: 357px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_none {
    font-size: 336px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_none {
    font-size: 399px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_none {
    font-size: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_none {
    font-size: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_none {
    font-size: 525px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_none {
    font-size: 567px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_none {
    font-size: 546px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_none {
    font-size: 525px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_none {
    font-size: 693px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_none {
    font-size: 840px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_none {
    font-size: 693px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_none {
    font-size: 945px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_none {
    font-size: 1323px;
  }
}
#carmarket .carmarket__rielt_none .absolute {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-family: "TTNorms-Regular";
  justify-content: center;
  flex-direction: column;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#carmarket .carmarket__rielt_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info {
    max-width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info {
    max-width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info {
    max-width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info {
    max-width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info {
    max-width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info {
    max-width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info {
    max-width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info {
    max-width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info {
    max-width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info {
    max-width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info {
    max-width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info {
    max-width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info {
    max-width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info {
    max-width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info {
    max-width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info {
    max-width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info {
    max-width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info {
    max-width: 787.5px;
  }
}
#carmarket .carmarket__rielt_info.left {
  align-items: flex-start;
  text-align: left;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info.left {
    max-width: 945px;
  }
}
#carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
  color: white;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 315px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    font-size: 441px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_house-icon {
    margin-bottom: 110.25px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__gray {
    font-size: 50.4px;
  }
}
#carmarket .carmarket__rielt_info .carmarket__rielt_header {
  color: #FFC062;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_header {
    margin-bottom: 31.5px;
  }
}
#carmarket .carmarket__rielt_info .carmarket__rielt_stat {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 225px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_stat {
    margin-bottom: 315px;
  }
}
#carmarket .carmarket__rielt_info .carmarket__rielt_stat .carmarket__rielt_element {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#carmarket .carmarket__rielt_info .carmarket__rielt_stat .carmarket__rielt_element .box-column {
  text-align: right;
}
#carmarket .carmarket__rielt_info .carmarket__rielt_price {
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #carmarket .carmarket__rielt_info .carmarket__rielt_price {
    line-height: 132.3px;
  }
}
#help {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}
#help .help-card {
  display: flex;
  overflow: hidden;
  background: rgba(27, 30, 40, 0.95);
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
}
@media (max-width: 799px) {
  #help .help-card {
    width: 450px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card {
    width: 500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card {
    width: 645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card {
    width: 685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card {
    width: 750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card {
    width: 700px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card {
    width: 850px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card {
    width: 800px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card {
    width: 950px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card {
    width: 1250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card {
    width: 1350px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card {
    width: 1300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card {
    width: 1250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card {
    width: 1650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card {
    width: 2000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card {
    width: 1650px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card {
    width: 2250px;
  }
}
@media (min-width: 6000px) {
  #help .help-card {
    width: 3150px;
  }
}
@media (max-width: 799px) {
  #help .help-card {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card {
    height: 2362.5px;
  }
}
#help .help-card .button {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: auto;
}
#help .help-card .button.alignleft {
  justify-content: start;
}
#help .help-card .button .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  border-color: #FF5151;
  font-weight: bold;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #help .help-card .button .btn {
    border-width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .button .btn {
    border-width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .button .btn {
    border-width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .button .btn {
    border-width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .button .btn {
    border-width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .button .btn {
    border-width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .button .btn {
    border-width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .button .btn {
    border-width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .button .btn {
    border-width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .button .btn {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .button .btn {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .button .btn {
    border-width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .button .btn {
    border-width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .button .btn {
    border-width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .button .btn {
    border-width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    border-width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    border-width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    border-width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    border-width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .button .btn {
    border-width: 3.15px;
  }
}
@media (max-width: 799px) {
  #help .help-card .button .btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .button .btn {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .button .btn {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .button .btn {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .button .btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .button .btn {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .button .btn {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .button .btn {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .button .btn {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .button .btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .button .btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .button .btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .button .btn {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .button .btn {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .button .btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .button .btn {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .button .btn {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .button .btn {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .button .btn {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .button .btn {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .button .btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .button .btn {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .button .btn {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .button .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .button .btn {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .button .btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .button .btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .button .btn {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .button .btn {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .button .btn {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .button .btn {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .button .btn {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #help .help-card .button .btn {
    width: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .button .btn {
    width: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .button .btn {
    width: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .button .btn {
    width: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .button .btn {
    width: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .button .btn {
    width: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .button .btn {
    width: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .button .btn {
    width: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .button .btn {
    width: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .button .btn {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .button .btn {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .button .btn {
    width: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .button .btn {
    width: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .button .btn {
    width: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .button .btn {
    width: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    width: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    width: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    width: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    width: 495px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .button .btn {
    width: 693px;
  }
}
@media (max-width: 799px) {
  #help .help-card .button .btn {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .button .btn {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .button .btn {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .button .btn {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .button .btn {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .button .btn {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .button .btn {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .button .btn {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .button .btn {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .button .btn {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .button .btn {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .button .btn {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .button .btn {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .button .btn {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .button .btn {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .button .btn {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .button .btn {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .button .btn {
    height: 119.7px;
  }
}
#help .help-card .button .btn:hover {
  background: #FF5151;
}
#help .help-card .icon {
  background-size: cover;
  display: flex;
}
#help .help-card .icon.shieldUser {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.783 2.826L12 1L20.217 2.826C20.4391 2.87536 20.6377 2.99897 20.78 3.1764C20.9224 3.35384 21 3.57452 21 3.802V13.789C20.9999 14.7767 20.756 15.7492 20.2899 16.62C19.8238 17.4908 19.1499 18.2331 18.328 18.781L12 23L5.672 18.781C4.85027 18.2332 4.17646 17.4911 3.71035 16.6205C3.24424 15.7498 3.00024 14.7776 3 13.79V3.802C3.00004 3.57452 3.07764 3.35384 3.21999 3.1764C3.36234 2.99897 3.56094 2.87536 3.783 2.826ZM12 11C12.663 11 13.2989 10.7366 13.7678 10.2678C14.2366 9.79893 14.5 9.16304 14.5 8.5C14.5 7.83696 14.2366 7.20107 13.7678 6.73223C13.2989 6.26339 12.663 6 12 6C11.337 6 10.7011 6.26339 10.2322 6.73223C9.76339 7.20107 9.5 7.83696 9.5 8.5C9.5 9.16304 9.76339 9.79893 10.2322 10.2678C10.7011 10.7366 11.337 11 12 11ZM7.527 16H16.473C16.3518 14.8984 15.8283 13.8803 15.0029 13.1407C14.1775 12.4012 13.1082 11.9922 12 11.9922C10.8918 11.9922 9.82248 12.4012 8.99708 13.1407C8.17168 13.8803 7.64822 14.8984 7.527 16Z' fill='white'/%3E%3C/svg%3E%0A");
  display: flex;
}
@media (max-width: 799px) {
  #help .help-card .icon.shieldUser {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.shieldUser {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.shieldUser {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.shieldUser {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.shieldUser {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.shieldUser {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.shieldUser {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.shieldUser {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.shieldUser {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.shieldUser {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.shieldUser {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.shieldUser {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.shieldUser {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.shieldUser {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.shieldUser {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.shieldUser {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #help .help-card .icon.shieldUser {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.shieldUser {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.shieldUser {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.shieldUser {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.shieldUser {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.shieldUser {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.shieldUser {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.shieldUser {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.shieldUser {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.shieldUser {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.shieldUser {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.shieldUser {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.shieldUser {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.shieldUser {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.shieldUser {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.shieldUser {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .icon.shieldUser {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.shieldUser {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.shieldUser {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.shieldUser {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.shieldUser {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.shieldUser {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.shieldUser {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.shieldUser {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.shieldUser {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.shieldUser {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.shieldUser {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.shieldUser {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.shieldUser {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.shieldUser {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.shieldUser {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.shieldUser {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.shieldUser {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.shieldUser {
    height: 75.6px;
  }
}
#help .help-card .icon.arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99992 10.5L0.937744 0L13.0621 1.05994e-06L6.99992 10.5Z' fill='white'/%3E%3C/svg%3E%0A");
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #help .help-card .icon.arrow {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.arrow {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.arrow {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.arrow {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.arrow {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.arrow {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.arrow {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.arrow {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.arrow {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.arrow {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.arrow {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.arrow {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.arrow {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.arrow {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.arrow {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.arrow {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.arrow {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.arrow {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.arrow {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.arrow {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #help .help-card .icon.arrow {
    height: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.arrow {
    height: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.arrow {
    height: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.arrow {
    height: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.arrow {
    height: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.arrow {
    height: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.arrow {
    height: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.arrow {
    height: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.arrow {
    height: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.arrow {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.arrow {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.arrow {
    height: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.arrow {
    height: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.arrow {
    height: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.arrow {
    height: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.arrow {
    height: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.arrow {
    height: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.arrow {
    height: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.arrow {
    height: 24.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.arrow {
    height: 34.65px;
  }
}
#help .help-card .icon.arrow.active {
  transform: rotate(180deg);
}
#help .help-card .icon.map {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L9 2L15 5L21.303 2.299C21.3791 2.26638 21.4621 2.25317 21.5445 2.26054C21.627 2.26792 21.7063 2.29565 21.7754 2.34124C21.8445 2.38684 21.9012 2.44888 21.9404 2.5218C21.9796 2.59471 22.0001 2.67622 22 2.759V19L15 22L9 19L2.697 21.701C2.62091 21.7336 2.53792 21.7468 2.45547 21.7395C2.37301 21.7321 2.29368 21.7044 2.22459 21.6588C2.1555 21.6132 2.09881 21.5511 2.05961 21.4782C2.02041 21.4053 1.99993 21.3238 2 21.241V5ZM6 11V13H8V11H6ZM10 11V13H12V11H10ZM16 10.94L14.763 9.702L13.702 10.762L14.939 12L13.702 13.237L14.762 14.298L16 13.061L17.237 14.298L18.298 13.238L17.061 12L18.298 10.763L17.238 9.702L16 10.939V10.94Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #help .help-card .icon.map {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.map {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.map {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.map {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.map {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.map {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.map {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.map {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.map {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.map {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.map {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.map {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.map {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.map {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.map {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.map {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #help .help-card .icon.map {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.map {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.map {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.map {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.map {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.map {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.map {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.map {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.map {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.map {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.map {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.map {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.map {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.map {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.map {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.map {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #help .help-card .icon.map {
    margin-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .icon.map {
    margin-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .icon.map {
    margin-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .icon.map {
    margin-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .icon.map {
    margin-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .icon.map {
    margin-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .icon.map {
    margin-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .icon.map {
    margin-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .icon.map {
    margin-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .icon.map {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .icon.map {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .icon.map {
    margin-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .icon.map {
    margin-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .icon.map {
    margin-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .icon.map {
    margin-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    margin-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    margin-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .icon.map {
    margin-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .icon.map {
    margin-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .icon.map {
    margin-left: 47.25px;
  }
}
#help .help-card .nav {
  background: #13161D;
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media (max-width: 799px) {
  #help .help-card .nav {
    padding-top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav {
    padding-top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav {
    padding-top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav {
    padding-top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav {
    padding-top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav {
    padding-top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav {
    padding-top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav {
    padding-top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav {
    padding-top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav {
    padding-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav {
    padding-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav {
    padding-top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav {
    padding-top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav {
    padding-top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav {
    padding-top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav {
    padding-top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav {
    padding-top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav {
    padding-top: 81px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav {
    padding-top: 113.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav {
    padding-bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav {
    padding-bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav {
    padding-bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav {
    padding-bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav {
    padding-bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav {
    padding-bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav {
    padding-bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav {
    padding-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav {
    padding-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav {
    padding-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav {
    padding-bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav {
    padding-bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav {
    padding-bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav {
    padding-bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav {
    padding-bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav {
    padding-bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav {
    padding-bottom: 81px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav {
    padding-bottom: 113.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav {
    width: 1417.5px;
  }
}
#help .help-card .nav .header {
  font-weight: bold;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #help .help-card .nav .header {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .header {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .header {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header {
    margin-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .header {
    width: 115.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header {
    width: 128.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header {
    width: 165.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header {
    width: 176.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header {
    width: 192.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header {
    width: 179.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header {
    width: 218.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header {
    width: 205.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header {
    width: 244.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header {
    width: 257px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header {
    width: 257px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header {
    width: 321.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header {
    width: 346.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header {
    width: 334.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header {
    width: 321.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    width: 424.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    width: 514px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    width: 424.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    width: 578.25px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header {
    width: 809.55px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header {
    font-size: 75.6px;
  }
}
#help .help-card .nav .header .close {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4416 6.34492L12.3533 9.07659C10.0302 10.7029 8.28619 13.0274 7.37449 15.7126C6.46279 18.3977 6.43092 21.3036 7.28351 24.0081C8.1361 26.7127 9.82874 29.0749 12.1155 30.7517C14.4023 32.4286 17.1642 33.3327 19.9999 33.3327C22.8356 33.3327 25.5975 32.4286 27.8843 30.7517C30.1711 29.0749 31.8637 26.7127 32.7163 24.0081C33.5689 21.3036 33.5371 18.3977 32.6254 15.7126C31.7137 13.0274 29.9696 10.7029 27.6466 9.07659L29.5583 6.34492C31.7548 7.88063 33.5481 9.92401 34.7857 12.3014C36.0233 14.6787 36.6685 17.3197 36.6666 19.9999C36.6666 29.2049 29.2049 36.6666 19.9999 36.6666C10.7949 36.6666 3.33326 29.2049 3.33326 19.9999C3.33133 17.3197 3.97657 14.6787 5.21414 12.3014C6.45171 9.92401 8.24501 7.88063 10.4416 6.34492ZM18.3333 19.9999V3.33325H21.6666V19.9999H18.3333Z' fill='%23595E6C'/%3E%3C/svg%3E%0A");
  display: flex;
  background-size: 100%;
}
@media (max-width: 799px) {
  #help .help-card .nav .header .close {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header .close {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header .close {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header .close {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header .close {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header .close {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header .close {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header .close {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header .close {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header .close {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header .close {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header .close {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header .close {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header .close {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header .close {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header .close {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header .close {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header .close {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header .close {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header .close {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .header .close {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .header .close {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .header .close {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .header .close {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .header .close {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .header .close {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .header .close {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .header .close {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .header .close {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .header .close {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .header .close {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .header .close {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .header .close {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .header .close {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .header .close {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .header .close {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .header .close {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .header .close {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .header .close {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .header .close {
    height: 126px;
  }
}
#help .help-card .nav .header .close:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4416 6.34492L12.3533 9.07659C10.0302 10.7029 8.28619 13.0274 7.37449 15.7126C6.46279 18.3977 6.43092 21.3036 7.28351 24.0081C8.1361 26.7127 9.82874 29.0749 12.1155 30.7517C14.4023 32.4286 17.1642 33.3327 19.9999 33.3327C22.8356 33.3327 25.5975 32.4286 27.8843 30.7517C30.1711 29.0749 31.8637 26.7127 32.7163 24.0081C33.5689 21.3036 33.5371 18.3977 32.6254 15.7126C31.7137 13.0274 29.9696 10.7029 27.6466 9.07659L29.5583 6.34492C31.7548 7.88063 33.5481 9.92401 34.7857 12.3014C36.0233 14.6787 36.6685 17.3197 36.6666 19.9999C36.6666 29.2049 29.2049 36.6666 19.9999 36.6666C10.7949 36.6666 3.33326 29.2049 3.33326 19.9999C3.33133 17.3197 3.97657 14.6787 5.21414 12.3014C6.45171 9.92401 8.24501 7.88063 10.4416 6.34492ZM18.3333 19.9999V3.33325H21.6666V19.9999H18.3333Z' fill='white'/%3E%3C/svg%3E%0A");
}
#help .help-card .nav .navigation {
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: start;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation {
    height: 249.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation {
    height: 277px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation {
    height: 357.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation {
    height: 379.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation {
    height: 415.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation {
    height: 387.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation {
    height: 470.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation {
    height: 443.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation {
    height: 526.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation {
    height: 554px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation {
    height: 554px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation {
    height: 692.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation {
    height: 747.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation {
    height: 720.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation {
    height: 692.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation {
    height: 914.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation {
    height: 1108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation {
    height: 914.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation {
    height: 1246.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation {
    height: 1745.1px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation::-webkit-scrollbar {
    width: 12.6px;
  }
}
#help .help-card .nav .navigation::-webkit-scrollbar-track {
  background: #12141C;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#help .help-card .nav .navigation::-webkit-scrollbar-thumb {
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#help .help-card .nav .navigation li.list {
  width: 100%;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: -moz-fit-content;
  min-height: fit-content;
  align-items: center;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list {
    margin-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list {
    margin-bottom: 85.05px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list {
    padding-right: 63px;
  }
}
#help .help-card .nav .navigation li.list .items {
  height: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-weight: bold;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list .items {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list .items {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list .items {
    line-height: 50.4px;
  }
}
#help .help-card .nav .navigation li.list .items li {
  display: flex;
  color: #595E6C;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation li.list .items li {
    padding-bottom: 6.3px;
  }
}
#help .help-card .nav .navigation li.list .items li:hover {
  color: #6f7ca1;
}
#help .help-card .nav .navigation li.list .items li.active {
  color: #6f7ca1;
}
#help .help-card .nav .navigation li.list .title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
#help .help-card .nav .navigation li.list .title .flex {
  display: flex;
}
#help .help-card .scroll {
  width: 100%;
}
#help .help-card .scroll .content {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #help .help-card .scroll .content {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content {
    height: 2362.5px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content::-webkit-scrollbar {
    width: 12.6px;
  }
}
#help .help-card .scroll .content::-webkit-scrollbar-track {
  background: #12141C;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#help .help-card .scroll .content::-webkit-scrollbar-thumb {
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#help .help-card .scroll .content .accordionContent {
  display: flex;
  flex-direction: column;
}
#help .help-card .scroll .content .accordionContent li .list {
  height: auto;
  min-height: -moz-fit-content;
  min-height: fit-content;
  transition: ease all 0.2s;
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
  justify-content: space-between;
  background: #13161E;
  font-weight: bold;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    height: 132.3px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 87.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-left: 122.85px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 87.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    padding-right: 122.85px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    font-size: 44.1px;
  }
}
#help .help-card .scroll .content .accordionContent li .list:hover {
  background: #151924;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 69.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-bottom: 97.65px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 87.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-left: 122.85px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 123.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text {
    padding-right: 173.25px;
  }
}
#help .help-card .scroll .content .accordionContent .text p {
  font-weight: 500;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text p {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text p {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .text p {
    margin-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    margin-bottom: 53.55px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 265.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 295px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 380.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 404.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 442.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 413px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 501.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 472px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 560.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 590px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 590px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 737.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 796.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 767px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 737.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 973.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 1180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 973.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 1327.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    width: 1858.5px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 144.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 161px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 207.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 220.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 241.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 225.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 273.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 257.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 305.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 322px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 322px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 402.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 434.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 418.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 402.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 531.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 644px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 531.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 724.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent .contentImg {
    height: 1014.3px;
  }
}

#help {
  background: rgba(6, 7, 10, 0.55);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  font-family: "Manrope", "UniNeue", sans-serif;
}
#help .help-card {
  background: linear-gradient(135deg, rgba(22, 18, 14, 0.97), rgba(13, 11, 9, 0.96));
  border: 1px solid rgba(224, 168, 62, 0.22);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.65);
}
@media (max-width: 799px) {
  #help .help-card {
    border-radius: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card {
    border-radius: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card {
    border-radius: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card {
    border-radius: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card {
    border-radius: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card {
    border-radius: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card {
    border-radius: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card {
    border-radius: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card {
    border-radius: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card {
    border-radius: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card {
    border-radius: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card {
    border-radius: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card {
    border-radius: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card {
    border-radius: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card {
    border-radius: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card {
    border-radius: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card {
    border-radius: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card {
    border-radius: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card {
    border-radius: 49.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card {
    border-radius: 69.3px;
  }
}
#help .help-card .nav {
  background: rgba(255, 255, 255, 0.02);
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}
#help .help-card .nav .header {
  color: #fff;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#help .help-card .nav .header .close {
  opacity: 0.6;
  transition: ease all 0.18s;
}
#help .help-card .nav .header .close:hover {
  opacity: 1;
}
#help .help-card .nav .navigation .list .title {
  color: rgba(255, 255, 255, 0.72);
  transition: ease all 0.18s;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation .list .title {
    border-radius: 37.8px;
  }
}
#help .help-card .nav .navigation .list .title:hover {
  color: #fff;
  background: rgba(224, 168, 62, 0.1);
}
#help .help-card .nav .navigation .list .items li {
  color: rgba(255, 255, 255, 0.5);
  transition: ease all 0.16s;
}
@media (max-width: 799px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .nav .navigation .list .items li {
    border-radius: 31.5px;
  }
}
#help .help-card .nav .navigation .list .items li:hover {
  color: #e0a83e;
  background: rgba(224, 168, 62, 0.08);
}
@media (max-width: 799px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll::-webkit-scrollbar {
    width: 18.9px;
  }
}
#help .help-card .scroll::-webkit-scrollbar-thumb {
  background: rgba(224, 168, 62, 0.45);
}
@media (max-width: 799px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll::-webkit-scrollbar-thumb {
    border-radius: 9.45px;
  }
}
#help .help-card .scroll::-webkit-scrollbar-track {
  background: transparent;
}
#help .help-card .scroll .content .accordionContent li .list {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: ease all 0.18s;
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .list {
    margin-bottom: 25.2px;
  }
}
#help .help-card .scroll .content .accordionContent li .list:hover {
  border-color: rgba(224, 168, 62, 0.4);
  color: #fff;
}
#help .help-card .scroll .content .accordionContent li .list.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(224, 168, 62, 0.18), rgba(224, 168, 62, 0.06));
  border-color: rgba(224, 168, 62, 0.55);
}
#help .help-card .scroll .content .accordionContent li .info {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 31.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .info {
    border-radius: 44.1px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 31.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .info {
    padding: 44.1px;
  }
}
@media (max-width: 799px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #help .help-card .scroll .content .accordionContent li .info {
    margin-bottom: 31.5px;
  }
}
#help .help-card .button .btn {
  border-color: rgba(224, 168, 62, 0.6);
  color: #e0a83e;
}
#help .help-card .button .btn:hover {
  background: linear-gradient(135deg, #ecb44c, #c97e2c);
  color: #241a06;
}
.box-column {
  display: flex;
  flex-direction: column;
}

.box-flex {
  display: flex;
}

#box-menu {
  position: absolute;
  display: flex;
  top: 0vh;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-top: 11vh !important;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: Bold;
  color: white;
  -webkit-user-select: none;
}
@media (max-width: 799px) {
  #box-menu {
    padding-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu {
    padding-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu {
    padding-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu {
    padding-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu {
    padding-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu {
    padding-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu {
    padding-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu {
    padding-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu {
    padding-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu {
    padding-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu {
    padding-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu {
    padding-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu {
    padding-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu {
    padding-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu {
    padding-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu {
    padding-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu {
    padding-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu {
    padding-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu {
    padding-top: 126px;
  }
}
@media (min-width: 6000px) {
  #box-menu {
    padding-top: 176.4px;
  }
}
@media (max-width: 799px) {
  #box-menu {
    padding-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu {
    padding-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu {
    padding-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu {
    padding-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu {
    padding-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu {
    padding-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu {
    padding-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu {
    padding-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu {
    padding-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu {
    padding-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu {
    padding-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu {
    padding-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu {
    padding-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu {
    padding-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu {
    padding-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu {
    padding-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu {
    padding-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu {
    padding-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #box-menu {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #box-menu {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #box-menu {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #box-menu {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu {
    font-size: 56.7px;
  }
}
#box-menu .battlepaass__box {
  background: white;
  color: white;
  position: absolute;
  display: flex;
  align-items: center;
  font-weight: 500;
  background-image: url(/src/views/player/menu/img/battlepass.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    width: 205.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    width: 228.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    width: 294.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    width: 313.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    width: 342.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    width: 319.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    width: 388.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    width: 365.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    width: 434.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    width: 457px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    width: 457px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    width: 571.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    width: 616.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    width: 594.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    width: 571.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    width: 754.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    width: 914px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    width: 754.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    width: 1028.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    width: 1439.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    border-radius: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    top: 369px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    top: 410px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    top: 528.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    top: 561.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    top: 615px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    top: 574px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    top: 697px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    top: 656px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    top: 779px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    top: 820px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    top: 820px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    top: 1025px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    top: 1107px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    top: 1066px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    top: 1025px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    top: 1353px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    top: 1640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    top: 1353px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    top: 1845px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    top: 2583px;
  }
}
@media (max-width: 799px) {
  #box-menu .battlepaass__box {
    padding-left: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .battlepaass__box {
    padding-left: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .battlepaass__box {
    padding-left: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .battlepaass__box {
    padding-left: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .battlepaass__box {
    padding-left: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .battlepaass__box {
    padding-left: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .battlepaass__box {
    padding-left: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .battlepaass__box {
    padding-left: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .battlepaass__box {
    padding-left: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .battlepaass__box {
    padding-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .battlepaass__box {
    padding-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .battlepaass__box {
    padding-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .battlepaass__box {
    padding-left: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .battlepaass__box {
    padding-left: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .battlepaass__box {
    padding-left: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    padding-left: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    padding-left: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .battlepaass__box {
    padding-left: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .battlepaass__box {
    padding-left: 135px;
  }
}
@media (min-width: 6000px) {
  #box-menu .battlepaass__box {
    padding-left: 189px;
  }
}
#box-menu .battlepaass__box:hover {
  opacity: 0.9;
}
#box-menu .box-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media (max-width: 799px) {
  #box-menu .box-nav {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav {
    max-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav {
    max-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav {
    max-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav {
    max-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav {
    max-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav {
    max-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav {
    max-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav {
    max-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav {
    max-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav {
    max-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav {
    max-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav {
    max-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav {
    max-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav {
    max-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav {
    max-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav {
    max-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav {
    max-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav {
    max-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav {
    max-height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav {
    max-height: 126px;
  }
}
#box-menu .box-nav .header {
  background-image: url(/src/views/player/menu/img/logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 799px) {
  #box-menu .box-nav .header {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .header {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .header {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .header {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .header {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .header {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .header {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .header {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .header {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .header {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .header {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .header {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .header {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .header {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .header {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .header {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .header {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .header {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .header {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .header {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .header {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .header {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .header {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .header {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .header {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .header {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .header {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .header {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .header {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .header {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .header {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .header {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .header {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .header {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .header {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .header {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .header {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .header {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .header {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .header {
    height: 81.9px;
  }
}
#box-menu .box-nav .box-date {
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date {
    line-height: 31.5px;
  }
}
#box-menu .box-nav .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#box-menu .box-nav .nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
#box-menu .box-nav .nav .nav-lists {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 132.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-left: 185.85px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 132.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists {
    margin-right: 185.85px;
  }
}
#box-menu .box-nav .nav .nav-lists .item {
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  position: relative;
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.45px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.5px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.645px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.685px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.75px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.7px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.85px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.8px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 0.95px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.35px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.3px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.65px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 2px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 1.65px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 2.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-top: 3.15px solid rgba(255, 255, 255, 0);
  }
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.45px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.645px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.685px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.75px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.7px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.85px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.8px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 0.95px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.35px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.3px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.65px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 2px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 1.65px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 2.25px solid rgba(255, 255, 255, 0);
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item {
    border-bottom: 3.15px solid rgba(255, 255, 255, 0);
  }
}
#box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 0.9px solid #E71D36;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1px solid #E71D36;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.29px solid #E71D36;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.37px solid #E71D36;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.5px solid #E71D36;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.4px solid #E71D36;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.7px solid #E71D36;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.6px solid #E71D36;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 1.9px solid #E71D36;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2px solid #E71D36;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2px solid #E71D36;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2.5px solid #E71D36;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2.7px solid #E71D36;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2.6px solid #E71D36;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 2.5px solid #E71D36;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 3.3px solid #E71D36;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 4px solid #E71D36;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 3.3px solid #E71D36;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 4.5px solid #E71D36;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .item:hover, #box-menu .box-nav .nav .nav-lists .item.active {
    border-bottom: 6.3px solid #E71D36;
  }
}
#box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  z-index: 0;
}
@media (max-width: 799px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 112.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-nav .nav .nav-lists .gamemenu__item_absolute {
    font-size: 157.5px;
  }
}
#box-menu .inventory__title {
  color: #FFF !important;
  text-shadow: 0px 0px 0.3704vh rgba(255, 255, 255, 0.5) !important;
  font-family: SF Pro Display !important;
  font-size: 1.8519vh !important;
  font-style: normal !important;
  font-weight: Bold !important;
  line-height: 1.6667vh !important;
  letter-spacing: 0.0093vh !important;
}
#box-menu .inventory__text {
  color: rgba(255, 255, 255, 0.3) !important;
  font-family: SF Pro Display !important;
  font-size: 1.1111vh !important;
  font-style: normal !important;
  font-weight: Bold !important;
  line-height: 1.6667vh !important;
  letter-spacing: 0.0167vh !important;
  margin-bottom: 1.019vh !important;
}
#box-menu .box-key {
  background: white;
  color: black;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #box-menu .box-key {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-key {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-key {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-key {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-key {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-key {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-key {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-key {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-key {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-key {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-key {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-key {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-key {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-key {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-key {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-key {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-key {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-key {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-key {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-key {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-key {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-key {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-key {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-key {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-key {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-key {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-key {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-key {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-key {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-key {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-key {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-key {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-key {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-key {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-key {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-key {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-key {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-key {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-key {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-key {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-key {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-key {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-key {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-key {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-key {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-key {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-key {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-key {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-key {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-key {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-key {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-key {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-key {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-key {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-key {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-key {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-key {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-key {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-key {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-key {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-key {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-key {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-key {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-key {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-key {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-key {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-key {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-key {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-key {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-key {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-key {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-key {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-key {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-key {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-key {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-key {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-key {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-key {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-key {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-key {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-key:hover, #box-menu .box-key.active {
    font-size: 56.7px;
  }
}
#box-menu .inventory_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #box-menu .inventory_grid {
    grid-gap: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .inventory_grid {
    grid-gap: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .inventory_grid {
    grid-gap: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .inventory_grid {
    grid-gap: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .inventory_grid {
    grid-gap: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .inventory_grid {
    grid-gap: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .inventory_grid {
    grid-gap: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .inventory_grid {
    grid-gap: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .inventory_grid {
    grid-gap: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .inventory_grid {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .inventory_grid {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .inventory_grid {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .inventory_grid {
    grid-gap: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .inventory_grid {
    grid-gap: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .inventory_grid {
    grid-gap: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .inventory_grid {
    grid-gap: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .inventory_grid {
    grid-gap: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .inventory_grid {
    grid-gap: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .inventory_grid {
    grid-gap: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .inventory_grid {
    grid-gap: 25.2px;
  }
}
#box-menu .box-inventory {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: auto;
  align-items: center;
}
@media (max-width: 799px) {
  #box-menu .box-inventory {
    padding-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory {
    padding-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory {
    padding-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory {
    padding-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory {
    padding-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory {
    padding-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory {
    padding-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory {
    padding-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory {
    padding-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory {
    padding-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory {
    padding-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory {
    padding-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory {
    padding-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory {
    padding-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory {
    padding-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory {
    padding-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory {
    padding-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory {
    padding-top: 119.7px;
  }
}
#box-menu .box-inventory .box-between {
  display: flex;
  justify-content: space-between;
}
#box-menu .box-inventory .box-align-center {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-25 {
    margin-top: 78.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-9 {
    margin-top: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-8 {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-11 {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-12 {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 65.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 72.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 93.525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 99.325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 108.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 101.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 123.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 116px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 137.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 181.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 195.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 188.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 181.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 239.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 290px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 239.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 326.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-145 {
    margin-top: 456.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 209.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .margin-top-93 {
    margin-top: 292.95px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-126 {
    width: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-126 {
    width: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-126 {
    width: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-126 {
    width: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-126 {
    width: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-126 {
    width: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-126 {
    width: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-126 {
    width: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-126 {
    width: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-126 {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-126 {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-126 {
    width: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-126 {
    width: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-126 {
    width: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-126 {
    width: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-126 {
    width: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-126 {
    width: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-126 {
    width: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-126 {
    width: 283.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-126 {
    width: 396.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-height-79 {
    height: 35.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-height-79 {
    height: 39.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-height-79 {
    height: 50.955px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-height-79 {
    height: 54.115px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-height-79 {
    height: 59.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-height-79 {
    height: 55.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-height-79 {
    height: 67.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-height-79 {
    height: 63.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-height-79 {
    height: 75.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-height-79 {
    height: 79px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-height-79 {
    height: 79px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-height-79 {
    height: 98.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-height-79 {
    height: 106.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-height-79 {
    height: 102.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-height-79 {
    height: 98.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-height-79 {
    height: 130.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-height-79 {
    height: 158px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-height-79 {
    height: 130.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-height-79 {
    height: 177.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-height-79 {
    height: 248.85px;
  }
}
#box-menu .box-inventory .fastslots {
  width: 7.407vh !important;
  height: 7.407vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 0.6185vh;
}
#box-menu .box-inventory .fastslots .id {
  pointer-events: none;
  position: absolute;
  font-weight: "TTNorms-Bold";
  left: -1vh !important;
  top: none !important;
  width: 1.4815vh;
  height: 1.4815vh;
  flex-shrink: 0;
  border-radius: 0.1852vh;
  background: #0BFFDF;
  box-shadow: 0px 0px 0.9259vh 0px rgba(11, 255, 223, 0.5);
  color: #101518;
  text-align: center;
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#box-menu .box-inventory .box-width-617 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-617 {
    width: 277.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-617 {
    width: 308.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-617 {
    width: 397.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-617 {
    width: 422.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-617 {
    width: 462.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-617 {
    width: 431.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-617 {
    width: 524.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-617 {
    width: 493.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-617 {
    width: 586.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-617 {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-617 {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-617 {
    width: 771.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-617 {
    width: 832.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-617 {
    width: 802.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-617 {
    width: 771.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    width: 1018.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    width: 1234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    width: 1018.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    width: 1388.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-617 {
    width: 1943.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-617 {
    margin-left: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-617 {
    margin-right: 126px;
  }
}
#box-menu .box-inventory .box-width-457 {
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-457 {
    width: 205.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-457 {
    width: 228.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-457 {
    width: 294.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-457 {
    width: 313.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-457 {
    width: 342.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-457 {
    width: 319.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-457 {
    width: 388.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-457 {
    width: 365.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-457 {
    width: 434.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-457 {
    width: 457px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-457 {
    width: 457px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-457 {
    width: 571.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-457 {
    width: 616.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-457 {
    width: 594.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-457 {
    width: 571.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-457 {
    width: 754.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-457 {
    width: 914px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-457 {
    width: 754.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-457 {
    width: 1028.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-457 {
    width: 1439.55px;
  }
}
#box-menu .box-inventory .box-width-457.accessories {
  justify-content: flex-start;
}
#box-menu .box-inventory .inventory__accessories {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 202.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories {
    margin-left: 283.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 585px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories {
    width: 819px;
  }
}
#box-menu .box-inventory .inventory__accessories .box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 20.648vh !important;
}
#box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
  background-image: url(/src/views/player/menu/img/accs_top.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 79.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 88px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 113.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 120.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 132px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 123.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 149.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 140.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 167.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 237.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 228.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 220px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 290.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 352px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 290.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 396px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    width: 554.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 101.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_lines {
    height: 141.75px;
  }
}
#box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
  background-image: url(/src/views/player/menu/img/accs_bottom.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 79.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 88px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 113.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 120.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 132px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 123.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 149.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 140.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 167.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 237.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 228.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 220px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 290.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 352px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 290.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 396px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    width: 554.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 101.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .inventory__accessories .inventory__accessories_line {
    height: 141.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-width-356 {
    width: 160.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-width-356 {
    width: 178px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-width-356 {
    width: 229.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-width-356 {
    width: 243.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-width-356 {
    width: 267px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-width-356 {
    width: 249.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-width-356 {
    width: 302.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-width-356 {
    width: 284.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-width-356 {
    width: 338.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-width-356 {
    width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-width-356 {
    width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-width-356 {
    width: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-width-356 {
    width: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-width-356 {
    width: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-width-356 {
    width: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-356 {
    width: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-356 {
    width: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-width-356 {
    width: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-width-356 {
    width: 801px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-width-356 {
    width: 1121.4px;
  }
}
#box-menu .box-inventory .box-footer {
  display: flex;
  align-items: flex-end;
  position: absolute;
  right: 0vh;
  top: 0vh;
}
#box-menu .box-inventory .box-footer .box-quickuse {
  position: absolute;
  right: -2.7963vh;
  top: 18vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#box-menu .box-inventory .e-player {
  display: flex;
  flex-direction: column;
  margin-right: 8.333vh !important;
  margin-left: 8.333vh !important;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .e-player {
    width: 277.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .e-player {
    width: 308.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .e-player {
    width: 397.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .e-player {
    width: 422.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .e-player {
    width: 462.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .e-player {
    width: 431.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .e-player {
    width: 524.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .e-player {
    width: 493.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .e-player {
    width: 586.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .e-player {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .e-player {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .e-player {
    width: 771.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .e-player {
    width: 832.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .e-player {
    width: 802.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .e-player {
    width: 771.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    width: 1018.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    width: 1234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    width: 1018.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    width: 1388.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .e-player {
    width: 1943.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .e-player {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .e-player {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .e-player {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .e-player {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .e-player {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .e-player {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .e-player {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .e-player {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .e-player {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .e-player {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .e-player {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .e-player {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .e-player {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .e-player {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .e-player {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .e-player {
    margin-left: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .e-player {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .e-player {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .e-player {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .e-player {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .e-player {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .e-player {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .e-player {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .e-player {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .e-player {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .e-player {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .e-player {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .e-player {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .e-player {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .e-player {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .e-player {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .e-player {
    margin-right: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .e-player .margin-top-10 {
    margin-top: 31.5px;
  }
}
#box-menu .box-inventory .box-player {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    grid-gap: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    width: 277.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    width: 308.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    width: 397.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    width: 422.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    width: 462.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    width: 431.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    width: 524.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    width: 493.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    width: 586.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    width: 771.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    width: 832.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    width: 802.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    width: 771.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    width: 1018.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    width: 1234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    width: 1018.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    width: 1388.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    width: 1943.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    height: 199.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    height: 221.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    height: 285.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    height: 303.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    height: 332.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    height: 310.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    height: 376.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    height: 354.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    height: 420.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    height: 553.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    height: 598.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    height: 575.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    height: 553.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    height: 730.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    height: 886px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    height: 730.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    height: 996.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    height: 1395.45px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-player {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-player {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-player {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-player {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-player {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-player {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-player {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-player {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-player {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-player {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-player {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-player {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-player {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-player {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-player {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-player {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-player {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-player {
    padding-right: 25.2px;
  }
}
#box-menu .box-inventory .other {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .other {
    width: 154.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .other {
    width: 172px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .other {
    width: 221.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .other {
    width: 235.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .other {
    width: 258px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .other {
    width: 240.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .other {
    width: 292.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .other {
    width: 275.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .other {
    width: 326.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .other {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .other {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .other {
    width: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .other {
    width: 464.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .other {
    width: 447.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .other {
    width: 430px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .other {
    width: 567.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .other {
    width: 688px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .other {
    width: 567.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .other {
    width: 774px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .other {
    width: 1083.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .other {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .other {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .other {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .other {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .other {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .other {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .other {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .other {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .other {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .other {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .other {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .other {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .other {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .other {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .other {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .other {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .other {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .other {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .other {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .other {
    margin-bottom: 63px;
  }
}
#box-menu .box-inventory .other:last-child {
  margin-bottom: 0;
}
#box-menu .box-inventory .other .box-between {
  width: 100%;
}
#box-menu .box-inventory .trade {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade {
    width: 154.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade {
    width: 172px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade {
    width: 221.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade {
    width: 235.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade {
    width: 258px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade {
    width: 240.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade {
    width: 292.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade {
    width: 275.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade {
    width: 326.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade {
    width: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade {
    width: 464.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade {
    width: 447.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade {
    width: 430px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade {
    width: 567.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade {
    width: 688px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade {
    width: 567.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade {
    width: 774px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade {
    width: 1083.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .inventory__text {
    margin-bottom: 12.6px;
  }
}
#box-menu .box-inventory .trade .title-name {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
  background: rgba(27, 30, 40, 0.9);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .title-name {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .title-name {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .title-name {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .title-name {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .title-name {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .title-name {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .title-name {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .title-name {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .title-name {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .title-name {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .title-name {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .title-name {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .title-name {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .title-name {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .title-name {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .title-name {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .title-name {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .title-name {
    border-radius: 18.9px;
  }
}
#box-menu .box-inventory .trade .box-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: bold;
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    width: 154.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    width: 172px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    width: 221.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    width: 235.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    width: 258px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    width: 240.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    width: 292.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    width: 275.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    width: 326.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    width: 344px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    width: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    width: 464.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    width: 447.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    width: 430px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    width: 567.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    width: 688px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    width: 567.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    width: 774px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    width: 1083.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    padding: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    padding-bottom: 34.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    margin-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input {
    border-radius: 18.9px;
  }
}
#box-menu .box-inventory .trade .box-input .input {
  height: 100%;
  width: 100%;
  border: 0;
  background: transparent;
  color: white;
  font-style: normal;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .input {
    font-size: 44.1px;
  }
}
#box-menu .box-inventory .trade .box-input .box-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .box-icon {
    margin-left: 25.2px;
  }
}
#box-menu .box-inventory .trade .box-input .box-icon span {
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 38.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-input .box-icon span {
    font-size: 53.55px;
  }
}
#box-menu .box-inventory .trade .box-trade {
  display: flex;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 154.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 171.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 221.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 234.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 257.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 240.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 291.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 274.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 325.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 428.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 463.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 445.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 428.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 565.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 686px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 565.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 771.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-trade {
    width: 1080.45px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 409.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-trade {
    height: 573.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-trade {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .trade .box-trade {
    grid-gap: 25.2px;
  }
}
#box-menu .box-inventory .height-box {
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .height-box {
    min-height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .height-box {
    min-height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .height-box {
    min-height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .height-box {
    min-height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .height-box {
    min-height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .height-box {
    min-height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .height-box {
    min-height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .height-box {
    min-height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .height-box {
    min-height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .height-box {
    min-height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .height-box {
    min-height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .height-box {
    min-height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .height-box {
    min-height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .height-box {
    min-height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .height-box {
    min-height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .height-box {
    min-height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .height-box {
    min-height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .height-box {
    min-height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .height-box {
    min-height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .height-box {
    min-height: 170.1px;
  }
}
#box-menu .box-inventory .box-other {
  display: flex;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other {
    font-size: 50.4px;
  }
}
#box-menu .box-inventory .box-other .box-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 99px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    font-size: 138.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-info .icon {
    margin-bottom: 25.2px;
  }
}
#box-menu .box-inventory .box-other .box-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  overflow: auto;
  padding-right: 0.9259vh;
  height: 57vh;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list {
    grid-gap: 25.2px;
  }
}
#box-menu .box-inventory .box-other .box-list.backpack {
  grid-template-columns: repeat(7, 1fr);
  overflow-y: auto;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    height: 535.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list.backpack {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-track {
    border-radius: 63px;
  }
}
#box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
  background: #0BFFDF;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
    border-radius: 63px;
  }
}
#box-menu .box-inventory .inventory__box_backpack {
  width: 100%;
  padding: 0;
  position: relative;
}
#box-menu .box-inventory .box-accessories {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#box-menu .box-inventory .box-accessories .box-item {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-width: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item {
    min-height: 252px;
  }
}
#box-menu .box-inventory .box-accessories .box-item.gray {
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#box-menu .box-inventory .box-accessories .box-item.gray .icon {
  color: rgba(255, 255, 255, 0.15);
}
#box-menu .box-inventory .box-accessories .box-item.gray:hover {
  border: 0.0926vh solid rgba(255, 255, 255, 0.15);
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.smoll .icon {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 101.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    width: 141.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 101.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.medium {
    height: 141.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .box-item.medium .icon {
    font-size: 75.6px;
  }
}
#box-menu .box-inventory .box-accessories .skin {
  position: absolute;
  left: 0;
  background-image: url(/src/views/player/menu/img/skin-man.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 108px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .skin {
    margin-top: 151.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .skin {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 239.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 266px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 343.14px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 364.42px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 399px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 372.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 452.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 425.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 505.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 532px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 532px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 665px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 718.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 691.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 665px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 877.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 1064px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 877.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 1197px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-inventory .box-accessories .skin {
    height: 1675.8px;
  }
}
#box-menu .box-inventory .box-accessories .skin.women {
  background-image: url(/src/views/player/menu/img/skin-women.svg);
}
#box-menu .btn-box-trade {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade {
    width: 154.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade {
    width: 171.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade {
    width: 221.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade {
    width: 234.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade {
    width: 257.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade {
    width: 240.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade {
    width: 291.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade {
    width: 274.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade {
    width: 325.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade {
    width: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade {
    width: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade {
    width: 428.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade {
    width: 463.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade {
    width: 445.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade {
    width: 428.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade {
    width: 565.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade {
    width: 686px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade {
    width: 565.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade {
    width: 771.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade {
    width: 1080.45px;
  }
}
#box-menu .btn-box-trade .btn-trade {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
  background: rgba(43, 182, 168, 0.1);
  border: 1px solid rgba(43, 182, 168, 0.7);
  font-weight: bold;
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 94.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 105.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 136.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 144.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 158.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 147.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 179.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 168.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 200.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 211px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 211px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 263.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 284.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 274.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 263.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 348.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 422px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 348.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 474.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade .btn-trade {
    width: 664.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade .btn-trade {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade .btn-trade {
    border-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade .btn-trade {
    font-size: 56.7px;
  }
}
#box-menu .btn-box-trade .btn-trade.red {
  background: rgba(231, 29, 54, 0.1);
  border: 1px solid rgba(231, 29, 54, 0.7);
}
@media (max-width: 799px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 283.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .btn-box-trade .btn-trade.red {
    width: 396.9px;
  }
}
#box-menu .box-KeyInfo {
  position: absolute;
}
@media (max-width: 799px) {
  #box-menu .box-KeyInfo {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-KeyInfo {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-KeyInfo {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-KeyInfo {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-KeyInfo {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-KeyInfo {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-KeyInfo {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-KeyInfo {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-KeyInfo {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-KeyInfo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-KeyInfo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-KeyInfo {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-KeyInfo {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-KeyInfo {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-KeyInfo {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-KeyInfo {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-KeyInfo {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-KeyInfo {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-KeyInfo {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-KeyInfo {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-KeyInfo {
    bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-KeyInfo {
    bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-KeyInfo {
    bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-KeyInfo {
    bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-KeyInfo {
    bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-KeyInfo {
    bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-KeyInfo {
    bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-KeyInfo {
    bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-KeyInfo {
    bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-KeyInfo {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-KeyInfo {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-KeyInfo {
    bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-KeyInfo {
    bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-KeyInfo {
    bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-KeyInfo {
    bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-KeyInfo {
    bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-KeyInfo {
    bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-KeyInfo {
    bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-KeyInfo {
    bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-KeyInfo {
    bottom: 157.5px;
  }
}
#box-menu .box-item-name {
  position: absolute;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.4);
  width: 100%;
  text-align: center;
}
@media (max-width: 799px) {
  #box-menu .box-item-name {
    bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-name {
    bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-name {
    bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-name {
    bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-name {
    bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-name {
    bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-name {
    bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-name {
    bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-name {
    bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-name {
    bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-name {
    bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-name {
    bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-name {
    bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-name {
    bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-name {
    bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-name {
    bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-name {
    bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-name {
    bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-name {
    bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-name {
    bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-name {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-name {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-name {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-name {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-name {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-name {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-name {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-name {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-name {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-name {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-name {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-name {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-name {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-name {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-name {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-name {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-name {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-name {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-name {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-name {
    font-size: 37.8px;
  }
}
#box-menu .box-item {
  width: 7.407vh !important;
  height: 7.407vh !important;
  border-radius: 0.2778vh;
  border: 0.0926vh solid rgba(255, 255, 255, 0.05);
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #box-menu .box-item {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item {
    border-radius: 18.9px;
  }
}
#box-menu .box-item .item-png {
  width: 3.7037vh !important;
  height: 3.7037vh !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 0px 2px black);
}
#box-menu .box-item.anim {
  animation: item-info-active 2.5s;
}
#box-menu .box-item.noAnim {
  animation: none;
}
#box-menu .box-item:hover, #box-menu .box-item.hover {
  border: 0.0926vh solid rgba(255, 255, 255, 0.15);
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%);
}
#box-menu .box-item.clothesM:hover, #box-menu .box-item.clothesM.hover {
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(11, 255, 223, 0) 0%, rgba(11, 255, 223, 0.15) 100%);
}
#box-menu .box-item.clothesF:hover, #box-menu .box-item.clothesF.hover {
  background: radial-gradient(70.71% 70.71% at 50% 50.22%, rgba(222, 1, 121, 0) 0%, rgba(222, 1, 121, 0.15) 100%);
}
#box-menu .box-item.noUse {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
#box-menu .box-item.active {
  background: rgba(42, 49, 73, 0.9);
}
#box-menu .box-item .icon {
  pointer-events: none;
  color: white;
  pointer-events: none;
}
@media (max-width: 799px) {
  #box-menu .box-item .icon {
    font-size: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item .icon {
    font-size: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item .icon {
    font-size: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item .icon {
    font-size: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item .icon {
    font-size: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item .icon {
    font-size: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item .icon {
    font-size: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item .icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item .icon {
    font-size: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item .icon {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item .icon {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item .icon {
    font-size: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item .icon {
    font-size: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item .icon {
    font-size: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item .icon {
    font-size: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item .icon {
    font-size: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item .icon {
    font-size: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item .icon {
    font-size: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item .icon {
    font-size: 76.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item .icon {
    font-size: 107.1px;
  }
}
#box-menu .box-item .border {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 5px;
}
@media (max-width: 799px) {
  #box-menu .box-item .border {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item .border {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item .border {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item .border {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item .border {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item .border {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item .border {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item .border {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item .border {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item .border {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item .border {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item .border {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item .border {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item .border {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item .border {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item .border {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item .border {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item .border {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item .border {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item .border {
    height: 18.9px;
  }
}
#box-menu .box-item .count {
  color: white;
  pointer-events: none;
  position: absolute;
  bottom: 0vh !important;
  right: 0.5556vh !important;
  top: 0.5556vh !important;
  text-align: right;
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 799px) {
  #box-menu .box-item .count {
    bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item .count {
    bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item .count {
    bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item .count {
    bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item .count {
    bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item .count {
    bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item .count {
    bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item .count {
    bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item .count {
    bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item .count {
    bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item .count {
    bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item .count {
    bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item .count {
    bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item .count {
    bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item .count {
    bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item .count {
    bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item .count {
    right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item .count {
    right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item .count {
    right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item .count {
    right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item .count {
    right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item .count {
    right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item .count {
    right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item .count {
    right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item .count {
    right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item .count {
    right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item .count {
    right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item .count {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item .count {
    right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item .count {
    right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item .count {
    right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    right: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item .count {
    right: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item .count {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item .count {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item .count {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item .count {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item .count {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item .count {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item .count {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item .count {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item .count {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item .count {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item .count {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item .count {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item .count {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item .count {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item .count {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item .count {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item .count {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item .count {
    font-size: 37.8px;
  }
}
#box-menu .box-item:hover.count, #box-menu .box-item.hover.count {
  color: black;
}
@keyframes item-info-active {
  0% {
    background: rgba(42, 49, 73, 0.8);
  }
  100% {
    background: #364579;
  }
}
#box-menu .box-use {
  position: absolute;
  z-index: 1;
}
@media (max-width: 799px) {
  #box-menu .box-use {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use {
    border-bottom-left-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use {
    border-bottom-left-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use {
    border-bottom-left-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use {
    border-bottom-left-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use {
    border-bottom-left-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use {
    border-bottom-left-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use {
    border-bottom-left-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use {
    border-bottom-left-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use {
    border-bottom-left-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use {
    border-bottom-left-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use {
    border-bottom-left-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use {
    border-bottom-left-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-bottom-left-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-bottom-left-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-bottom-left-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-bottom-left-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use {
    border-bottom-left-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use {
    border-top-right-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use {
    border-top-right-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use {
    border-top-right-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use {
    border-top-right-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use {
    border-top-right-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use {
    border-top-right-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use {
    border-top-right-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use {
    border-top-right-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use {
    border-top-right-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use {
    border-top-right-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use {
    border-top-right-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use {
    border-top-right-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-top-right-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-top-right-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-top-right-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-top-right-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use {
    border-top-right-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use {
    border-bottom-right-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use {
    border-bottom-right-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use {
    border-bottom-right-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use {
    border-bottom-right-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use {
    border-bottom-right-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use {
    border-bottom-right-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use {
    border-bottom-right-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use {
    border-bottom-right-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use {
    border-bottom-right-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use {
    border-bottom-right-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use {
    border-bottom-right-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use {
    border-bottom-right-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use {
    border-bottom-right-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-bottom-right-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-bottom-right-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use {
    border-bottom-right-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use {
    border-bottom-right-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use {
    border-bottom-right-radius: 28.35px;
  }
}
#box-menu .box-use .item {
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    width: 378px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    width: 529.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-use .item .inventoryicon-use {
    margin-right: 31.5px;
  }
}
#box-menu .box-use .item:hover {
  color: white;
  border: 0.1vh solid #0BFFDF;
  background: linear-gradient(128deg, #0BFFDF -5.92%, #0D463F 103.2%);
  box-shadow: 0px 0px 0.6vh 0px #0BFFDF;
}
#box-menu .box-stack {
  position: absolute;
  color: black;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    width: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    width: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    width: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    width: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    width: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    width: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    width: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    width: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    width: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    width: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    width: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    width: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    width: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    width: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    width: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    width: 414px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    width: 579.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    border-bottom-left-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    border-top-right-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    border-top-right-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    border-top-right-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    border-top-right-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    border-top-right-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    border-top-right-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    border-top-right-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    border-top-right-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    border-top-right-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    border-top-right-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    border-top-right-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    border-top-right-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-top-right-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-top-right-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-top-right-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-top-right-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    border-top-right-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack {
    border-bottom-right-radius: 28.35px;
  }
}
#box-menu .box-stack .box-text {
  text-align: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
  display: flex;
  align-items: center;
  background: rgba(18, 18, 18, 0.4);
  width: 100%;
  color: #fff;
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text {
    border-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text {
    border-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text {
    border-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text {
    border-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text {
    border-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text {
    border-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text {
    border-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text {
    border-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text {
    border-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text {
    border-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text {
    border-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text {
    border-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text {
    border-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    border-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    border-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    border-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    border-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text {
    border-radius: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text {
    padding: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text {
    padding: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text {
    padding: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text {
    padding: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text {
    padding: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text {
    padding: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text {
    padding: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text {
    padding: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text {
    padding: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text {
    padding: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text {
    padding: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text {
    padding: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text {
    padding: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    padding: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    padding: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text {
    padding: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text {
    padding: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text {
    padding: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text .icon {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-text .icon {
    margin-right: 18.9px;
  }
}
#box-menu .box-stack .box-number {
  background: rgba(18, 18, 18, 0.4);
  color: white;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  width: 100%;
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number {
    border-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number {
    border-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number {
    border-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number {
    border-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number {
    border-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number {
    border-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number {
    border-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number {
    border-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number {
    border-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number {
    border-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number {
    border-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number {
    border-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number {
    border-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    border-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    border-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number {
    border-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number {
    border-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number {
    border-radius: 28.35px;
  }
}
#box-menu .box-stack .box-number .box-number-input {
  border: 0;
  background: rgba(18, 18, 18, 0.4);
  color: white;
  font-family: "TTNorms-Regular";
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number .box-number-input {
    margin-left: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-number .box-number-input {
    font-size: 31.5px;
  }
}
#box-menu .box-stack .box-slider {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: rgba(18, 18, 18, 0.4);
  width: 100%;
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-slider {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-slider {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-slider {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-slider {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-slider {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-slider {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-slider {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-slider {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-slider {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-slider {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-slider {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-slider {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-slider {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-slider {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-slider {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-slider {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-slider {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-slider {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-slider {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-slider {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-slider {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-slider {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-slider {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-slider {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-slider {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-slider {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-slider {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-slider {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-slider {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-slider {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-slider {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-slider {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-slider {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-slider {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-slider {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-slider {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-slider {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-slider {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-slider {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-slider {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-slider {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-slider {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-slider {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-slider {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-slider {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-slider {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-slider {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-slider {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-slider {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-slider {
    border-radius: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-slider {
    border-radius: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-slider {
    border-radius: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-slider {
    border-radius: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-slider {
    border-radius: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-slider {
    border-radius: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-slider {
    border-radius: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-slider {
    border-radius: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-slider {
    border-radius: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-slider {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-slider {
    border-radius: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-slider {
    border-radius: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-slider {
    border-radius: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-slider {
    border-radius: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-slider {
    border-radius: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    border-radius: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    border-radius: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-slider {
    border-radius: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-slider {
    border-radius: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-slider {
    border-radius: 28.35px;
  }
}
#box-menu .box-stack .slider .rangeslider {
  background: rgba(18, 18, 18, 0.4);
}
@media (max-width: 799px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .slider .rangeslider {
    height: 6.3px;
  }
}
#box-menu .box-stack .slider .rangeslider__fill {
  background: #0BFFDF;
}
#box-menu .box-stack .slider .rangeslider__handle {
  border: none;
  background: #0BFFDF;
}
@media (max-width: 799px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 2.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    top: 3.15px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .slider .rangeslider__handle {
    height: 31.5px;
  }
}
#box-menu .box-stack .btn-slap {
  border-radius: 0.2778vh;
  border: 0.0926vh solid rgba(181, 246, 99, 0.4);
  background: radial-gradient(147.54% 147.54% at 31.45% 7.26%, rgba(133, 206, 40, 0.3) 0%, rgba(68, 112, 12, 0.3) 100%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stack .btn-slap {
    width: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .btn-slap {
    width: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .btn-slap {
    width: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .btn-slap {
    width: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .btn-slap {
    width: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .btn-slap {
    width: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .btn-slap {
    width: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .btn-slap {
    width: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .btn-slap {
    width: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .btn-slap {
    width: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .btn-slap {
    width: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .btn-slap {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .btn-slap {
    width: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .btn-slap {
    width: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .btn-slap {
    width: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    width: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    width: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    width: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    width: 216px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .btn-slap {
    width: 302.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .btn-slap {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .btn-slap {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .btn-slap {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .btn-slap {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .btn-slap {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .btn-slap {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .btn-slap {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .btn-slap {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .btn-slap {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .btn-slap {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .btn-slap {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .btn-slap {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .btn-slap {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .btn-slap {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .btn-slap {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .btn-slap {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .btn-slap {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .btn-slap {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .btn-slap {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .btn-slap {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .btn-slap {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .btn-slap {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .btn-slap {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .btn-slap {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .btn-slap {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .btn-slap {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .btn-slap {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .btn-slap {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .btn-slap {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .btn-slap {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .btn-slap {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .btn-slap {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .btn-slap {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .btn-slap {
    font-size: 37.8px;
  }
}
#box-menu .box-stack .btn-slap:hover {
  border: 0.0926vh solid #B5F663;
  background: radial-gradient(147.54% 147.54% at 31.45% 7.26%, rgba(133, 206, 40, 0.5) 0%, rgba(68, 112, 12, 0.5) 100%);
}
#box-menu .box-stack .box-cancel {
  border-radius: 0.2778vh;
  border: 0.0926vh solid rgba(231, 56, 53, 0.4);
  background: radial-gradient(147.54% 147.54% at 31.45% 7.26%, rgba(231, 56, 53, 0.3) 0%, rgba(72, 16, 15, 0.3) 100%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-cancel {
    width: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-cancel {
    width: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-cancel {
    width: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-cancel {
    width: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-cancel {
    width: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-cancel {
    width: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-cancel {
    width: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-cancel {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-cancel {
    width: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-cancel {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-cancel {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-cancel {
    width: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-cancel {
    width: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-cancel {
    width: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-cancel {
    width: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    width: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    width: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    width: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    width: 153px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-cancel {
    width: 214.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-cancel {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-cancel {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-cancel {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-cancel {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-cancel {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-cancel {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-cancel {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-cancel {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-cancel {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-cancel {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-cancel {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-cancel {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-cancel {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-cancel {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-cancel {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-cancel {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stack .box-cancel {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stack .box-cancel {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stack .box-cancel {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stack .box-cancel {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stack .box-cancel {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stack .box-cancel {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stack .box-cancel {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stack .box-cancel {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stack .box-cancel {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stack .box-cancel {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stack .box-cancel {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stack .box-cancel {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stack .box-cancel {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stack .box-cancel {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stack .box-cancel {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stack .box-cancel {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stack .box-cancel {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stack .box-cancel {
    font-size: 37.8px;
  }
}
#box-menu .box-stack .box-cancel:hover {
  border: 0.0926vh solid rgb(231, 56, 53);
  background: radial-gradient(147.54% 147.54% at 31.45% 7.26%, rgba(231, 56, 53, 0.5) 0%, rgba(72, 16, 15, 0.3) 100%);
}
#box-menu .box-item-descr {
  background: #FFFFFF;
  border-top-left-radius: 0;
  z-index: 99;
  pointer-events: none;
  position: relative;
}
@media (max-width: 799px) {
  #box-menu .box-item-descr {
    width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-descr {
    width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-descr {
    width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-descr {
    width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-descr {
    width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-descr {
    width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-descr {
    width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-descr {
    width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-descr {
    width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-descr {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-descr {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-descr {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-descr {
    width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-descr {
    width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-descr {
    width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-descr {
    width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-descr {
    width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-descr {
    width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-descr {
    width: 378px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-descr {
    width: 529.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-descr {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-descr {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-descr {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-descr {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-descr {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-descr {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-descr {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-descr {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-descr {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-descr {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-descr {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-descr {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-descr {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-descr {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-descr {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-descr {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-descr {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-descr {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-descr {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-descr {
    border-radius: 37.8px;
  }
}
#box-menu .box-item-descr .bg-info {
  border-top-left-radius: 0;
}
#box-menu .box-item-weapon {
  background: rgba(18, 18, 18, 0.4);
  border-top-left-radius: 0;
  z-index: 99;
  pointer-events: none;
  position: relative;
  background-position: center;
  background-image: url(/src/views/player/menu/img/weapon_block.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon {
    width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon {
    width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon {
    width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon {
    width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon {
    width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon {
    width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon {
    width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon {
    width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon {
    width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon {
    width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon {
    width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon {
    width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon {
    width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon {
    width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon {
    width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon {
    width: 378px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon {
    width: 529.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon {
    border-radius: 37.8px;
  }
}
#box-menu .box-item-weapon .box-item-weapon__element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-weight: bold;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    line-height: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element {
    margin-top: 31.5px;
  }
}
#box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
  background: #C4C4C4;
  display: flex;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    min-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    max-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress {
    border-radius: 6.3px;
  }
}
#box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
  background: #0091FF;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    min-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    max-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__element .weapon__progress .weapon__progress-line {
    border-radius: 6.3px;
  }
}
#box-menu .box-item-weapon .bg-info {
  border-top-left-radius: 0;
}
#box-menu .box-item-weapon .bg-info .box-flex {
  align-items: center;
}
#box-menu .box-item-weapon .box-item-weapon__image {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/src/views/player/menu/img/weapon.png);
  filter: drop-shadow(0px 0px 2px black);
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 225px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-width: 315px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 225px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__image {
    min-height: 315px;
  }
}
#box-menu .box-item-weapon .box-item-weapon__line {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    min-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    max-height: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .box-item-weapon__line {
    margin-top: 25.2px;
  }
}
#box-menu .box-item-weapon .box-column {
  align-items: center;
}
#box-menu .box-item-weapon .weapon__star {
  background-position: center;
  background-image: url(/src/views/player/menu/img/weapon_star.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 94.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .weapon__star {
    width: 132.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon .weapon__star {
    height: 132.3px;
  }
}
#box-menu .box-item-info {
  position: absolute;
  width: auto;
  background: rgba(255, 255, 255, 0.05);
  color: white !important;
  z-index: 99;
  pointer-events: none;
}
@media (max-width: 799px) {
  #box-menu .box-item-info {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-info {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-info {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-info {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-info {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-info {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-info {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-info {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-info {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-info {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-info {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-info {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-info {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-info {
    border-radius: 18.9px;
  }
}
#box-menu .box-item-info::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.05) transparent transparent transparent;
}
#box-menu .box-item-weapon__serial {
  background: black;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial {
    border-bottom-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial {
    margin-top: 31.5px;
  }
}
#box-menu .box-item-weapon__serial .weapon__serial_title {
  font-family: "TTNorms-Regular";
  color: #FFFFFF;
  opacity: 0.5;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial .weapon__serial_title {
    margin-bottom: 9.45px;
  }
}
#box-menu .box-item-weapon__serial .weapon__serial_subtitle {
  font-weight: "TTNorms-Bold";
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-item-weapon__serial .weapon__serial_subtitle {
    font-size: 44.1px;
  }
}
#box-menu .bg-info {
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.4);
  word-wrap: break-word;
  text-align: center;
  color: white;
}
@media (max-width: 799px) {
  #box-menu .bg-info {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info {
    border-radius: 18.9px;
  }
}
#box-menu .bg-info .title {
  font-style: normal;
  font-weight: bold;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .bg-info .title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .title {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .title {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .title {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .title {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .title {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .title {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .title {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .title {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .title {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .title {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .title {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .title {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .title {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .title {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .title {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .title {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .title {
    line-height: 53.55px;
  }
}
#box-menu .bg-info .title.left {
  text-align: left;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #box-menu .bg-info .title.left {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .title.left {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .title.left {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .title.left {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .title.left {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .title.left {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .title.left {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .title.left {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .title.left {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .title.left {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .title.left {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .title.left {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .title.left {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .title.left {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .title.left {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .title.left {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .title.left {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .title.left {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .title.left {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .title.left {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .title span {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .title span {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .title span {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .title span {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .title span {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .title span {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .title span {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .title span {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .title span {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .title span {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .title span {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .title span {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .title span {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .title span {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .title span {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .title span {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .title span {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .title span {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .title span {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .title span {
    margin-right: 18.9px;
  }
}
#box-menu .bg-info .type {
  font-style: normal;
  font-weight: 500;
  color: orange;
}
@media (max-width: 799px) {
  #box-menu .bg-info .type {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .type {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .type {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .type {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .type {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .type {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .type {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .type {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .type {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .type {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .type {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .type {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .type {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .type {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .type {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .type {
    font-size: 34.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .type {
    line-height: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .type {
    line-height: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .type {
    line-height: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .type {
    line-height: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .type {
    line-height: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .type {
    line-height: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .type {
    line-height: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .type {
    line-height: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .type {
    line-height: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .type {
    line-height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .type {
    line-height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .type {
    line-height: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .type {
    line-height: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .type {
    line-height: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .type {
    line-height: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    line-height: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    line-height: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    line-height: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    line-height: 20.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .type {
    line-height: 28.35px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .type {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .type {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .type {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .type {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .type {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .type {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .type {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .type {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .type {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .type {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .type {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .type {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .type {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .type {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .type {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .type {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .type {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .type {
    margin-top: 44.1px;
  }
}
#box-menu .bg-info .desc {
  font-style: normal;
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #box-menu .bg-info .desc {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .desc {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .desc {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .desc {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .desc {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .desc {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .desc {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .desc {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .desc {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .desc {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .desc {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .desc {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .desc {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .desc {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .desc {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .desc {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .desc {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .desc {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .desc {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .desc {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .desc {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .desc {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .desc {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .desc {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .desc {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .desc {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .desc {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .desc {
    line-height: 37.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .bg-info .desc {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .desc {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .desc {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .desc {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .desc {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .desc {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .desc {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .desc {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .desc {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .desc {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .desc {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .desc {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .desc {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .desc {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .desc {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .desc {
    margin-top: 18.9px;
  }
}
#box-menu .bg-info .desc.left {
  text-align: left;
}
@media (max-width: 799px) {
  #box-menu .bg-info .icon {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .bg-info .icon {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .bg-info .icon {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .bg-info .icon {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .bg-info .icon {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .bg-info .icon {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .bg-info .icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .bg-info .icon {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .bg-info .icon {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .bg-info .icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .bg-info .icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .bg-info .icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .bg-info .icon {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .bg-info .icon {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .bg-info .icon {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .bg-info .icon {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .bg-info .icon {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .bg-info .icon {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .bg-info .icon {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #box-menu .bg-info .icon {
    font-size: 100.8px;
  }
}
#box-menu .box-news {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #box-menu .box-news {
    width: 574.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news {
    width: 638.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news {
    width: 823.665px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news {
    width: 874.745px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news {
    width: 957.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news {
    width: 893.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news {
    width: 1085.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news {
    width: 1021.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news {
    width: 1213.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news {
    width: 1277px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news {
    width: 1277px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news {
    width: 1596.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news {
    width: 1723.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news {
    width: 1660.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news {
    width: 1596.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news {
    width: 2107.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news {
    width: 2554px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news {
    width: 2107.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news {
    width: 2873.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news {
    width: 4022.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news {
    height: 373.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news {
    height: 415px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news {
    height: 535.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news {
    height: 568.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news {
    height: 622.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news {
    height: 581px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news {
    height: 705.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news {
    height: 664px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news {
    height: 788.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news {
    height: 1037.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news {
    height: 1120.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news {
    height: 1079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news {
    height: 1037.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news {
    height: 1369.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news {
    height: 1660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news {
    height: 1369.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news {
    height: 1867.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news {
    height: 2614.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news {
    margin-top: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news {
    margin-top: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news {
    margin-top: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news {
    margin-top: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news {
    margin-top: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news {
    margin-top: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news {
    margin-top: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news {
    margin-top: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news {
    margin-top: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news {
    margin-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news {
    margin-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news {
    margin-top: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news {
    margin-top: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news {
    margin-top: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news {
    margin-top: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news {
    margin-top: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news {
    margin-top: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news {
    margin-top: 162px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news {
    margin-top: 226.8px;
  }
}
#box-menu .box-news .news-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(27, 30, 40, 0) 11.12%, rgba(27, 30, 40, 0.9) 46.74%), url(/src/views/player/menu/img/1920.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    width: 240.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    width: 267.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    width: 345.075px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    width: 366.475px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    width: 401.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    width: 374.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    width: 454.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    width: 428px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    width: 508.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    width: 535px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    width: 535px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    width: 668.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    width: 722.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    width: 695.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    width: 668.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    width: 882.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    width: 1070px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    width: 882.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    width: 1203.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    width: 1685.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    height: 373.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    height: 415px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    height: 535.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    height: 568.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    height: 622.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    height: 581px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    height: 705.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    height: 664px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    height: 788.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    height: 1037.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    height: 1120.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    height: 1079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    height: 1037.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    height: 1369.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    height: 1660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    height: 1369.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    height: 1867.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    height: 2614.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    padding-top: 186.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    padding-top: 207px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    padding-top: 267.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    padding-top: 283.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    padding-top: 310.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    padding-top: 289.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    padding-top: 351.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    padding-top: 331.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    padding-top: 393.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    padding-top: 414px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    padding-top: 414px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    padding-top: 517.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    padding-top: 558.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    padding-top: 538.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    padding-top: 517.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-top: 683.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-top: 828px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-top: 683.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-top: 931.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    padding-top: 1304.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    padding-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    padding-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    padding-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    padding-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    padding-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    padding-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    padding-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    padding-right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    padding-right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    padding-right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    padding-right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    padding-right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    padding-right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    padding-right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    padding-right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    padding-right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    padding-right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    padding-right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    padding-right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    padding-right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    padding-right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    padding-right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    padding-right: 160.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    padding-left: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    padding-left: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    padding-left: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    padding-left: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    padding-left: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    padding-left: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    padding-left: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    padding-left: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    padding-left: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    padding-left: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    padding-left: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    padding-left: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    padding-left: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-left: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-left: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    padding-left: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    padding-left: 114.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    padding-left: 160.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main {
    border-radius: 18.9px;
  }
}
#box-menu .box-news .news-main .bot-desc .title {
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .bot-desc .title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .bot-desc .title {
    line-height: 113.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .bot-desc .desc {
    line-height: 66.15px;
  }
}
#box-menu .box-news .news-main .btn-next {
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .btn-next {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-main .btn-next {
    line-height: 66.15px;
  }
}
#box-menu .box-news .news-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(2, 1fr);
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list {
    grid-gap: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list {
    grid-gap: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list {
    grid-gap: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list {
    grid-gap: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list {
    grid-gap: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list {
    grid-gap: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list {
    grid-gap: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list {
    grid-gap: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list {
    grid-gap: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list {
    grid-gap: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list {
    grid-gap: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list {
    grid-gap: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list {
    grid-gap: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list {
    grid-gap: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list {
    grid-gap: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    grid-gap: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    grid-gap: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    grid-gap: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    grid-gap: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list {
    grid-gap: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list {
    width: 325.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list {
    width: 362px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list {
    width: 466.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list {
    width: 495.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list {
    width: 543px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list {
    width: 506.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list {
    width: 615.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list {
    width: 579.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list {
    width: 687.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list {
    width: 724px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list {
    width: 724px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list {
    width: 905px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list {
    width: 977.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list {
    width: 941.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list {
    width: 905px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    width: 1194.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    width: 1448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    width: 1194.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    width: 1629px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list {
    width: 2280.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list {
    height: 373.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list {
    height: 415px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list {
    height: 535.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list {
    height: 568.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list {
    height: 622.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list {
    height: 581px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list {
    height: 705.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list {
    height: 664px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list {
    height: 788.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list {
    height: 1037.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list {
    height: 1120.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list {
    height: 1079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list {
    height: 1037.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    height: 1369.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    height: 1660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    height: 1369.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    height: 1867.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list {
    height: 2614.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list {
    padding-right: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list {
    padding-right: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list {
    padding-right: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list {
    padding-right: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list {
    padding-right: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list {
    padding-right: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list {
    padding-right: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list {
    padding-right: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list {
    padding-right: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list {
    padding-right: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list {
    padding-right: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list {
    padding-right: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list {
    padding-right: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    padding-right: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    padding-right: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list {
    padding-right: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list {
    padding-right: 78.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list {
    padding-right: 110.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#box-menu .box-news .news-list::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-track {
    border-radius: 63px;
  }
}
#box-menu .box-news .news-list::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list::-webkit-scrollbar-thumb {
    border-radius: 63px;
  }
}
#box-menu .box-news .news-list .news-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background-size: cover, contain;
  background-position: center, top;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 71.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 79px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 101.91px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 108.23px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 118.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 110.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 134.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 126.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 150.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 158px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 158px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 197.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 213.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 205.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 197.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 260.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 316px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 260.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 355.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box {
    padding-top: 497.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box {
    padding-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box {
    border-radius: 18.9px;
  }
}
#box-menu .box-news .news-list .news-box .bot-desc .title {
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .bot-desc .title {
    line-height: 113.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .bot-desc .desc {
    line-height: 66.15px;
  }
}
#box-menu .box-news .news-list .news-box .data {
  font-style: normal;
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-news .news-list .news-box .data {
    font-size: 37.8px;
  }
}
#box-menu .box-select-news {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .box-select-news {
    margin-top: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news {
    margin-top: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news {
    margin-top: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news {
    margin-top: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news {
    margin-top: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news {
    margin-top: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news {
    margin-top: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news {
    margin-top: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news {
    margin-top: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news {
    margin-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news {
    margin-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news {
    margin-top: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news {
    margin-top: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news {
    margin-top: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news {
    margin-top: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news {
    margin-top: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news {
    margin-top: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news {
    margin-top: 162px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news {
    margin-top: 226.8px;
  }
}
#box-menu .box-select-news .news {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(27, 30, 40, 0) 11.12%, rgba(27, 30, 40, 0.9) 35.74%), url(/src/views/player/menu/img/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    width: 567px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    width: 630px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    width: 812.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    width: 863.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    width: 945px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    width: 882px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    width: 1071px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    width: 1008px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    width: 1197px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    width: 1575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    width: 1701px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    width: 1638px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    width: 1575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    width: 2079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    width: 2520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    width: 2079px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    width: 2835px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    width: 3969px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    padding-top: 141.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    padding-top: 157.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    padding-top: 203.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    padding-top: 215.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    padding-top: 236.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    padding-top: 220.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    padding-top: 267.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    padding-top: 252px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    padding-top: 299.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    padding-top: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    padding-top: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    padding-top: 393.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    padding-top: 425.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    padding-top: 409.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    padding-top: 393.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-top: 519.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-top: 630px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-top: 519.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-top: 708.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    padding-top: 992.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    padding-bottom: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    padding-bottom: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    padding-bottom: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    padding-bottom: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    padding-bottom: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    padding-bottom: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    padding-bottom: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    padding-bottom: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    padding-bottom: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    padding-bottom: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    padding-bottom: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    padding-bottom: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    padding-bottom: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    padding-bottom: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    padding-bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-bottom: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-bottom: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-bottom: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-bottom: 117px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    padding-bottom: 163.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    padding-right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    padding-right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    padding-right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    padding-right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    padding-right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    padding-right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    padding-right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    padding-right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    padding-right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    padding-right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    padding-right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    padding-right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    padding-right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    padding-right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    padding-right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    padding-right: 160.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    padding-left: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    padding-left: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    padding-left: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    padding-left: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    padding-left: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    padding-left: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    padding-left: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    padding-left: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    padding-left: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    padding-left: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    padding-left: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    padding-left: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    padding-left: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-left: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-left: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    padding-left: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    padding-left: 114.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    padding-left: 160.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    margin-left: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    margin-left: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    margin-left: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    margin-left: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    margin-left: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    margin-left: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    margin-left: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    margin-left: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    margin-left: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    margin-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    margin-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    margin-left: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    margin-left: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    margin-left: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    margin-left: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    margin-left: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    margin-left: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    margin-left: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    margin-left: 69.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    margin-left: 97.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    margin-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    margin-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    margin-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    margin-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    margin-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    margin-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    margin-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    margin-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    margin-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    margin-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    margin-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    margin-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    margin-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    margin-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    margin-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    margin-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    margin-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    margin-right: 97.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news {
    border-radius: 18.9px;
  }
}
#box-menu .box-select-news .news .close {
  position: absolute;
  cursor: pointer;
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .close {
    top: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .close {
    top: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .close {
    top: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .close {
    top: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .close {
    top: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .close {
    top: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .close {
    top: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .close {
    top: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .close {
    top: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .close {
    top: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .close {
    top: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .close {
    top: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .close {
    top: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .close {
    top: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .close {
    top: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    top: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    top: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    top: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    top: 69.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .close {
    top: 97.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .close {
    right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .close {
    right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .close {
    right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .close {
    right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .close {
    right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .close {
    right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .close {
    right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .close {
    right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .close {
    right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .close {
    right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .close {
    right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .close {
    right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .close {
    right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .close {
    right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .close {
    right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .close {
    right: 97.65px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .close {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .close {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .close {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .close {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .close {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .close {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .close {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .close {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .close {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .close {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .close {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .close {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .close {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .close {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .close {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .close {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .close {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .close {
    font-size: 63px;
  }
}
#box-menu .box-select-news .news .title {
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .title {
    font-size: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .title {
    font-size: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .title {
    font-size: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .title {
    font-size: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .title {
    font-size: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .title {
    font-size: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .title {
    font-size: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .title {
    font-size: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .title {
    font-size: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .title {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .title {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .title {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .title {
    font-size: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .title {
    font-size: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .title {
    font-size: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .title {
    font-size: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .title {
    font-size: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .title {
    font-size: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .title {
    font-size: 162px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .title {
    font-size: 226.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .title {
    line-height: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .title {
    line-height: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .title {
    line-height: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .title {
    line-height: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .title {
    line-height: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .title {
    line-height: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .title {
    line-height: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .title {
    line-height: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .title {
    line-height: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .title {
    line-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .title {
    line-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .title {
    line-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .title {
    line-height: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .title {
    line-height: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .title {
    line-height: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .title {
    line-height: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .title {
    line-height: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .title {
    line-height: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .title {
    line-height: 162px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .title {
    line-height: 226.8px;
  }
}
#box-menu .box-select-news .news .desc {
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .desc {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .desc {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .desc {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .desc {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .desc {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .desc {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .desc {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .desc {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .desc {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .desc {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .desc {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .desc {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .desc {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .desc {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-select-news .news .desc {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-select-news .news .desc {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-select-news .news .desc {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-select-news .news .desc {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-select-news .news .desc {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-select-news .news .desc {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-select-news .news .desc {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-select-news .news .desc {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-select-news .news .desc {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-select-news .news .desc {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-select-news .news .desc {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-select-news .news .desc {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-select-news .news .desc {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-select-news .news .desc {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-select-news .news .desc {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-select-news .news .desc {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-select-news .news .desc {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-select-news .news .desc {
    line-height: 94.5px;
  }
}
#box-menu .dragonDrop {
  position: absolute;
  width: 65px;
  height: 65px;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 0;
  z-index: 99;
  pointer-events: none;
}
#box-menu .dragonDrop .box-item {
  pointer-events: none;
}
@media (max-width: 799px) {
  #box-menu .width-120 {
    min-width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .width-120 {
    min-width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .width-120 {
    min-width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .width-120 {
    min-width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .width-120 {
    min-width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .width-120 {
    min-width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .width-120 {
    min-width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .width-120 {
    min-width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .width-120 {
    min-width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .width-120 {
    min-width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .width-120 {
    min-width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .width-120 {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .width-120 {
    min-width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .width-120 {
    min-width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .width-120 {
    min-width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .width-120 {
    min-width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .width-120 {
    min-width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .width-120 {
    min-width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .width-120 {
    min-width: 270px;
  }
}
@media (min-width: 6000px) {
  #box-menu .width-120 {
    min-width: 378px;
  }
}
@media (max-width: 799px) {
  #box-menu .width-90 {
    width: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .width-90 {
    width: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .width-90 {
    width: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .width-90 {
    width: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .width-90 {
    width: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .width-90 {
    width: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .width-90 {
    width: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .width-90 {
    width: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .width-90 {
    width: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .width-90 {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .width-90 {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .width-90 {
    width: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .width-90 {
    width: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .width-90 {
    width: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .width-90 {
    width: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .width-90 {
    width: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .width-90 {
    width: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .width-90 {
    width: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .width-90 {
    width: 283.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .width-90 {
    width: 396.9px;
  }
}
#box-menu .align-right {
  text-align: right;
  color: white;
}
#box-menu .h-370 {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #box-menu .h-370 {
    max-height: 166.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .h-370 {
    max-height: 185px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .h-370 {
    max-height: 238.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .h-370 {
    max-height: 253.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .h-370 {
    max-height: 277.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .h-370 {
    max-height: 259px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .h-370 {
    max-height: 314.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .h-370 {
    max-height: 296px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .h-370 {
    max-height: 351.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .h-370 {
    max-height: 370px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .h-370 {
    max-height: 370px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .h-370 {
    max-height: 462.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .h-370 {
    max-height: 499.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .h-370 {
    max-height: 481px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .h-370 {
    max-height: 462.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .h-370 {
    max-height: 610.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .h-370 {
    max-height: 740px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .h-370 {
    max-height: 610.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .h-370 {
    max-height: 832.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .h-370 {
    max-height: 1165.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .h-370::-webkit-scrollbar {
    width: 9.45px;
  }
}
#box-menu .h-370::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .h-370::-webkit-scrollbar-track {
    border-radius: 63px;
  }
}
#box-menu .h-370::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .h-370::-webkit-scrollbar-thumb {
    border-radius: 63px;
  }
}
#box-menu .box-stats {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 157.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats.margin-top-70 {
    margin-top: 220.5px;
  }
}
#box-menu .box-stats .title {
  font-weight: bold;
  font-style: normal;
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stats .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .title {
    margin-top: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .title {
    margin-top: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .title {
    margin-top: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .title {
    margin-top: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .title {
    margin-top: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .title {
    margin-top: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .title {
    margin-top: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .title {
    margin-top: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .title {
    margin-top: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .title {
    margin-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .title {
    margin-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .title {
    margin-top: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .title {
    margin-top: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .title {
    margin-top: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .title {
    margin-top: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    margin-top: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    margin-top: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    margin-top: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    margin-top: 49.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .title {
    margin-top: 69.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .title {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .title {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .title {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .title {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .title {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .title {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .title {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .title {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .title {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .title {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .title {
    margin-bottom: 22.05px;
  }
}
#box-menu .box-stats .font-size-24 {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .font-size-24 {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .font-size-24 {
    line-height: 75.6px;
  }
}
#box-menu .box-stats .font-size-18 {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .font-size-18 {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .font-size-18 {
    line-height: 56.7px;
  }
}
#box-menu .box-stats .box-desc {
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-desc {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-desc {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-desc {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-desc {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-desc {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-desc {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-desc {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-desc {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-desc {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-desc {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-desc {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-desc {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-desc {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-desc {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-desc {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-desc {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-desc {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-desc {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-desc {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-desc {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-desc {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-top-26 {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-top-18 {
    margin-top: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-top-20 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-right-20 {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 76.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-bottom-34 {
    margin-bottom: 107.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .margin-bottom-32 {
    margin-bottom: 100.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-width-352 {
    width: 158.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-width-352 {
    width: 176px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-width-352 {
    width: 227.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-width-352 {
    width: 241.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-width-352 {
    width: 264px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-width-352 {
    width: 246.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-width-352 {
    width: 299.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-width-352 {
    width: 281.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-width-352 {
    width: 334.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-width-352 {
    width: 352px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-width-352 {
    width: 352px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-width-352 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-width-352 {
    width: 475.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-width-352 {
    width: 457.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-width-352 {
    width: 440px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-width-352 {
    width: 580.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-width-352 {
    width: 704px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-width-352 {
    width: 580.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-width-352 {
    width: 792px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-width-352 {
    width: 1108.8px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-width-724 {
    width: 325.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-width-724 {
    width: 362px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-width-724 {
    width: 466.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-width-724 {
    width: 495.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-width-724 {
    width: 543px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-width-724 {
    width: 506.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-width-724 {
    width: 615.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-width-724 {
    width: 579.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-width-724 {
    width: 687.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-width-724 {
    width: 724px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-width-724 {
    width: 724px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-width-724 {
    width: 905px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-width-724 {
    width: 977.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-width-724 {
    width: 941.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-width-724 {
    width: 905px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-width-724 {
    width: 1194.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-width-724 {
    width: 1448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-width-724 {
    width: 1194.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-width-724 {
    width: 1629px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-width-724 {
    width: 2280.6px;
  }
}
#box-menu .box-stats .box-height-466 {
  justify-content: space-between;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-height-466 {
    height: 209.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-height-466 {
    height: 233px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-height-466 {
    height: 300.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-height-466 {
    height: 319.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-height-466 {
    height: 349.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-height-466 {
    height: 326.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-height-466 {
    height: 396.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-height-466 {
    height: 372.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-height-466 {
    height: 442.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-height-466 {
    height: 466px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-height-466 {
    height: 466px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-height-466 {
    height: 582.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-height-466 {
    height: 629.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-height-466 {
    height: 605.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-height-466 {
    height: 582.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-height-466 {
    height: 768.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-height-466 {
    height: 932px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-height-466 {
    height: 768.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-height-466 {
    height: 1048.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-height-466 {
    height: 1467.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-height-321 {
    height: 144.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-height-321 {
    height: 160.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-height-321 {
    height: 207.045px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-height-321 {
    height: 219.885px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-height-321 {
    height: 240.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-height-321 {
    height: 224.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-height-321 {
    height: 272.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-height-321 {
    height: 256.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-height-321 {
    height: 304.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-height-321 {
    height: 321px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-height-321 {
    height: 321px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-height-321 {
    height: 401.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-height-321 {
    height: 433.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-height-321 {
    height: 417.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-height-321 {
    height: 401.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-height-321 {
    height: 529.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-height-321 {
    height: 642px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-height-321 {
    height: 529.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-height-321 {
    height: 722.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-height-321 {
    height: 1011.15px;
  }
}
#box-menu .box-stats .stars-box {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box {
    width: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box {
    width: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box {
    width: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box {
    width: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box {
    width: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box {
    width: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box {
    width: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box {
    width: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box {
    width: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box {
    width: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box {
    width: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box {
    width: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box {
    width: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box {
    width: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box {
    width: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box {
    width: 207px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box {
    width: 289.8px;
  }
}
#box-menu .box-stats .stars-box:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#box-menu .box-stats .stars-box .star {
  background-image: url(/src/views/player/menu/img/star.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box .star {
    min-width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box .star {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box .star {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box .star {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box .star {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box .star {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box .star {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box .star {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box .star {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box .star {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box .star {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box .star {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box .star {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box .star {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box .star {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box .star {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box .star {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box .star {
    max-width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box .star {
    margin-right: 6.3px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box .star {
    height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box .star {
    height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box .star {
    height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box .star {
    height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box .star {
    height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box .star {
    height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box .star {
    height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box .star {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box .star {
    height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box .star {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box .star {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box .star {
    height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box .star {
    height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box .star {
    height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box .star {
    height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box .star {
    height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box .star {
    height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box .star {
    height: 53.55px;
  }
}
#box-menu .box-stats .stars-box .star:last-child {
  margin-right: 0;
}
#box-menu .box-stats .stars-box .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
#box-menu .box-stats .stars-box .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
#box-menu .box-stats .stars-box-current {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
#box-menu .box-stats .stars-box-current .star {
  background-image: url(/src/views/player/menu/img/star_red.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box-current .star {
    min-width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box-current .star {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box-current .star {
    max-width: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box-current .star {
    height: 53.55px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 4.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .stars-box-current .star {
    margin-right: 6.3px;
  }
}
#box-menu .box-stats .stars-box-current .star:last-child {
  margin-right: 0;
}
#box-menu .box-stats .box-bg {
  background: rgba(255, 255, 255, 0.05);
  color: #C1C1C1;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg {
    padding: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg {
    padding: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg {
    padding: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg {
    padding: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg {
    padding: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg {
    padding: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg {
    padding: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg {
    padding: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg {
    padding: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg {
    padding: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg {
    padding: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg {
    padding: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg {
    padding: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg {
    padding: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg {
    padding: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    padding: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    padding: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    padding: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    padding: 63px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg {
    padding: 88.2px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg {
    line-height: 44.1px;
  }
}
#box-menu .box-stats .box-bg .box-icon {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .box-icon {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .box-icon {
    height: 283.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .box-icon {
    border-radius: 18.9px;
  }
}
#box-menu .box-stats .box-bg .box-icon span {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 112.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .box-icon span {
    font-size: 157.5px;
  }
}
#box-menu .box-stats .box-bg .info-box {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#box-menu .box-stats .box-bg .info-box .white {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .info-box .white {
    margin-left: 12.6px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .info-box .right {
    margin-right: 12.6px;
  }
}
#box-menu .box-stats .box-bg .info-box .info-line {
  width: 100%;
  background: #4C4D55;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .info-box .info-line {
    height: 3.15px;
  }
}
#box-menu .box-stats .box-bg .btn-select {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .btn-select {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 123.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .btn-select {
    height: 173.25px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .btn-select {
    border-radius: 18.9px;
  }
}
#box-menu .box-stats .box-bg .box-center {
  display: flex;
  justify-content: center;
  width: 100%;
}
#box-menu .box-stats .box-bg .icon-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box {
    margin-right: 78.75px;
  }
}
#box-menu .box-stats .box-bg .icon-box:last-child {
  margin-right: 0;
}
#box-menu .box-stats .box-bg .icon-box span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 110.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box span {
    font-size: 154.35px;
  }
}
#box-menu .box-stats .box-bg .icon-box .circle-icon {
  background: #3A4156;
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-width: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-width: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    min-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    max-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-stats .box-bg .icon-box .circle-icon {
    border-radius: 44.1px;
  }
}
#box-menu .box-stats .box-bg .icon-box.active span {
  color: #D33437;
}
#box-menu .box-stats .box-bg .icon-box.active .circle-icon {
  background: #D33437;
}
#box-menu .inventory__icon {
  color: white;
}
@media (max-width: 799px) {
  #box-menu .inventory__icon {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .inventory__icon {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .inventory__icon {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .inventory__icon {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .inventory__icon {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .inventory__icon {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .inventory__icon {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .inventory__icon {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .inventory__icon {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .inventory__icon {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .inventory__icon {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .inventory__icon {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .inventory__icon {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .inventory__icon {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .inventory__icon {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .inventory__icon {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .inventory__icon {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .inventory__icon {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .inventory__icon {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .inventory__icon {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #box-menu .inventory__icon {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .inventory__icon {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .inventory__icon {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .inventory__icon {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .inventory__icon {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .inventory__icon {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .inventory__icon {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .inventory__icon {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .inventory__icon {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .inventory__icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .inventory__icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .inventory__icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .inventory__icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .inventory__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .inventory__icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .inventory__icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .inventory__icon {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .inventory__icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .inventory__icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .inventory__icon {
    margin-right: 15.75px;
  }
}
#box-menu .inventory__icon.carlock {
  margin: 0;
}
@media (max-width: 799px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .inventory__icon.carlock {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #box-menu .smoll {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .smoll {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .smoll {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .smoll {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .smoll {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .smoll {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .smoll {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .smoll {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .smoll {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .smoll {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .smoll {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .smoll {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .smoll {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .smoll {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .smoll {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .smoll {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .smoll {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .smoll {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .smoll {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #box-menu .smoll {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #box-menu .smoll {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .smoll {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .smoll {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .smoll {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .smoll {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .smoll {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .smoll {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .smoll {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .smoll {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .smoll {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .smoll {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .smoll {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .smoll {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .smoll {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .smoll {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .smoll {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .smoll {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .smoll {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .smoll {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #box-menu .smoll {
    height: 189px;
  }
}
#box-menu .box-other-main {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width: 799px) {
  #box-menu .box-other-main {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-other-main {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-other-main {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-other-main {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-other-main {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-other-main {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-other-main {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-other-main {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-other-main {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-other-main {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-other-main {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-other-main {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-other-main {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-other-main {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-other-main {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-other-main {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-other-main {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-other-main {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-other-main {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-other-main {
    height: 2362.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-other-main {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-other-main {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-other-main {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-other-main {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-other-main {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-other-main {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-other-main {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-other-main {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-other-main {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-other-main {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-other-main {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-other-main {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-other-main {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-other-main {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-other-main {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-other-main {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-other-main {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-other-main {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-other-main {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-other-main {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-other-main::-webkit-scrollbar {
    width: 9.45px;
  }
}
#box-menu .box-other-main::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-other-main::-webkit-scrollbar-track {
    border-radius: 63px;
  }
}
#box-menu .box-other-main::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-other-main::-webkit-scrollbar-thumb {
    border-radius: 63px;
  }
}
#box-menu .box-control {
  align-items: flex-end;
}
#box-menu .box-control .inventory__text {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #box-menu .box-control .inventory__text {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .box-control .inventory__text {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .box-control .inventory__text {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .box-control .inventory__text {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .box-control .inventory__text {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .box-control .inventory__text {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .box-control .inventory__text {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .box-control .inventory__text {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .box-control .inventory__text {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .box-control .inventory__text {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .box-control .inventory__text {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .box-control .inventory__text {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .box-control .inventory__text {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .box-control .inventory__text {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .box-control .inventory__text {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .box-control .inventory__text {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .box-control .inventory__text {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .box-control .inventory__text {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .box-control .inventory__text {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #box-menu .box-control .inventory__text {
    margin-top: 40.95px;
  }
}
#box-menu .box-control .inventoryicons-bottom {
  color: rgba(255, 255, 255, 0.6);
}
#box-menu .box-control .inventoryicons-open-box {
  color: rgba(255, 255, 255, 0.6);
}
#box-menu .stats__person_image {
  background-image: url(/src/views/player/menu/img/person.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#box-menu .box-other-trade {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow-y: auto;
  justify-content: flex-start;
}
#box-menu .trade-square {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E71D36;
}
@media (max-width: 799px) {
  #box-menu .trade-square {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .trade-square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .trade-square {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .trade-square {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .trade-square {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .trade-square {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .trade-square {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .trade-square {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .trade-square {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .trade-square {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .trade-square {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .trade-square {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .trade-square {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .trade-square {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .trade-square {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #box-menu .trade-square {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #box-menu .trade-square {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .trade-square {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .trade-square {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .trade-square {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .trade-square {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .trade-square {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .trade-square {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .trade-square {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .trade-square {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .trade-square {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .trade-square {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .trade-square {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .trade-square {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .trade-square {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .trade-square {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .trade-square {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .trade-square {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .trade-square {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .trade-square {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .trade-square {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .trade-square {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .trade-square {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .trade-square {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .trade-square {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .trade-square {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .trade-square {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .trade-square {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .trade-square {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .trade-square {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .trade-square {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .trade-square {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .trade-square {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #box-menu .trade-square {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .trade-square {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .trade-square {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .trade-square {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .trade-square {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .trade-square {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .trade-square {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .trade-square {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .trade-square {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .trade-square {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .trade-square {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .trade-square {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .trade-square {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .trade-square {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .trade-square {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .trade-square {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .trade-square {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .trade-square {
    margin-right: 31.5px;
  }
}
#box-menu .trade-square.active {
  background: #2BB6A8;
}
#box-menu .main__input_text {
  text-align: center;
}
#box-menu .m-0 {
  margin: 0;
}
@media (max-width: 799px) {
  #box-menu .m-0 {
    width: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .m-0 {
    width: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .m-0 {
    width: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .m-0 {
    width: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .m-0 {
    width: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .m-0 {
    width: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .m-0 {
    width: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .m-0 {
    width: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .m-0 {
    width: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .m-0 {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .m-0 {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .m-0 {
    width: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .m-0 {
    width: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .m-0 {
    width: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .m-0 {
    width: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .m-0 {
    width: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .m-0 {
    width: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .m-0 {
    width: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .m-0 {
    width: 472.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .m-0 {
    width: 661.5px;
  }
}
@media (max-width: 799px) {
  #box-menu .m-0 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #box-menu .m-0 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #box-menu .m-0 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #box-menu .m-0 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #box-menu .m-0 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #box-menu .m-0 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #box-menu .m-0 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #box-menu .m-0 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #box-menu .m-0 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #box-menu .m-0 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #box-menu .m-0 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #box-menu .m-0 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #box-menu .m-0 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #box-menu .m-0 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #box-menu .m-0 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #box-menu .m-0 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #box-menu .m-0 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #box-menu .m-0 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #box-menu .m-0 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #box-menu .m-0 {
    font-size: 44.1px;
  }
}
@charset "UTF-8";
.playermenuhax {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0vh;
  top: 0vh;
  background: url(http://gta5dev.online/heone/inventory/bg.png);
  background-size: cover;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.playermenuhax.active {
  display: flex !important;
}

.playermenuhax .headerpl {
  width: 100%;
  min-height: 11.7593vh;
  max-height: 11.7593vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 2;
  position: relative;
}

.playermenuhax .headerpl .topheaderp {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 11.7593vh;
  max-height: 11.7593vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 97.4%);
}

.playermenuhax .headerpl .topheaderp .navmenupl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 10.9259vh;
}

.playermenuhax .headerpl .topheaderp .Usernamep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 19.537vh;
}

.playermenuhax .headerpl .lineheader {
  width: 100%;
  min-height: 1.5vh;
  background: url(http://gta5dev.online/heone/inventory/lime.png);
  background-size: cover;
  position: relative;
  top: -1.1vh;
}

.playermenuhax .headerpl .topheaderp .Usernamep h1 {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 0.6481vh rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 3.0556vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0vh;
}

.playermenuhax .headerpl .topheaderp .Usernamep p {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 0.6481vh rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 19.537vh;
}

.playermenuhax .headerpl .topheaderp .Usernamep p span.lefttpl {
  display: block;
  width: 3.713vh;
  height: 2.6944vh;
  background: url(http://gta5dev.online/heone/inventory/left.png);
  background-size: cover;
  margin-right: auto;
}

.playermenuhax .headerpl .topheaderp .Usernamep p span.rightpl {
  display: block;
  width: 3.713vh;
  height: 2.6944vh;
  background: url(http://gta5dev.online/heone/inventory/right.png);
  background-size: cover;
  margin-left: auto;
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.9444vh;
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl p {
  margin-bottom: 0vh;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 0.6481vh rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.8222vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.1;
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl:hover p {
  opacity: 1;
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl.active p {
  opacity: 1;
}

.playermenuhax .headerpl .topheaderp .balancuser {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 10.9259vh;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0) 100%);
  height: 100%;
  width: 12.5vh;
}

.playermenuhax .headerpl .topheaderp .balancuser h1 {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 0.6481vh rgba(255, 255, 255, 0.25);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0vh;
}

.playermenuhax .headerpl .topheaderp .balancuser p {
  color: #FF9900;
  text-align: center;
  text-shadow: 0px 0px 0.6481vh rgba(255, 123, 0, 0.25);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0vh;
}

.playermenuhax .headerpl .topheaderp .logo {
  position: absolute;
  right: 8.1481vh;
  width: 9.259vh;
  height: 9.259vh;
  background-size: cover;
  background: url(http://gta5dev.online/heone/logo/logoauth.png);
}

.playermenuhax .headerpl .topheaderp .closed {
  position: absolute;
  right: 2vh;
}

.playermenuhax .headerpl .topheaderp .closed svg {
  fill: #E73835;
}

.playermenuhax .headerpl .topheaderp .closed:hover svg {
  fill: #df5351;
}

.playermenuhax .selectermenu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vh;
}

.aquainventory {
  position: absolute;
  width: 138.7037vh;
  height: 82.4074vh;
  border-radius: 0.7407vh;
  background: rgb(21, 21, 21);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.aquainventory .aqualeft {
  width: 91.1111vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.aquainventory .aquaright {
  width: 47.5926vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.02);
  border-left: 0.0926vh solid rgba(255, 255, 255, 0.04);
}

.aquainventory .aqualeft .headleft {
  width: 100%;
  background: rgba(255, 255, 255, 0.02);
  height: 5.7407vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

.aquainventory .aqualeft .skladinvlist {
  margin-left: 2.6852vh;
  margin-top: 1.7593vh;
  width: 88.3333vh;
  height: 73.9815vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.9259vh;
  align-content: flex-start;
  overflow: auto;
}

.aquainventory .aqualeft .headleft h1 {
  margin-left: 5.463vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  text-align: left;
}

.aquainventory .aqualeft .headleft p.slots {
  margin-left: 1.8519vh;
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  color: #fff;
  margin-top: 0.3vh;
}

.aquainventory .aqualeft .headleft .inputinv {
  margin-left: 19.3519vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 48.5185vh;
  height: 3.5185vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.3704vh;
  background: rgba(21, 21, 21, 0.8);
}

.aquainventory .aqualeft .headleft p.slots b {
  color: rgba(255, 255, 255, 0.2);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  text-align: left;
  margin-left: 0.5vh;
}

.aquainventory .aqualeft .headleft .inputinv svg {
  width: 1.2963vh;
  height: 1.2963vh;
  margin-left: 1.1111vh;
  margin-right: 1.1111vh;
}

.aquainventory .aqualeft .headleft .inputinv input {
  background: none;
  border: none;
  outline: none;
  color: rgb(178, 178, 178);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory .aqualeft .skladinvlist .block {
  width: 27.7778vh;
  height: 19.8148vh;
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.aquainventory .aqualeft .skladinvlist .block h1 {
  margin: 1.9444vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory .aqualeft .skladinvlist .block img {
  height: 9.4907vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: -0.2778vh;
}

.aquainventory .aqualeft .skladinvlist .block span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: auto;
  margin-left: 1.9444vh;
  margin-bottom: 1.9444vh;
  color: #fff;
}

.aquainventory .aqualeft .skladinvlist .block span b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.aquainventory .aquaright .headright {
  width: 100%;
  height: 5.7407vh;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.aquainventory .aquaright .invlist {
  margin-left: 2.8704vh;
  width: 44.4444vh;
  height: 73.9815vh;
  margin-top: 1.7593vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.9259vh;
  overflow: auto;
}

.aquainventory .aquaright .headright h1 {
  margin-left: 3.6111vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory .aquaright .invlist .block {
  width: 41.8519vh;
  height: 16.2963vh;
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.aquainventory .aquaright .invlist .block .blockleft {
  border-radius: 0.3704vh 0vh 0vh 0.3704vh;
  display: flex;
  width: 13.1481vh;
  height: 16.2963vh;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
}

.aquainventory .aquaright .invlist .block .blockright {
  display: flex;
  width: 28.7037vh;
  height: 16.2963vh;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.aquainventory .aquaright .invlist .block .blockleft img {
  width: 11.1111vh;
}

.aquainventory .aquaright .invlist .block .blockright h1 {
  margin: 1.5741vh 1.5741vh 0vh 1.5741vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory .aquaright .invlist .block .blockright span {
  margin: 1.3889vh 1.5741vh 0 1.5741vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.4815vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory .aquaright .invlist .block .blockright .blockbtn {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.6667vh;
  width: 25.5556vh;
  height: 3.8889vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.06);
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.04);
}

.aquainventory .aquaright .invlist .block .blockright .blockbtn p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquainventory p, h1 {
  margin: 0;
}

.aquainventory .aqualeft .skladinvlist::-webkit-scrollbar {
  width: 0.1852vh; /* ширина scrollbar */
}

.aquainventory .aqualeft .skladinvlist::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04); /* цвет дорожки */
}

.aquainventory .aqualeft .skladinvlist::-webkit-scrollbar-thumb {
  border: 0.1852vh solid rgba(255, 255, 255, 0.08); /* padding вокруг плашки */
}

.aquainventory .aquaright .invlist::-webkit-scrollbar {
  width: 0.1852vh; /* ширина scrollbar */
}

.aquainventory .aquaright .invlist::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04); /* цвет дорожки */
}

.aquainventory .aquaright .invlist::-webkit-scrollbar-thumb {
  border: 0.1852vh solid rgba(255, 255, 255, 0.08); /* padding вокруг плашки */
}

.aquainventory .aquaright .invlist .block .blockright .blockbtn:hover {
  background: #1772D9;
  border: none;
}

.aquainventory .aqualeft .skladinvlist .block:hover {
  background: rgba(255, 255, 255, 0.1);
}

.aquainventory .aqualeft .skladinvlist .blockfree {
  width: 27.7778vh;
  height: 19.8148vh;
  border-radius: 0.3704vh;
  border: 0.0926vh dashed rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.aquainventory .aqualeft .skladinvlist .blockfree h1 {
  margin: 1.9444vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: right;
}

.aquainventory .aqualeft .skladinvlist .blockfree svg {
  width: 7.2222vh;
  height: 7.2222vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0vh;
}

.aquainventory .aqualeft .skladinvlist .blockfree p {
  width: 21.8519vh;
  height: 3.3333vh;
  color: rgb(139, 138, 134);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 0.9259vh;
  margin-left: auto;
  margin-right: auto;
}

.aquainventory .aqualeft .skladinvlist .noneitem {
  display: none;
  position: absolute;
}
.box-inventory .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvtrade .centerinv .btntrade.active {
  border-radius: 0.5556vh;
  background: rgb(74, 141, 229);
}

.magicinv .minvtrade .centerinv .btntrade.active p {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvtrade .leftinv .itemlist .activetrade {
  position: absolute;
  width: 32.5074vh;
  height: 58.3556vh;
  background: rgba(18, 18, 19, 0.8);
  z-index: 1;
}

.magicinv .minvtrade .centerinv .itemlist .activetrade {
  position: absolute;
  width: 32.5074vh;
  height: 45.3704vh;
  background: rgba(18, 18, 19, 0.8);
  z-index: 1;
}

.box-inventory .magiciteminfo {
  position: absolute;
  width: 28.8889vh;
  border-radius: 0.5556vh;
  background: rgb(18, 18, 19);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 1.4815vh;
  z-index: 1;
}

.box-inventory .magicitemuse {
  position: absolute;
  width: 14.8148vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 0.5556vh;
  background: rgb(18, 18, 19);
  z-index: 1;
}

.box-inventory .magicitemuse p {
  width: 14.8148vh;
  height: 3.7037vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize;
  padding-left: 1.0185vh;
}

.box-inventory .magicitemuse p:first-child {
  border-radius: 0.5556vh 0.5556vh 0vh 0vh;
}

.box-inventory .magicitemuse p:last-child {
  border-radius: 0vh 0vh 0.5556vh 0.5556vh;
}

.box-inventory .magicitemuse p:hover {
  background: rgba(255, 255, 255, 0.07);
}

.magicinv .minvdop .mainright .itemslist .itemblock .leftib img {
  width: 11.0185vh;
}

.box-inventory .magiciteminfo h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  margin-left: 1.5741vh;
  margin-top: 1.4815vh;
  width: 26.2037vh;
}

.box-inventory .magiciteminfo p {
  width: 26.2037vh;
  margin-top: 1.2963vh;
  margin-left: 1.5741vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.box-inventory .magiciteminfo span {
  width: 26.2037vh;
  margin-top: 1.2963vh;
  margin-left: 1.5741vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.box-inventory .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.box-inventory .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.box-inventory .magiciteminput {
  position: absolute;
  width: 26.2963vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgb(18, 18, 19);
  z-index: 1;
  border-radius: 0.5556vh;
}

.box-inventory .magiciteminput h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  letter-spacing: 0%;
  margin-top: 1.3889vh;
  margin-left: 1.2963vh;
}

.box-inventory .magiciteminput .dopinput {
  display: flex;
  width: 23.4259vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5vh;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.box-inventory .magiciteminput .btninput {
  width: 23.4259vh;
  height: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(30, 30, 31);
  border-radius: 0.3704vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.7778vh;
  margin-bottom: 1.4815vh;
}

.box-inventory .magiciteminput .btninput p {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  letter-spacing: 0%;
}

.box-inventory .magiciteminput .dopinput input {
  width: 4.6296vh;
  height: 2.7778vh;
  background: rgb(41, 41, 42);
  outline: none;
  border: none;
  border-radius: 0.1852vh;
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  text-align: center;
}

.box-inventory .magiciteminput .closedinp {
  position: absolute;
  top: 1.2963vh;
  right: 1.4815vh;
  width: 1.7593vh;
  height: 1.7593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.2315vh;
  background: rgba(255, 255, 255, 0.04);
}

.box-inventory .magiciteminput .closedinp svg {
  width: 0.7407vh;
  height: 0.7407vh;
}

.box-inventory .magiciteminput .closedinp:hover {
  background: rgba(255, 255, 255, 0.1);
}

.box-inventory .magiciteminput .btninput:hover {
  background: rgb(41, 41, 42);
}

.box-inventory .magiciteminput .dopinput input#dopi {
  margin-left: 0.9259vh;
  width: 17.963vh;
  height: 0.2778vh;
  background: rgb(63, 63, 64);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.box-inventory .magiciteminput .dopinput input#dopi::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.9259vh;
  height: 0.9259vh;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}

.box-inventory .magiciteminput .dopinput input#dopi::-moz-range-thumb {
  width: 0.9259vh;
  height: 0.9259vh;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}

.magicinv {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
}

.magicinv .minvdop {
  width: 138.6111vh;
  height: 82.4074vh;
  border-radius: 0.9259vh;
  background: rgb(20, 20, 20);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvdop .mainleft {
  width: 91.0185vh;
  height: 82.4074vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvdop .mainright {
  width: 47.5926vh;
  height: 82.4074vh;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  border-left: 0.0926vh solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.magicinv .minvdop .mainleft .mhead {
  width: 91.0185vh;
  height: 5.6481vh;
  border-bottom: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.9259vh 0.9259vh 0vh 0vh;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvdop .mainleft .itemslist {
  width: 85.463vh;
  height: 72.8704vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 0.9259vh;
  margin: auto;
  overflow: auto;
}

.magicinv .minvdop .mainleft .itemslist .itemblock {
  width: 27.7778vh;
  height: 19.8148vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.04);
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.magicinv .minvdop .mainleft .itemslist .itemblock h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 1.9444vh;
  width: 24.0741vh;
  margin-left: auto;
  margin-right: auto;
}

.magicinv .minvdop .mainleft .itemslist .itemblock img {
  height: 9.4444vh;
  margin: auto;
}

.magicinv .minvdop .mainleft .itemslist .itemblock span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(251, 251, 251);
  width: 24.0741vh;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.9444vh;
  margin-top: auto;
}

.magicinv .minvdop .mainleft .itemslist .itemblock span b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(251, 251, 251, 0.5);
  margin-left: 0.3704vh;
}

.magicinv .minvdop .mainleft .mhead svg {
  margin-left: 2.7778vh;
  width: 1.8519vh;
  height: 1.8519vh;
}

.magicinv .minvdop .mainleft .mhead h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  letter-spacing: 0%;
  text-align: left;
  margin-left: 0.9259vh;
}

.magicinv .minvdop .mainleft .mhead .maxslot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 2.7778vh;
}

.magicinv .minvdop .mainleft .mhead .inputbg {
  width: 48.6111vh;
  height: 3.3333vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.3704vh;
  background: rgba(20, 20, 20, 0.95);
  margin-right: 2.7778vh;
  margin-left: auto;
}

.magicinv .minvdop .mainleft .mhead .inputbg svg {
  width: 1.2963vh;
  height: 1.2963vh;
  margin-left: 0.9259vh;
}

.magicinv .minvdop .mainleft .mhead .inputbg input {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  background: none;
  outline: none;
  border: none;
  margin-left: 0.9259vh;
  width: 44.0741vh;
}

.magicinv .minvdop .mainleft .mhead .maxslot p {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  font-family: SF Pro Display;
  font-size: 1.6667vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: left;
  color: #fff;
  align-content: flex-start;
}

.magicinv .minvdop .mainleft .mhead .maxslot svg {
  margin-left: 0.5556vh;
  width: 1.8519vh;
  height: 1.8519vh;
}

.magicinv .minvdop .mainleft .mhead .maxslot p b {
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(251, 251, 251, 0.5);
  margin-left: 0.1852vh;
}

.magicinv .minvdop .mainright .mhead {
  width: 47.5926vh;
  height: 5.6481vh;
  border-bottom: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.9259vh 0.9259vh 0vh 0vh;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0vh 1.8519vh;
}

.magicinv .minvdop .mainright .itemslist {
  width: 47.4074vh;
  height: 67.6852vh;
  margin-top: 1.8519vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.9259vh;
  overflow: auto;
}

.magicinv .minvdop .mainright .itemslist .itemblock {
  width: 41.9444vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.04);
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvdop .mainright .itemslist .itemblock .leftib {
  width: 13.0556vh;
  border-radius: 0.7407vh 0vh 0vh 0.7407vh;
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 28.7037vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 1.5741vh;
  width: 25.5556vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib p {
  margin-top: 1.2037vh;
  width: 25.5556vh;
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib span {
  margin-top: 1.3889vh;
  margin-bottom: 1.3889vh;
  width: 25.5556vh;
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(251, 251, 251);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse {
  width: 25.463vh;
  height: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.04);
  margin-bottom: 1.7593vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  width: auto;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib span b {
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(251, 251, 251, 0.5);
  margin-left: 0.3704vh;
}

.magicinv p, .magicinv h1 {
  margin: 0;
}

.magicinv .minvdop .mainleft .itemslist .itemblock:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.04);
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.1);
}

.magicinv .minvdop .mainleft .itemslist::-webkit-scrollbar {
  width: 0vh;
}

.magicinv .minvdop .mainright .mhead p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  padding: 0vh 1.6667vh;
  height: 5.6481vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: solid 0.1852vh rgba(225, 16, 101, 0);
}

.magicinv .minvdop .mainright .mhead span {
  margin-left: auto;
  width: 2.2222vh;
  height: 2.2222vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.463vh;
  background: rgba(255, 255, 255, 0.04);
}

.magicinv .minvdop .mainright .mhead span svg {
  width: 0.9259vh;
  height: 0.9259vh;
}

.magicinv .minvdop .mainright .mhead p.active {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  border-bottom: solid 0.1852vh #00BBFF;
}

.magicinv .minvdop .mainright .mhead p:hover {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  border-bottom: solid 0.1852vh #00BBFF;
}

.magicinv .minvdop .mainright .mhead span:hover {
  background: rgba(255, 255, 255, 0.1);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: #00BBFF;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse:hover p {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvdop .mainright .itemslist::-webkit-scrollbar {
  width: 0vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo {
  width: 25.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5741vh;
  gap: 0.9259vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo input {
  width: 7.7778vh;
  height: 3.7963vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.14);
  border-radius: 0.5556vh;
  background: rgb(28, 28, 28);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: center;
  outline: none;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv {
  width: 7.7778vh;
  height: 3.7963vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.13);
  border-radius: 0.5556vh;
  background: rgba(217, 217, 217, 0);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv p {
  color: rgb(119, 119, 119);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.8519vh;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  width: 3.7963vh;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0vh 0.463vh 0.463vh 0vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop {
  width: 25.463vh;
  height: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.04);
  margin-bottom: 1.7593vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  width: auto;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5556vh;
  background: #00BBFF;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop:hover p {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv p:hover {
  color: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.2);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv p:nth-child(1) {
  border-radius: 0.463vh 0vh 0vh 0.463vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv p:nth-child(1) {
  border-right: 0.0926vh solid rgba(255, 255, 255, 0.13);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .kolvo .btnskolv p:nth-child(1):hover {
  border-right: 0.0926vh solid rgba(255, 255, 255, 0);
}

.magicinv .minvosn {
  position: relative;
  width: 109.8148vh;
  height: 72.3148vh;
  border-radius: 0.9259vh;
  background: rgb(30, 30, 30);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 3.4259vh;
}

.magicinv .minvosn .leftinv {
  width: 32.4074vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvosn .centerinv {
  width: 34.2593vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvosn .rightinv {
  width: 32.4074vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvosn .leftinv h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 1.9444vh;
  margin-left: 1.2037vh;
}

.magicinv .minvosn .leftinv .itemlist {
  width: 32.5074vh;
  margin-top: 1.9444vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.magicinv .minvosn .leftinv .itemlist .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvosn .leftinv .itemlist .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.magicinv .minvosn .leftinv .itemlist .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.magicinv .minvosn .centerinv h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 1.9444vh;
}

.magicinv .minvosn .centerinv .invpers {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 0.463vh;
  margin-top: 1.4815vh;
}

.magicinv .minvosn .centerinv .dopslots {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 0.3704vh;
  margin-top: 6.6667vh;
}

.magicinv .minvosn .centerinv .fastslot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.2vh;
  margin-top: 0.463vh;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
}

.magicinv .minvosn .centerinv .fastslot .blockitem {
  width: 6.5vh;
  height: 6vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  min-width: 0;
}

.magicinv .minvosn .centerinv .fastslot .blockitem span {
  width: 1vh;
  margin-top: 0.12vh;
  margin-right: 0.12vh;
  margin-left: auto;
  height: 0.9vh;
  border-radius: 0.12vh;
  background: rgba(255, 255, 255, 0.03);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicinv .minvosn .centerinv .fastslot .blockitem img {
  height: 4.8vh;
  margin-top: -0.463vh;
  max-width: 5.8vh;
}

.magicinv .minvosn .centerinv .dopslots .blockitem {
  width: 16.9444vh;
  height: 12.963vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7407vh;
}

.magicinv .minvosn .centerinv .dopslots .blockitem svg {
  width: 3.2407vh;
  height: 3.2407vh;
}

.magicinv .minvosn .centerinv .dopslots .blockitem p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvosn .centerinv .invpers .lpers {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.463vh;
}

.magicinv .minvosn .centerinv .invpers .cpers {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.magicinv .minvosn .centerinv .invpers .rpers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.463vh;
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem {
  width: 6.4815vh;
  height: 6.4815vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem svg {
  width: 3.3333vh;
  height: 3.3333vh;
}

.magicinv .minvosn .centerinv .invpers .cpers img {
  width: 8.0556vh;
  height: 24.0741vh;
  margin-bottom: 2.3148vh;
  margin-top: 1.3889vh;
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 0.463vh;
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem svg {
  width: 3.3333vh;
  height: 3.3333vh;
}

.magicinv .minvosn .centerinv .invpers .lpers .blockitem {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.magicinv .minvosn .centerinv .invpers .lpers .blockitem img {
  width: 5.3333vh;
  height: 5.3333vh;
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem img {
  width: 5.3333vh;
  height: 5.3333vh;
}

.magicinv .minvosn .leftinv .itemlist.max {
  height: 26vh;
  overflow: auto;
}

.magicinv .minvosn .leftinv .itemlist.max::-webkit-scrollbar {
  width: 0.0926vh;
}

.magicinv .minvosn .leftinv .itemlist.max::-webkit-scrollbar-track {
  background: #3F3F40;
}

.magicinv .minvosn .leftinv .itemlist.max::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2509803922);
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem img {
  width: 5.3333vh;
  height: 5.3333vh;
}

.magicinv .minvosn .centerinv .invpers .lpers .blockitem span {
  font-size: 3.3333vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem span {
  font-size: 3.3333vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem span {
  font-size: 3.3333vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}

.magicinv .minvosn .centerinv .dopslots .blockitem span {
  font-size: 3.3333vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.3;
}

.magicinv .minvosn .centerinv .dopslots .blockitem img {
  width: 9.3333vh;
  height: 9.3333vh;
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem p {
  display: none;
}

.magicinv .minvosn .centerinv .invpers .lpers .blockitem p {
  display: none;
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem p {
  display: none;
}

.magicinv .minvosn .rightinv h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 1.9444vh;
  margin-left: 1.2037vh;
}

.magicinv .minvosn .rightinv .itemlist {
  width: 32.5074vh;
  margin-top: 1.9444vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.magicinv .minvosn .rightinv .itemlist .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvosn .rightinv .itemlist .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.magicinv .minvosn .rightinv .itemlist .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.magicinv .minvosn .leftinv .itemlist .item:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .fastslot .blockitem:hover {
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .dopslots .blockitem:hover {
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .invpers .cpers .listitem .blockitem:hover {
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .invpers .lpers .blockitem:hover {
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .invpers .rpers .blockitem:hover {
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .rightinv .itemlist .item:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvosn .centerinv .fastslot .blockitem .disab {
  position: absolute;
  width: 4.8148vh;
  height: 4.8148vh;
  border-radius: 0.5556vh;
  background: rgb(18, 18, 19);
  align-items: center;
  justify-content: center;
  margin-top: 2.6852vh;
  display: none;
}

.magicinv .minvosn .centerinv .fastslot .blockitem .disab svg {
  width: 1.8519vh;
  height: 1.8519vh;
  fill: #fff;
}

.magicinv .minvosn .centerinv .fastslot .blockitem .disab:hover {
  background: rgb(248, 248, 248);
}

.magicinv .minvosn .centerinv .fastslot .blockitem .disab:hover svg {
  fill: #000;
}

.magicinv .minvosn .centerinv .fastslot .blockitem.active:hover .disab {
  display: flex;
}

.magicinv .minvtrade {
  position: relative;
  width: 109.8148vh;
  height: 72.3148vh;
  border-radius: 0.9259vh;
  background: rgb(30, 30, 30);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 3.4259vh;
}

.magicinv .minvtrade .leftinv {
  width: 32.4074vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvtrade .centerinv {
  width: 32.4074vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvtrade .rightinv {
  width: 32.4074vh;
  height: 69.7222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicinv .minvtrade .rightinv h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 1.9444vh;
  margin-left: 1.2037vh;
}

.magicinv .minvtrade .rightinv .itemlist {
  width: 32.5074vh;
  margin-top: 1.9444vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.magicinv .minvtrade .rightinv .itemlist .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvtrade .rightinv .itemlist .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.magicinv .minvtrade .rightinv .itemlist .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.magicinv .minvtrade .centerinv h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 1.9444vh;
}

.magicinv .minvtrade .centerinv .itemlist {
  width: 32.5074vh;
  height: 45.3704vh;
  margin-top: 1.4815vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.magicinv .minvtrade .centerinv input {
  margin-top: 4.9074vh;
  width: 32.4074vh;
  height: 4.4444vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.5556vh;
  background: rgb(42, 42, 42);
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  outline: none;
  padding: 0vh 1.3889vh;
}

.magicinv .minvtrade .centerinv .checktrade {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.2037vh;
}

.magicinv .minvtrade .centerinv .btntrade {
  margin-top: 1.7593vh;
  width: 32.4074vh;
  height: 4.4444vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.03);
}

.magicinv .minvtrade .centerinv .btntrade p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvtrade .centerinv .checktrade .yestrade {
  width: 2.4074vh;
  height: 2.4074vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.3704vh;
  background: rgb(42, 42, 42);
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicinv .minvtrade .centerinv .checktrade p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-left: 0.9259vh;
}

.magicinv .minvtrade .centerinv .checktrade .yestrade svg {
  width: 2.4074vh;
  height: 2.4074vh;
  opacity: 0;
}

.magicinv .minvtrade .centerinv .itemlist .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvtrade .centerinv .itemlist .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.magicinv .minvtrade .centerinv .itemlist .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.magicinv .minvtrade .leftinv .lihead {
  width: 32.4074vh;
  margin-top: 1.9444vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.magicinv .minvtrade .leftinv .itemlist {
  width: 32.5074vh;
  height: 58.0556vh;
  margin-top: 1.4815vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.magicinv .minvtrade .leftinv .btntrade.active {
  border-radius: 0.5556vh;
  background: rgb(74, 141, 229);
}

.magicinv .minvtrade .leftinv .btntrade {
  margin-top: 2.037vh;
  width: 32.4074vh;
  height: 4.4444vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.03);
}

.magicinv .minvtrade .leftinv .btntrade p {
  color: rgba(251, 251, 251, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvtrade .leftinv .itemlist .item {
  width: 6.4815vh;
  height: 6.4815vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(34, 34, 34, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicinv .minvtrade .leftinv .itemlist .item img {
  height: 4.4444vh;
  max-width: 6.0185vh;
  margin-top: 1.0185vh;
}

.magicinv .minvtrade .leftinv .itemlist .item span {
  min-height: 1.2037vh;
  height: 1.2037vh;
  padding: 0vh 0.3704vh;
  border-radius: 0.1852vh;
  background: rgb(18, 18, 19);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -0.463vh;
  margin-right: 0.1852vh;
  margin-left: auto;
}

.magicinv .minvtrade .leftinv .lihead h1 {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicinv .minvtrade .leftinv .lihead p {
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: right;
  color: rgba(251, 251, 251, 0.5);
}

.magicinv .minvtrade .leftinv .lihead p b {
  margin-left: 0.5556vh;
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: right;
  color: rgb(116, 230, 98);
}

.magicinv .minvtrade .leftinv .itemlist .item:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvtrade .leftinv .btntrade.active p {
  color: rgb(251, 251, 251);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: center;
}

.magicinv .minvtrade .centerinv .itemlist .item:hover {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.03);
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.3);
}

.magicinv .minvtrade .centerinv .checktrade .yestrade.active svg {
  opacity: 1;
}

.magicinv .minvtrade .centerinv .checktrade .yestrade.active {
  background: #00BBFF;
}

.magicinv .minvtrade .centerinv .btntrade:hover {
  border-radius: 0.5556vh;
  background: rgb(74, 141, 229);
}

.magicinv .minvtrade .centerinv .btntrade:hover p {
  color: rgb(251, 251, 251);
}

.magicinv .closedinv {
  position: absolute;
  right: 1.3889vh;
  top: 1.1111vh;
  width: 2.2222vh;
  height: 2.2222vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.463vh;
  background: rgba(255, 255, 255, 0.04);
}

.magicinv .closedinv svg {
  width: 0.9259vh;
  height: 0.9259vh;
}

.magicinv .closedinv:hover {
  background: rgba(255, 255, 255, 0.1);
}

.inventoryhax {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0vh;
  top: 0vh;
  background-size: cover;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  opacity: 0.9;
}

.inventoryhax.active {
  display: flex !important;
}

.inventoryhax .invhax_head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: absolute;
  top: 6.2963vh;
  left: 6.2963vh;
}

.inventoryhax .invhax_head .head_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.inventoryhax .invhax_head .head_desc {
  width: 29.0741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 1.3889vh;
}

.inventoryhax .invhax_head .head_name h1 {
  color: #FF9900;
  font-family: SF Pro Display;
  font-size: 2.7778vh;
  font-weight: 600;
  line-height: 1.6667vh;
  text-align: left;
  text-shadow: 0vh 0vh 3.1481vh rgba(255, 136, 0, 0.5);
}

.inventoryhax .invhax_head .head_name p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 2%;
  text-align: left;
  margin-top: 1.1111vh;
  text-shadow: 0vh 0vh 0.3704vh rgba(255, 255, 255, 0.5);
}

.inventoryhax .invhax_head .head_desc p {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.2037vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(255, 255, 255, 0.3);
}

.inventoryhax .invhax_head .head_desc p b {
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.2037vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.inventoryhax .invhax_closed {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 6.7593vh;
  right: 6.2963vh;
}

.inventoryhax .invhax_closed p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 6%;
  text-align: left;
}

.inventoryhax .invhax_closed span {
  width: 2.7778vh;
  height: 2.7778vh;
  border-radius: 0.2778vh;
  box-shadow: 0vh 0.5556vh 2.037vh 0vh #00BBFF;
  background: #00BBFF;
  margin-left: 0.9259vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 300;
  line-height: 1.3889vh;
  letter-spacing: 6%;
  text-align: left;
}

.inventoryhax p, h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.inventoryhax .invhax_menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.inventoryhax .invhax_menu div#box-menu {
  padding-top: 20.3704vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between {
  justify-content: center !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .e-player {
  margin-left: 6.8519vh !important;
  margin-right: 6.8519vh !important;
  width: 56.1111vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.accessories.box-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 31.6667vh !important;
  align-content: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-main .box-between.height-box {
  justify-content: flex-start !important;
  min-height: auto !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item {
  width: 7.2222vh !important;
  height: 7.2222vh !important;
  box-sizing: border-box !important;
  border: 0.0926vh solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0.2778vh !important;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0) 100%) !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-main .box-list {
  grid-gap: 1.1111vh 0.9259vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .e-player .box-player {
  grid-gap: 1.1111vh 0.9259vh;
  width: 56.1111vh !important;
  padding: 0 !important;
  margin-bottom: 1.4815vh !important;
  height: 40.5556vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-main .box-other {
  align-items: flex-start !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-main .box-between.height-box .box-column.height-box {
  min-height: auto !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item .item-png {
  width: 4.6296vh !important;
  height: 4.6296vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item .hover {
  width: 0.463vh;
  box-shadow: 0vh 0vh 0.2778vh 0.0926vh rgba(207, 248, 11, 0.2);
  background: rgb(207, 248, 11);
  height: 0.463vh;
  border-radius: 0.463vh;
  color: white;
  pointer-events: none;
  position: absolute;
  bottom: 0vh !important;
  left: 0.5556vh !important;
  top: 0.5556vh !important;
  text-align: right;
  font-family: SF Pro Display;
  font-size: 0.7407vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0;
}

.inventoryhax .invhax_menu div#box-menu .box-item:hover .hover {
  opacity: 1;
}

.inventoryhax .invhax_menu div#box-menu .box-item .count {
  pointer-events: none;
  position: absolute;
  bottom: 0vh !important;
  right: 0.5556vh !important;
  top: 0.2778vh !important;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh !important;
  font-weight: 400 !important;
  line-height: 1.1111vh;
  text-align: right !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.accessories.box-column .inventory_grid {
  grid-gap: 1.1111vh 0.9259vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.accessories.box-column .box-quickuse {
  position: relative;
  right: 0vh !important;
  top: 4.4vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.accessories.box-column .box-quickuse .fastslots {
  width: 7.2222vh !important;
  height: 7.2222vh !important;
  margin-bottom: 1.24vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.accessories.box-column .box-quickuse .fastslots .id {
  width: 1.4815vh !important;
  height: 1.4815vh !important;
  border-radius: 0.1852vh !important;
  color: rgb(52, 52, 52);
  font-family: Gilroy;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.3889vh;
  letter-spacing: 0%;
  text-align: center;
  background: #fff;
  box-shadow: 0vh 0vh 0.9259vh 0vh rgba(255, 255, 255, 0.2);
  position: absolute !important;
  left: 5.1849vh !important;
  top: 0.5556vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item-info {
  background: rgba(255, 255, 255, 0) !important;
  color: #000 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item-info .bg-info {
  background: #fff !important;
  border-radius: 0.1852vh !important;
  padding: 0.2778vh 0.3704vh;
  color: #000 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-item-info .bg-info .title {
  color: rgb(30, 30, 30) !important;
  font-family: SF Pro Display !important;
  font-size: 0.9259vh !important;
  font-weight: 500 !important;
  line-height: 1.1111vh !important;
  letter-spacing: 0%;
  text-align: right;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use {
  width: 28.0556vh !important;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  background: rgba(30, 30, 30, 0.95);
  padding: 0 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon {
  background: none !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .item {
  border-radius: 0 !important;
  padding: 0 !important;
  background: none !important;
  width: 28.0556vh !important;
  height: 3.8889vh !important;
  padding-left: 1.3889vh !important;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh !important;
  font-weight: 500;
  line-height: 1.2963vh !important;
  letter-spacing: 0%;
  text-align: left;
  text-transform: capitalize;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info {
  width: 25.463vh !important;
  padding: 0 !important;
  background: none !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 1.2963vh;
  margin-top: 1.2963vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-column {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .desc.left {
  width: 25.463vh !important;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.0185vh !important;
  font-weight: 400;
  line-height: 1.2037vh !important;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 0.6481vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-column .name .title {
  display: flex;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display !important;
  font-size: 1.1111vh !important;
  font-weight: 600 !important;
  line-height: 1.2963vh !important;
  letter-spacing: 0.5%;
  text-align: left;
  text-shadow: 0vh 0vh 0.5556vh rgba(0, 0, 0, 0.5);
  flex-direction: row;
  justify-content: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-column .name .title span {
  margin-left: 0.3vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-column .name .type {
  margin-top: 0 !important;
  color: rgb(207, 248, 11);
  font-family: SF Pro Display;
  font-size: 0.9259vh !important;
  font-weight: 600;
  line-height: 1.1111vh !important;
  letter-spacing: 0.5%;
  text-align: left;
  text-shadow: 0vh 0vh 0.5556vh rgba(207, 248, 11, 0.5);
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .item:hover {
  background: #0091FF !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 0.3vh solid rgba(0, 0, 0, 0.25) !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-column img.icon {
  width: 3.2407vh !important;
  height: 3.2407vh !important;
  margin-right: 0.8333vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .linebottom {
  width: 25.6481vh;
  height: 0.0926vh;
  background: rgba(255, 255, 255, 0.05);
  margin-left: 1.2037vh;
  margin-right: 1.2037vh;
  margin-top: 0.9259vh;
  margin-bottom: 1.0185vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-item-weapon__element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-item-weapon__element .weapon__progress {
  min-height: 0.3704vh !important;
  border-radius: 0.0926vh !important;
  width: 6.8519vh !important;
  background: rgba(255, 255, 255, 0.1215686275);
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-item-weapon__element .weapon__progress .weapon__progress-line {
  min-height: 0.3704vh;
  background: #c4e90c;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-item-weapon__element .name {
  color: rgb(30, 30, 30);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 500;
  line-height: 1.1111vh;
  letter-spacing: 0%;
  text-align: right;
  background: #fff;
  height: 1.6667vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1852vh;
  padding: 0vh 0.3704vh;
  margin-right: 0.9259vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .box-item-weapon .bg-info .box-item-weapon__element .desc {
  color: rgb(196, 233, 12);
  font-family: SF Pro Display;
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.2037vh;
  letter-spacing: 0%;
  text-align: left;
}

#box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
  background: #0091ff !important;
}

#box-menu .box-inventory .box-other .box-list::-webkit-scrollbar-thumb {
  background: #0091ff !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack {
  width: 16.0185vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  flex-direction: column !important;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.05);
  border-radius: 0.3704vh;
  background: rgba(30, 30, 30, 0.95);
  padding: 0 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-text {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.5%;
  text-align: center;
  background: none;
  padding: 0 !important;
  margin-top: 0.7407vh !important;
  margin-bottom: 0.7407vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-number {
  width: 8.7963vh;
  height: 1.8519vh;
  border: 0.0463vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.1852vh !important;
  background: rgba(255, 255, 255, 0.01);
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-between {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-number input.box-number-input {
  margin: 0 !important;
  background: none !important;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh !important;
  font-weight: 600;
  line-height: 1.1111vh;
  letter-spacing: 0.5%;
  text-align: center;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-between .btn-slap {
  width: 100%;
  height: 2.963vh !important;
  box-sizing: border-box;
  border: 0 !important;
  background: none;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-left: 1.3889vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-between .box-cancel {
  width: 100%;
  height: 2.963vh !important;
  box-sizing: border-box;
  border: 0 !important;
  background: none;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding-left: 1.3889vh;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-between .box-cancel:hover {
  box-sizing: border-box;
  border-bottom: 0.1389vh solid rgba(0, 0, 0, 0.25) !important;
  background: #FF9900 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-stack .box-between .btn-slap:hover {
  box-sizing: border-box;
  border-bottom: 0.1389vh solid rgba(0, 0, 0, 0.25) !important;
  background: #FF9900 !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 31.6667vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 31.6667vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-between {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-input.margin-top-8 {
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0.2778vh !important;
  background: radial-gradient(99.01% 70.71% at 50% 50%, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0) 100%) !important;
  padding: 0vh;
  width: 31.6667vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-input.margin-top-8 .box-icon {
  margin-left: 0.6296vh !important;
  height: 2.3611vh !important;
  width: 2.3611vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-input.margin-top-8 .box-icon span.icon-dollar {
  color: #CFF80B;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .btn-box-trade {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 31.6667vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .btn-box-trade .btn-trade {
  width: 15.3704vh !important;
  height: 3.8889vh !important;
  border-radius: 0.2778vh !important;
  background: rgb(0, 209, 0) !important;
  border: none !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .btn-box-trade .btn-trade.red {
  background: #00BBFF !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .btn-box-trade .btn-trade:hover {
  box-shadow: 0vh 0vh 0.6481vh 0.1852vh rgba(0, 209, 0, 0.25);
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .btn-box-trade .btn-trade.red:hover {
  box-shadow: 0vh 0vh 0.6481vh 0.1852vh rgba(255, 0, 61, 0.25);
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-between .box-flex.inventory__text {
  margin-top: 0 !important;
  margin-bottom: 1.0111vh !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .trade-gotov {
  position: absolute;
  width: 100%;
  height: 15.5556vh;
  display: none;
  align-items: center;
  justify-content: center;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .trade-gotov p {
  color: rgb(207, 248, 11);
  font-family: SF Pro Display;
  font-size: 2.7778vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 2%;
  text-align: left;
  text-shadow: 0vh 0vh 3.7963vh rgba(207, 248, 11, 0.5);
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .trade-gotov.active {
  display: flex !important;
}

.inventoryhax .invhax_menu div#box-menu .box-inventory .box-between .box-width-457.box-other-trade .box-width-356.trade .box-trade {
  grid-gap: 1.1111vh 0.9259vh !important;
  width: 31.6667vh !important;
}
@charset "UTF-8";
/* ============================================================
   ИНВЕНТАРЬ — скин «Emerald» (JUST RP UI v2).
   Подключается ПОСЛЕДНИМ в menu/index.svelte: при тех же селекторах
   каскад перекрывает inventory.css/main.css без правки разметки и
   логики (drag&drop, слоты, трейд, склад — нетронуты).
   Палитра: зелень #36e07c, золото #ffd166, стекло rgba(5,20,12,.6).
   ============================================================ */
/* ---------- общая сцена: лёгкая виньетка, игра видна ---------- */
.magicinv {
  background: radial-gradient(85% 75% at 50% 45%, rgba(2, 12, 7, 0.18) 0%, rgba(2, 12, 7, 0.55) 100%);
}

/* ---------- заголовки колонок (Окружение/Рюкзак/Инвентарь) ---------- */
.magicinv .minvosn .leftinv h1,
.magicinv .minvosn .rightinv h1,
.magicinv .minvosn .centerinv h1,
.magicinv .minvtrade .leftinv h1,
.magicinv .minvtrade .centerinv h1,
.magicinv .minvtrade .rightinv h1 {
  font-family: "Gilroy", "SF Pro Display", sans-serif;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(220, 248, 232, 0.55);
}

/* ---------- слоты ---------- */
.box-inventory .item {
  border: 1px solid rgba(140, 255, 190, 0.1);
  border-radius: 0.7vh;
  background: radial-gradient(120% 120% at 50% 0%, rgba(54, 224, 124, 0.05) 0%, transparent 60%), rgba(7, 26, 16, 0.55);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, transform 0.12s;
}

.magicinv .minvosn .leftinv .itemlist .item:hover,
.magicinv .minvosn .rightinv .itemlist .item:hover,
.magicinv .minvtrade .leftinv .itemlist .item:hover,
.magicinv .minvtrade .centerinv .itemlist .item:hover,
.inventoryhax .invhax_menu div#box-menu .box-inventory .box-use .item:hover {
  border-color: rgba(54, 224, 124, 0.55);
  background: radial-gradient(120% 120% at 50% 0%, rgba(54, 224, 124, 0.14) 0%, transparent 65%), rgba(10, 36, 22, 0.65);
  box-shadow: 0 0 14px rgba(54, 224, 124, 0.18), inset 0 0 10px rgba(54, 224, 124, 0.06);
}

/* выбранный / активный слот */
.box-inventory .item.active {
  border-color: rgba(54, 224, 124, 0.7);
  background: radial-gradient(120% 120% at 50% 0%, rgba(54, 224, 124, 0.2) 0%, transparent 70%), rgba(10, 36, 22, 0.7);
  box-shadow: 0 0 16px rgba(54, 224, 124, 0.3);
}

/* количество на слоте */
.box-inventory .item span {
  font-family: "Gilroy", "SF Pro Display", sans-serif;
  font-weight: 800;
  color: #9ef7bc;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

/* ---------- тултип предмета ---------- */
.box-inventory .magiciteminfo {
  background: rgba(5, 20, 12, 0.92);
  border: 1px solid rgba(140, 255, 190, 0.22);
  border-radius: 1vh;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
}

.box-inventory .magiciteminfo h1 {
  font-family: "Gilroy", "SF Pro Display", sans-serif;
  font-weight: 800;
  color: #ecfff3;
}

.box-inventory .magiciteminfo p {
  color: rgba(220, 248, 232, 0.65);
}

.box-inventory .magiciteminfo span {
  color: #8df0b4;
}

/* ---------- контекст-меню предмета (Использовать/Выбросить…) ---------- */
.box-inventory .magicitemuse {
  background: rgba(5, 20, 12, 0.94);
  border: 1px solid rgba(140, 255, 190, 0.2);
  border-radius: 0.9vh;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.box-inventory .magicitemuse p {
  color: rgba(236, 255, 243, 0.85);
  transition: background 0.12s, color 0.12s, padding-left 0.12s;
}

.box-inventory .magicitemuse p:hover {
  background: rgba(54, 224, 124, 0.14);
  color: #ecfff3;
}

/* ---------- ввод количества (слайдер/кнопка) ---------- */
.box-inventory .magiciteminput {
  background: rgba(5, 20, 12, 0.92);
  border: 1px solid rgba(140, 255, 190, 0.22);
  border-radius: 1vh;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55);
}

.box-inventory .magiciteminput .btninput {
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%);
  color: #04150c;
  border: 0;
  border-radius: 0.8vh;
  font-weight: 800;
  box-shadow: 0 4px 16px rgba(54, 224, 124, 0.3);
  transition: filter 0.15s, transform 0.12s;
}

.box-inventory .magiciteminput .btninput:hover {
  filter: brightness(1.07);
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%);
}

.box-inventory .magiciteminput .btninput p {
  color: #04150c;
  font-weight: 800;
}

.box-inventory .magiciteminput .dopinput input#dopi {
  accent-color: #36e07c;
}

.box-inventory .magiciteminput .dopinput input#dopi::-webkit-slider-thumb {
  background: #36e07c;
  box-shadow: 0 0 10px rgba(54, 224, 124, 0.6);
}

.box-inventory .magiciteminput .closedinp:hover svg path {
  stroke: #ff8a80;
}

/* ---------- быстрые слоты ---------- */
.magicinv .minvosn .centerinv .fastslot .blockitem {
  border: 1px solid rgba(140, 255, 190, 0.1);
  border-radius: 0.7vh;
  background: rgba(7, 26, 16, 0.55);
  transition: border-color 0.15s, box-shadow 0.15s;
}

.magicinv .minvosn .centerinv .fastslot .blockitem:hover {
  border-color: rgba(54, 224, 124, 0.5);
  box-shadow: 0 0 12px rgba(54, 224, 124, 0.16);
}

.magicinv .minvosn .centerinv .fastslot .blockitem span {
  font-family: "Gilroy", "SF Pro Display", sans-serif;
  font-weight: 800;
  color: #36e07c;
  text-shadow: 0 0 6px rgba(54, 224, 124, 0.45);
}

/* ---------- крестики закрытия ---------- */
.magicinv .minvosn .closedinv,
.magicinv .minvtrade .closedinv,
.magicinv .minvdop .closedinv {
  transition: transform 0.15s;
}

.magicinv .minvosn .closedinv:hover svg path,
.magicinv .minvtrade .closedinv:hover svg path,
.magicinv .minvdop .closedinv:hover svg path {
  stroke: #ff8a80;
}

/* ---------- склад/доп.хранилище (minvdop) ---------- */
.magicinv .minvdop .mainleft,
.magicinv .minvdop .mainright {
  background: rgba(5, 20, 12, 0.72);
  border: 1px solid rgba(140, 255, 190, 0.14);
  border-radius: 1.3vh;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.45);
}

.magicinv .minvdop .mainleft .itemslist .itemblock,
.magicinv .minvdop .mainright .itemslist .itemblock {
  background: rgba(10, 36, 22, 0.45);
  border: 1px solid rgba(140, 255, 190, 0.1);
  border-radius: 0.9vh;
  transition: border-color 0.15s, background 0.15s;
}

.magicinv .minvdop .mainleft .itemslist .itemblock:hover {
  background: rgba(13, 46, 28, 0.6);
  border-color: rgba(54, 224, 124, 0.4);
}

.magicinv .minvdop .mainleft .mhead .inputbg {
  background: rgba(4, 18, 11, 0.55);
  border: 1px solid rgba(140, 255, 190, 0.16);
  border-radius: 0.8vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse {
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%);
  color: #04150c;
  border-radius: 0.7vh;
  font-weight: 800;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse:hover {
  filter: brightness(1.07);
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%);
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btnuse p {
  color: #04150c;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop {
  background: rgba(255, 92, 92, 0.12);
  border: 1px solid rgba(255, 92, 92, 0.3);
  border-radius: 0.7vh;
}

.magicinv .minvdop .mainright .itemslist .itemblock .rightib .btndrop:hover {
  background: rgba(255, 92, 92, 0.22);
}

/* ---------- трейд ---------- */
.magicinv .minvtrade .leftinv .itemlist .activetrade,
.magicinv .minvtrade .centerinv .itemlist .activetrade {
  border-color: rgba(255, 209, 102, 0.5);
  background: rgba(255, 209, 102, 0.07);
}

.magicinv .minvtrade .centerinv .btntrade {
  background: rgba(140, 255, 190, 0.08);
  border: 1px solid rgba(140, 255, 190, 0.18);
  border-radius: 0.9vh;
  transition: background 0.15s, border-color 0.15s;
}

.magicinv .minvtrade .centerinv .btntrade:hover {
  border-color: rgba(54, 224, 124, 0.4);
}

.magicinv .minvtrade .centerinv .btntrade.active {
  background: linear-gradient(115deg, #36e07c 0%, #9ef7bc 100%);
  border-color: transparent;
  box-shadow: 0 4px 16px rgba(54, 224, 124, 0.3);
}

.magicinv .minvtrade .centerinv .btntrade.active p {
  color: #04150c;
  font-weight: 800;
}

/* ---------- скроллбары ---------- */
.magicinv .minvdop .mainleft .itemslist::-webkit-scrollbar,
.magicinv .minvdop .mainright .itemslist::-webkit-scrollbar,
.magicinv .minvosn .leftinv .itemlist::-webkit-scrollbar,
.magicinv .minvosn .rightinv .itemlist::-webkit-scrollbar {
  width: 4px;
}

.magicinv .minvdop .mainleft .itemslist::-webkit-scrollbar-thumb,
.magicinv .minvdop .mainright .itemslist::-webkit-scrollbar-thumb,
.magicinv .minvosn .leftinv .itemlist::-webkit-scrollbar-thumb,
.magicinv .minvosn .rightinv .itemlist::-webkit-scrollbar-thumb {
  background: rgba(140, 255, 190, 0.22);
  border-radius: 4px;
}

/* ---------- PLAYERMENU (вкладки Статистика/Настройки и пр.) ---------- */
.playermenuhax .headerpl .topheaderp .navmenupl .itempl {
  border-radius: 0.8vh;
  transition: background 0.15s, color 0.15s;
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl:hover {
  background: rgba(54, 224, 124, 0.1);
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl.active {
  background: linear-gradient(110deg, #36e07c, #7df0a6);
}

.playermenuhax .headerpl .topheaderp .navmenupl .itempl.active p {
  color: #04150c;
  font-weight: 800;
}
@font-face {
  font-family: "inv";
  src: url(../src/views/player/menu/fonts/inv//inv.eot);
  src: url(../src/views/player/menu/fonts/inv//inv.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/inv//inv.ttf) format("truetype"), url(../src/views/player/menu/fonts/inv//inv.woff) format("woff"), url(/src/views/player/menu/fonts/inv/inv.svg#inv) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inv-], [class*=" inv-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inv" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inv-backpack:before {
  content: "\e900";
}

.inv-car:before {
  content: "\e901";
}

.inv-close:before {
  content: "\e902";
}

.inv-freeze:before {
  content: "\e903";
}

.inv-home:before {
  content: "\e904";
}

.inv-key:before {
  content: "\e905";
}

.inv-lic-boat:before {
  content: "\e906";
}

.inv-lic-car:before {
  content: "\e907";
}

.inv-lic-drone:before {
  content: "\e908";
}

.inv-lic-gun:before {
  content: "\e909";
}

.inv-lic-health:before {
  content: "\e90a";
}

.inv-lic-helipad:before {
  content: "\e90b";
}

.inv-lic-medical:before {
  content: "\e90c";
}

.inv-lic-moto:before {
  content: "\e90d";
}

.inv-lic-truck:before {
  content: "\e90e";
}

.inv-safe:before {
  content: "\e90f";
}

.inv-slap:before {
  content: "\e910";
}

.inv-trade:before {
  content: "\e911";
}

.inv-user:before {
  content: "\e912";
}

.inv-key-2:before {
  content: "\e970";
}

.inv-drop:before {
  content: "\e913";
}

.inv-modifications:before {
  content: "\e914";
}

.inv-store:before {
  content: "\e915";
}
@font-face {
  font-family: "inv-item";
  src: url(../src/views/player/menu/fonts/items//inv-item.eot);
  src: url(../src/views/player/menu/fonts/items//inv-item.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/items//inv-item.ttf) format("truetype"), url(../src/views/player/menu/fonts/items//inv-item.woff) format("woff"), url(/src/views/player/menu/fonts/items/inv-item.svg#inv-item) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inv-item-], [class*=" inv-item-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inv-item" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inv-item-diving-suit:before {
  content: "\e900";
}

.inv-item-bracelet:before {
  content: "\e901";
}

.inv-item-shorts:before {
  content: "\e902";
}

.inv-item-clock:before {
  content: "\e903";
}

.inv-item-jacket:before {
  content: "\e904";
}

.inv-item-necklace:before {
  content: "\e905";
}

.inv-item-glasses:before {
  content: "\e906";
}

.inv-item-cap:before {
  content: "\e907";
}

.inv-item-mask:before {
  content: "\e908";
}

.inv-item-Flashlight:before {
  content: "\e909";
}

.inv-item-Pool-Cue:before {
  content: "\e90a";
}

.inv-item-Hammer:before {
  content: "\e90b";
}

.inv-item-crowbar:before {
  content: "\e90c";
}

.inv-item-Nightstick:before {
  content: "\e90d";
}

.inv-item-Pipe-Wrench:before {
  content: "\e90e";
}

.inv-item-Baseball-Bat:before {
  content: "\e90f";
}

.inv-item-Broken-Bottle:before {
  content: "\e910";
}

.inv-item-Knife:before {
  content: "\e911";
}

.inv-item-Switchblade:before {
  content: "\e912";
}

.inv-item-Antique-Cavalry-Dagger:before {
  content: "\e913";
}

.inv-item-Machete:before {
  content: "\e914";
}

.inv-item-Hatchet:before {
  content: "\e915";
}

.inv-item-Battle-Axe:before {
  content: "\e916";
}

.inv-item-Golf-Club:before {
  content: "\e917";
}

.inv-item-SNS-Pistol-Mk-II:before {
  content: "\e918";
}

.inv-item-SNS-Pistol:before {
  content: "\e919";
}

.inv-item-Heavy-Pistol:before {
  content: "\e91a";
}

.inv-item-Pistol:before {
  content: "\e91b";
}

.inv-item-Vintage-Pistol:before {
  content: "\e91c";
}

.inv-item-modifications:before {
  content: "\e91d";
}

.inv-item-Pistol-50:before {
  content: "\e91e";
}

.inv-item-Pistol-Mk-II:before {
  content: "\e91f";
}

.inv-item-Combat-Pistol:before {
  content: "\e920";
}

.inv-item-Stun-Gun:before {
  content: "\e921";
}

.inv-item-AP-Pistol:before {
  content: "\e922";
}

.inv-item-Double-Action-Revolver:before {
  content: "\e923";
}

.inv-item-Heavy-Revolver-Mk-II:before {
  content: "\e924";
}

.inv-item-Heavy-Revolver:before {
  content: "\e925";
}

.inv-item-Machine-Pistol:before {
  content: "\e926";
}

.inv-item-Flare-Gun:before {
  content: "\e927";
}

.inv-item-SMG-Mk-II:before {
  content: "\e928";
}

.inv-item-Micro-SMG:before {
  content: "\e929";
}

.inv-item-SMG:before {
  content: "\e92a";
}

.inv-item-Mini-SMG:before {
  content: "\e92b";
}

.inv-item-Marksman-Pistol:before {
  content: "\e92c";
}

.inv-item-Double-Barrel-Shotgun:before {
  content: "\e92d";
}

.inv-item-Musket:before {
  content: "\e92e";
}

.inv-item-Sawed-Off-Shotgun:before {
  content: "\e92f";
}

.inv-item-Pump-Shotgun-Mk-II:before {
  content: "\e930";
}

.inv-item-Pump-Shotgun:before {
  content: "\e931";
}

.inv-item-Advanced-Rifle:before {
  content: "\e932";
}

.inv-item-Assault-Rifle-Mk-II:before {
  content: "\e933";
}

.inv-item-Assault-Rifle:before {
  content: "\e934";
}

.inv-item-Assault-Shotgun:before {
  content: "\e935";
}

.inv-item-Bullpup-Rifle-Mk-II:before {
  content: "\e936";
}

.inv-item-Bullpup-Rifle:before {
  content: "\e937";
}

.inv-item-Assault-SMG:before {
  content: "\e938";
}

.inv-item-Bullpup-Shotgun:before {
  content: "\e939";
}

.inv-item-Special-Carbine-Mk-II:before {
  content: "\e93a";
}

.inv-item-Special-Carbine:before {
  content: "\e93b";
}

.inv-item-Carbine-Rifle-Mk-II:before {
  content: "\e93c";
}

.inv-item-Carbine-Rifle:before {
  content: "\e93d";
}

.inv-item-Combat-MG-Mk-II:before {
  content: "\e93e";
}

.inv-item-Combat-MG:before {
  content: "\e93f";
}

.inv-item-Combat-PDW:before {
  content: "\e940";
}

.inv-item-Compact-Rifle:before {
  content: "\e941";
}

.inv-item-Heavy-Shotgun:before {
  content: "\e942";
}

.inv-item-Gusenberg-Sweeper:before {
  content: "\e943";
}

.inv-item-Marksman-Rifle:before {
  content: "\e944";
}

.inv-item-Marksman-Rifle-Mk-II:before {
  content: "\e945";
}

.inv-item-MG:before {
  content: "\e946";
}

.inv-item-Sniper-Rifle:before {
  content: "\e947";
}

.inv-item-Heavy-Sniper:before {
  content: "\e948";
}

.inv-item-Heavy-Sniper-Mk-II:before {
  content: "\e949";
}

.inv-item-Sweeper-Shotgun:before {
  content: "\e94a";
}

.inv-item-Yamazaki:before {
  content: "\e94b";
}

.inv-item-The-cranberries:before {
  content: "\e94c";
}

.inv-item-alcohol:before {
  content: "\e94d";
}

.inv-item-ararat:before {
  content: "\e94e";
}

.inv-item-Asahi:before {
  content: "\e94f";
}

.inv-item-Midori:before {
  content: "\e950";
}

.inv-item-Noyan-Tapan:before {
  content: "\e951";
}

.inv-item-On-lemon-peel:before {
  content: "\e952";
}

.inv-item-beer:before {
  content: "\e953";
}

.inv-item-Russian-standard:before {
  content: "\e954";
}

.inv-item-Sambuca:before {
  content: "\e955";
}

.inv-item-Campari:before {
  content: "\e956";
}

.inv-item-Martini-Asti:before {
  content: "\e957";
}

.inv-item-eCola:before {
  content: "\e958";
}

.inv-item-Sprunk:before {
  content: "\e959";
}

.inv-item-pizza:before {
  content: "\e95a";
}

.inv-item-bag:before {
  content: "\e95b";
}

.inv-item-hot-dog:before {
  content: "\e95c";
}

.inv-item-Chips:before {
  content: "\e95d";
}

.inv-item-burger:before {
  content: "\e95e";
}

.inv-item-sandwich:before {
  content: "\e95f";
}

.inv-item-Automatic-caliber:before {
  content: "\e960";
}

.inv-item-fraction:before {
  content: "\e961";
}

.inv-item-Pistol-caliber:before {
  content: "\e962";
}

.inv-item-small-caliber:before {
  content: "\e963";
}

.inv-item-Sniper-caliber:before {
  content: "\e964";
}

.inv-item-armor:before {
  content: "\e965";
}

.inv-item-backpack:before {
  content: "\e966";
}

.inv-item-case:before {
  content: "\e967";
}

.inv-item-briefcase:before {
  content: "\e968";
}

.inv-item-medical-kit:before {
  content: "\e969";
}

.inv-item-Bag-drill:before {
  content: "\e96a";
}

.inv-item-Brass-Knuckles:before {
  content: "\e96b";
}

.inv-item-gasoline:before {
  content: "\e96c";
}

.inv-item-gift:before {
  content: "\e96d";
}

.inv-item-headphones:before {
  content: "\e96e";
}

.inv-item-shirt:before {
  content: "\e96f";
}

.inv-item-glove:before {
  content: "\e970";
}

.inv-item-sneakers:before {
  content: "\e971";
}

.inv-item-key-2:before {
  content: "\e972";
}

.inv-item-key:before {
  content: "\e973";
}

.inv-item-marijuana:before {
  content: "\e974";
}

.inv-item-stretching:before {
  content: "\e975";
}

.inv-item-ears:before {
  content: "\e976";
}

.inv-item-hand-left:before {
  content: "\e977";
}

.inv-item-hand-right:before {
  content: "\e978";
}

.inv-item-picklock:before {
  content: "\e979";
}

.inv-item-snowflake:before {
  content: "\e97a";
}

.inv-item-ammo-pistol:before {
  content: "\e97b";
}

.inv-item-ammo-shotgun:before {
  content: "\e97c";
}

.inv-item-ammo-sniper:before {
  content: "\e97d";
}

.inv-item-ammo-small:before {
  content: "\e97e";
}

.inv-item-ammo-average:before {
  content: "\e97f";
}

.inv-item-Barrels:before {
  content: "\e980";
}

.inv-item-Compensators:before {
  content: "\e981";
}

.inv-item-Flashlights:before {
  content: "\e982";
}

.inv-item-Muzzle-Brakes:before {
  content: "\e983";
}

.inv-item-Grips:before {
  content: "\e984";
}

.inv-item-Clips:before {
  content: "\e985";
}

.inv-item-Scopes:before {
  content: "\e986";
}

.inv-item-Suppressors:before {
  content: "\e987";
}

.inv-item-Varmod:before {
  content: "\e988";
}

.inv-item-EventCoin:before {
  content: "\e989";
}

.inv-item-Firework1:before {
  content: "\e98a";
}

.inv-item-Firework2:before {
  content: "\e98b";
}

.inv-item-Firework3:before {
  content: "\e98c";
}

.inv-item-Firework4:before {
  content: "\e98d";
}

.inv-item-car:before {
  content: "\e98e";
}

.inv-item-LoveNote:before {
  content: "\e98f";
}

.inv-item-Note:before {
  content: "\e990";
}

.inv-item-teddy-bear:before {
  content: "\e991";
}

.inv-item-Vape:before {
  content: "\e992";
}

.inv-item-bong:before {
  content: "\e993";
}

.inv-item-barbell:before {
  content: "\e994";
}

.inv-item-umbrella:before {
  content: "\e995";
}

.inv-item-rose:before {
  content: "\e996";
}

.inv-item-camera:before {
  content: "\e997";
}

.inv-item-microphone:before {
  content: "\e998";
}

.inv-item-guitar:before {
  content: "\e999";
}

.inv-item-binoculars:before {
  content: "\e99a";
}

.inv-item-pickaxe1:before {
  content: "\e99b";
}

.inv-item-pickaxe2:before {
  content: "\e99c";
}

.inv-item-pickaxe3:before {
  content: "\e99d";
}

.inv-item-coal:before {
  content: "\e99e";
}

.inv-item-iron:before {
  content: "\e99f";
}

.inv-item-gold:before {
  content: "\e9a0";
}

.inv-item-sulfur:before {
  content: "\e9a1";
}

.inv-item-emerald:before {
  content: "\e9a2";
}

.inv-item-ruby:before {
  content: "\e9a3";
}

.inv-item-workaxe:before {
  content: "\e9a4";
}

.inv-item-woodoak:before {
  content: "\e9a5";
}

.inv-item-woodmaple:before {
  content: "\e9a6";
}

.inv-item-woodpine:before {
  content: "\e9a7";
}

.inv-item-boombox:before {
  content: "\e9a8";
}

.inv-item-hookah:before {
  content: "\e9a9";
}

.inv-item-case0:before {
  content: "\e9aa";
}

.inv-item-case1:before {
  content: "\e9ab";
}

.inv-item-case2:before {
  content: "\e9ac";
}

.inv-item-case10:before {
  content: "\e9ad";
}

.inv-item-case11:before {
  content: "\e9ae";
}

.inv-item-case12:before {
  content: "\e9af";
}

.inv-item-case3:before {
  content: "\e9b0";
}

.inv-item-case4:before {
  content: "\e9b1";
}

.inv-item-case5:before {
  content: "\e9b2";
}

.inv-item-case6:before {
  content: "\e9b3";
}

.inv-item-case7:before {
  content: "\e9b4";
}

.inv-item-case8:before {
  content: "\e9b5";
}

.inv-item-case9:before {
  content: "\e9b6";
}

.inv-item-ball:before {
  content: "\e9b7";
}
@font-face {
  font-family: "gamemenu";
  src: url(../src/views/player/menu/fonts/gamemenu//gamemenu.eot);
  src: url(../src/views/player/menu/fonts/gamemenu//gamemenu.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/gamemenu//gamemenu.ttf) format("truetype"), url(../src/views/player/menu/fonts/gamemenu//gamemenu.woff) format("woff"), url(/src/views/player/menu/fonts/gamemenu/gamemenu.svg#gamemenu) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=gamemenu-], [class*=" gamemenu-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "gamemenu" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gamemenu-friends:before {
  content: "\e900";
}

.gamemenu-help:before {
  content: "\e901";
}

.gamemenu-event:before {
  content: "\e902";
}

.gamemenu-news:before {
  content: "\e903";
}

.gamemenu-stats:before {
  content: "\e904";
}

.gamemenu-settings:before {
  content: "\e905";
}

.gamemenu-gift:before {
  content: "\e906";
}

.gamemenu-quest:before {
  content: "\e907";
}

.gamemenu-inventory:before {
  content: "\e908";
}

.gamemenu-loop:before {
  content: "\e90d";
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/player/menu/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/player/menu/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/player/menu/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "inventoryicons";
  src: url(../src/views/player/menu/fonts/newinv//inventoryicons.eot);
  src: url(../src/views/player/menu/fonts/newinv//inventoryicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/fonts/newinv//inventoryicons.ttf) format("truetype"), url(../src/views/player/menu/fonts/newinv//inventoryicons.woff) format("woff"), url(/src/views/player/menu/fonts/newinv/inventoryicons.svg#inventoryicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=inventoryicons-], [class*=" inventoryicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "inventoryicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inventoryicons-back:before {
  content: "\e90e";
}

.inventoryicons-forum:before {
  content: "\e90f";
}

.inventoryicons-news:before {
  content: "\e910";
}

.inventoryicons-online:before {
  content: "\e911";
}

.inventoryicons-settings:before {
  content: "\e912";
}

.inventoryicons-smoking:before {
  content: "\e913";
}

.inventoryicons-open-padlock:before {
  content: "\e914";
}

.inventoryicons-restaurant:before {
  content: "\e915";
}

.inventoryicons-padlock:before {
  content: "\e916";
}

.inventoryicons-soft-drink:before {
  content: "\e917";
}

.inventoryicons-shop-cart:before {
  content: "\e918";
}

.inventoryicons-rifle:before {
  content: "\e919";
}

.inventoryicons-shipment:before {
  content: "\e91a";
}

.inventoryicons-fashion:before {
  content: "\e91b";
}

.inventoryicons-delivery-box:before {
  content: "\e900";
}

.inventoryicons-box:before {
  content: "\e901";
}

.inventoryicons-drop:before {
  content: "\e902";
}

.inventoryicons-near:before {
  content: "\e903";
}

.inventoryicons-open-box:before {
  content: "\e904";
}

.inventoryicons-razdel:before {
  content: "\e905";
}

.inventoryicons-top:before {
  content: "\e906";
}

.inventoryicons-user:before {
  content: "\e907";
}

.inventoryicons-folder:before {
  content: "\e908";
}

.inventoryicons-maintenance:before {
  content: "\e909";
}

.inventoryicons-hand:before {
  content: "\e90a";
}

.inventoryicons-backpack:before {
  content: "\e90b";
}

.inventoryicons-bottom:before {
  content: "\e90c";
}

.inventoryicons-car:before {
  content: "\e90d";
}
#sound__settings {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #sound__settings {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    padding-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    padding-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    padding-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    padding-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    padding-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    padding-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    padding-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    padding-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    padding-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    padding-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    padding-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    padding-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    padding-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    padding-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    padding-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    padding-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    padding-left: 225px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    padding-left: 315px;
  }
}
@media (max-width: 799px) {
  #sound__settings {
    padding-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings {
    padding-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings {
    padding-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings {
    padding-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings {
    padding-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings {
    padding-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings {
    padding-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings {
    padding-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings {
    padding-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings {
    padding-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings {
    padding-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings {
    padding-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings {
    padding-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings {
    padding-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings {
    padding-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings {
    padding-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings {
    padding-right: 225px;
  }
}
@media (min-width: 6000px) {
  #sound__settings {
    padding-right: 315px;
  }
}
#sound__settings .main__button_square {
  background-color: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .main__button_square {
    border-radius: 6.3px;
  }
}
#sound__settings .settings__header {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__header {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header {
    margin-bottom: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header {
    margin-bottom: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header {
    margin-bottom: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header {
    margin-bottom: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header {
    margin-bottom: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header {
    margin-bottom: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header {
    margin-bottom: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header {
    margin-bottom: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header {
    margin-bottom: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header {
    margin-bottom: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header {
    margin-bottom: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header {
    margin-bottom: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header {
    margin-bottom: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header {
    margin-bottom: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header {
    margin-bottom: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    margin-bottom: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    margin-bottom: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header {
    margin-bottom: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header {
    margin-bottom: 137.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header {
    margin-bottom: 192.15px;
  }
}
#sound__settings .settings__header .settings__icon {
  background-image: url(/src/views/player/menu/img/settings.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    margin-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_title {
    line-height: 88.2px;
  }
}
#sound__settings .settings__header .settings__header_subtitle {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  font-family: "TTNorms-Regular";
  font-weight: 300;
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__header .settings__header_subtitle {
    line-height: 59.85px;
  }
}
#sound__settings .settings__header .settings__header_subtitle:hover {
  color: rgba(255, 255, 255, 0.4);
}
#sound__settings .settings__nav {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #sound__settings .settings__nav {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav {
    height: 2362.5px;
  }
}
#sound__settings .settings__nav .settings__title {
  color: white;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__title {
    margin-bottom: 63px;
  }
}
#sound__settings .settings__nav .settings__title:first-child {
  margin-top: 0;
}
#sound__settings .settings__nav .settings__subtitle {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__nav .settings__subtitle {
    margin-bottom: 31.5px;
  }
}
#sound__settings .settings__nav .settings__subtitle.hover, #sound__settings .settings__nav .settings__subtitle.active {
  color: white;
}
#sound__settings .settings__background {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #sound__settings .settings__background {
    width: 328.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background {
    width: 365px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background {
    width: 470.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background {
    width: 500.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background {
    width: 547.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background {
    width: 511px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background {
    width: 620.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background {
    width: 584px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background {
    width: 693.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background {
    width: 912.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background {
    width: 985.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background {
    width: 949px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background {
    width: 912.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    width: 1204.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    width: 1460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    width: 1204.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    width: 1642.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background {
    width: 2299.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background {
    height: 2362.5px;
  }
}
#sound__settings .settings__background .settings__box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box {
    height: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box {
    height: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box {
    height: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box {
    height: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box {
    height: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box {
    height: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box {
    height: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box {
    height: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box {
    height: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box {
    height: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box {
    height: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box {
    height: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box {
    height: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box {
    height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box {
    height: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box {
    height: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box {
    height: 168.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box {
    height: 236.25px;
  }
}
#sound__settings .settings__background .settings__box.settings__title {
  color: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box.settings__title {
    font-size: 88.2px;
  }
}
#sound__settings .settings__background .settings__box .settings__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .settings__box .settings__button {
    line-height: 85.05px;
  }
}
#sound__settings .settings__background .settings__box .settings__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
#sound__settings .settings__background .sound__scroll {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    height: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    height: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    height: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    height: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    height: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    height: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    height: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    height: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    height: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    height: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    height: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    height: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    height: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    height: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1350px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    height: 1890px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar {
    width: 12.6px;
  }
}
#sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#sound__settings .settings__background .sound__scroll::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    border-radius: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 193.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll {
    padding-right: 270.9px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__header {
  align-self: flex-start;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__header {
    margin-bottom: 63px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__header:first-child {
  margin-top: 0;
}
#sound__settings .settings__background .sound__scroll .list__element {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  justify-content: space-between;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element {
    width: 630px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__title {
    font-size: 44.1px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__right, #sound__settings .settings__background .sound__scroll .list__element .list__element__left {
    height: 157.5px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right:hover, #sound__settings .settings__background .sound__scroll .list__element .list__element__left:hover {
  background: rgba(255, 255, 255, 0.3);
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.18988 1.00033L2 7.95055L9.18988 14.9008' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .list__element .list__element__left:before, #sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
    height: 50.4px;
  }
}
#sound__settings .settings__background .sound__scroll .list__element .list__element__right:before {
  transform: rotateY(180deg);
}
#sound__settings .settings__background .sound__scroll .sound__element {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element {
    margin-bottom: 126px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element:last-child {
  margin-bottom: 0;
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__description {
  display: flex;
  flex-direction: column;
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__description .sound__title {
    margin-bottom: 28.35px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.05em;
  font-family: "TTNorms-Regular";
  font-style: normal;
  font-weight: normal;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 765px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__text_small {
    max-width: 1071px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block {
    width: 756px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider {
    border-radius: 34.65px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
  background: white;
  box-shadow: unset;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__fill {
    border-radius: 34.65px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
  border: none;
  background: white;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #sound__settings .settings__background .sound__scroll .sound__element .sound__input-block .sound__input__value {
    margin-top: 9.45px;
  }
}

.switch-box .switch input {
  display: none;
}
.switch-box .switch {
  position: relative;
  display: inline-block;
  background: #131517;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  .switch-box .switch {
    border-radius: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    border-radius: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    border-radius: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    border-radius: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    border-radius: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    border-radius: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    border-radius: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    border-radius: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    border-radius: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    border-radius: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    border-radius: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    border-radius: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    border-radius: 42.75px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    border-radius: 59.85px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    width: 189px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch {
    height: 88.2px;
  }
}
.switch-box .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.4s;
}
.switch-box .switch .slider::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  transition: 0.4s;
  background: #FFFFFF;
  border: 2px solid rgba(134, 134, 134, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  .switch-box .switch .slider::before {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider::before {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider::before {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider::before {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider::before {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider::before {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider::before {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider::before {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider::before {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider::before {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider::before {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider::before {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch .slider::before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider::before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider::before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider::before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider::before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider::before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider::before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider::before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider::before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider::before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider::before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider::before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider::before {
    height: 88.2px;
  }
}
.switch-box .switch input:checked + .slider:before {
  background: #2BB6A8;
  border: 2px solid rgba(22, 69, 64, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  .switch-box .switch input:checked + .slider:before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch input:checked + .slider:before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch input:checked + .slider:before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch input:checked + .slider:before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch input:checked + .slider:before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch input:checked + .slider:before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch input:checked + .slider:before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch input:checked + .slider:before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch input:checked + .slider:before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch input:checked + .slider:before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch input:checked + .slider:before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch input:checked + .slider:before {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch input:checked + .slider:before {
    left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch input:checked + .slider:before {
    left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch input:checked + .slider:before {
    left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch input:checked + .slider:before {
    left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch input:checked + .slider:before {
    left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch input:checked + .slider:before {
    left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch input:checked + .slider:before {
    left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch input:checked + .slider:before {
    left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch input:checked + .slider:before {
    left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch input:checked + .slider:before {
    left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch input:checked + .slider:before {
    left: 72px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch input:checked + .slider:before {
    left: 100.8px;
  }
}
@media (max-width: 799px) {
  .switch-box .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .switch-box .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .switch-box .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .switch-box .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .switch-box .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .switch-box .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .switch-box .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .switch-box .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .switch-box .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .switch-box .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .switch-box .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .switch-box .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .switch-box .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  .switch-box .switch .slider.round {
    border-radius: 107.1px;
  }
}
.switch-box .switch .slider.round::before {
  border-radius: 50%;
}
#questsnewlist {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsnewlist {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-left: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-left: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-left: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-left: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-left: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-left: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-left: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-left: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-left: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-left: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-left: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-left: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-left: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-left: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-left: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-left: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-left: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-left: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-left: 360px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-left: 504px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-right: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-right: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-right: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-right: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-right: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-right: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-right: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-right: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-right: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-right: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-right: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-right: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-right: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-right: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-right: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-right: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-right: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-right: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-right: 360px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-right: 504px;
  }
}
@media (max-width: 799px) {
  #questsnewlist {
    padding-top: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist {
    padding-top: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist {
    padding-top: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist {
    padding-top: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist {
    padding-top: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist {
    padding-top: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist {
    padding-top: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist {
    padding-top: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist {
    padding-top: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist {
    padding-top: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist {
    padding-top: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist {
    padding-top: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist {
    padding-top: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-top: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-top: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist {
    padding-top: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist {
    padding-top: 168.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist {
    padding-top: 236.25px;
  }
}
#questsnewlist .quests-newbutton {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton {
    line-height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    line-height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton {
    line-height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton {
    line-height: 3.15px;
  }
}
#questsnewlist .quests-newbutton .quests-button {
  background: #FDFFFC;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    margin-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton .quests-button {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.myata {
    margin-bottom: 126px;
  }
}
#questsnewlist .quests-newbutton.myata .quests-button {
  background: #2BB6A8;
  color: white;
}
#questsnewlist .quests-newbutton.right {
  flex-direction: row-reverse;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.right {
    margin-left: 81.9px;
  }
}
#questsnewlist .quests-newbutton.right .quests-button {
  margin-right: 0;
}
@media (max-width: 799px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .quests-newbutton.right .quests-button {
    margin-left: 81.9px;
  }
}
#questsnewlist ::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#questsnewlist ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: rgba(253, 255, 252, 0.15);
  border-radius: 100px;
}
#questsnewlist ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: #FDFFFC;
  border-radius: 100px;
}
#questsnewlist .questsnewlist-top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .questlist-loop {
    margin-right: 81.9px;
  }
}
#questsnewlist .questsnewlist-top .box-column {
  display: flex;
  flex-direction: column;
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column {
    line-height: 66.15px;
  }
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
  color: #FDFFFC;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-title {
    margin-bottom: 63px;
  }
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-subtitle {
  color: rgba(253, 255, 252, 0.5);
}
#questsnewlist .questsnewlist-top .box-column .questsnewdlist-top-subtitle .white {
  color: white;
}
#questsnewlist .questsnewlist-main-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 130.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center {
    margin-top: 182.7px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
  font-weight: bold;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-maintext {
    margin-bottom: 81.9px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 183.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 203.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 262.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 278.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 305.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 284.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 345.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 325.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 386.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 508.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 549.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 529.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 508.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 671.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 814px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 671.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 915.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    width: 1282.05px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 927px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list {
    height: 1297.8px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.45px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.5px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.645px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.685px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.75px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.7px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.85px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.8px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 0.95px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.35px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.3px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.65px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 2px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 1.65px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 2.25px solid rgba(253,255,252,0.1);
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border: 3.15px solid rgba(253,255,252,0.1);
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    padding-right: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 855px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element {
    max-width: 1197px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element.active {
  background: rgba(253, 255, 252, 0.1);
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element:last-child {
  margin-bottom: 0;
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-list-title {
  font-weight: 300;
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
  color: black;
  background: url(/src/views/player/menu/elements/quests/images/count.png);
  background-size: no-repeat;
  background-position: center;
  background-size: cover;
  display: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    margin-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-count {
    font-size: 50.4px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
  font-weight: 100;
  color: #DFDFDF;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit {
    line-height: 44.1px;
  }
}
#questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-main-center .questsnewlist-list .questsnewlist-element .questsnewlist-condit .questsnewdialogicon-star {
    margin-right: 25.2px;
  }
}
#questsnewlist .questsnewlist-center-maintext {
  font-weight: bold;
  letter-spacing: 0.01em;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center-maintext {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center-maintext {
    line-height: 88.2px;
  }
}
#questsnewlist .questsnewlist-center {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center {
    max-width: 173.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center {
    max-width: 193px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center {
    max-width: 248.97px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center {
    max-width: 264.41px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center {
    max-width: 289.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center {
    max-width: 270.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center {
    max-width: 328.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center {
    max-width: 308.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center {
    max-width: 366.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center {
    max-width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center {
    max-width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center {
    max-width: 482.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center {
    max-width: 521.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center {
    max-width: 501.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center {
    max-width: 482.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    max-width: 636.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    max-width: 772px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    max-width: 636.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    max-width: 868.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center {
    max-width: 1215.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center {
    height: 319.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center {
    height: 355px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center {
    height: 457.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center {
    height: 486.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center {
    height: 532.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center {
    height: 497px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center {
    height: 603.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center {
    height: 568px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center {
    height: 674.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center {
    height: 887.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center {
    height: 958.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center {
    height: 923px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center {
    height: 887.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    height: 1171.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    height: 1420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center {
    height: 1171.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center {
    height: 1597.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center {
    height: 2236.5px;
  }
}
#questsnewlist .questsnewlist-center .box-flex {
  align-items: center;
}
#questsnewlist .questsnewlist-center .questsquestion-icon {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsquestion-icon {
    margin-right: 44.1px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-text {
  color: #FDFFFC;
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-text {
    margin-bottom: 119.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .tasks-title {
    margin-bottom: 94.5px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
  display: flex;
  align-items: center;
  font-weight: 100;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element {
    margin-bottom: 69.3px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element:last-child {
  margin-bottom: 0;
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
  color: #2BB6A8;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-done {
    margin-right: 50.4px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .questsnewdialogicon-undone {
    margin-right: 50.4px;
  }
}
#questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
  font-weight: bold;
  text-decoration: underline;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-center .questsnewlist-center-tasks .task-element .orange {
    margin-right: 15.75px;
  }
}
#questsnewlist .questnewlist-right {
  position: relative;
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right {
    width: 183.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right {
    width: 203.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right {
    width: 262.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right {
    width: 278.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right {
    width: 305.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right {
    width: 284.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right {
    width: 345.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right {
    width: 325.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right {
    width: 386.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right {
    width: 407px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right {
    width: 508.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right {
    width: 549.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right {
    width: 529.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right {
    width: 508.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    width: 671.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    width: 814px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    width: 671.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    width: 915.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right {
    width: 1282.05px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right {
    height: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right {
    height: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right {
    height: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right {
    height: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right {
    height: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right {
    height: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right {
    height: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right {
    height: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right {
    height: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right {
    height: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right {
    height: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right {
    height: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right {
    height: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    height: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    height: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right {
    height: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right {
    height: 927px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right {
    height: 1297.8px;
  }
}
#questsnewlist .questnewlist-right .right-backicon {
  position: absolute;
  color: rgba(255, 255, 255, 0.1);
  top: 0%;
  left: -6%;
  z-index: 0;
}
@media (max-width: 799px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 990px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questnewlist-right .right-backicon {
    font-size: 1386px;
  }
}
#questsnewlist .prise-box {
  z-index: 1;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box {
    margin-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box {
    margin-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box {
    margin-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box {
    margin-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box {
    margin-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box {
    margin-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box {
    margin-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box {
    margin-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box {
    margin-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box {
    margin-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box {
    margin-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box {
    margin-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box {
    margin-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box {
    margin-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box {
    margin-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box {
    margin-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box {
    margin-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box {
    margin-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box {
    margin-top: 85.05px;
  }
}
#questsnewlist .prise-box .box-money {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-money .questsnewdialogicon-money {
    margin-right: 44.1px;
  }
}
#questsnewlist .prise-box .box-exp {
  display: flex;
  align-items: center;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .box-exp .questsnewdialogicon-exp {
    margin-right: 44.1px;
  }
}
#questsnewlist .prise-box .questsnewlist-smalltext {
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-smalltext {
    margin-bottom: 81.9px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid {
    gap: 50.4px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
  background: rgba(253, 255, 252, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item {
    height: 252px;
  }
}
#questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
  colro: #FFFFFF;
}
@media (max-width: 799px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .prise-box .questsnewlist-grid .questsnewlist-grid__item .questsnewlist-grid__item_icon {
    font-size: 100.8px;
  }
}
#questsnewlist .questsnewlist-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-bottom {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-bottom {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-bottom {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-bottom {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-bottom {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-bottom {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-bottom {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-bottom {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-bottom {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-bottom {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-bottom {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-bottom {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-bottom {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-bottom {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-bottom {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-bottom {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-bottom {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-bottom {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-bottom {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-bottom {
    height: 378px;
  }
}
#questsnewlist .questsnewlist-bottom .box-column {
  align-items: flex-end;
}
@media (max-width: 799px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewlist .questsnewlist-margin-right {
    margin-right: 44.1px;
  }
}
@font-face {
  font-family: "questsnewdialogicon";
  src: url(../src/views/player/menu/elements/quests/fonts//questsnewdialogicon.eot);
  src: url(../src/views/player/menu/elements/quests/fonts//questsnewdialogicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/elements/quests/fonts//questsnewdialogicon.ttf) format("truetype"), url(../src/views/player/menu/elements/quests/fonts//questsnewdialogicon.woff) format("woff"), url(/src/views/player/menu/elements/quests/fonts/questsnewdialogicon.svg#questsnewdialogicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=questsnewdialogicon-], [class*=" questsnewdialogicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "questsnewdialogicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.questsnewdialogicon-done:before {
  content: "\e906";
}

.questsnewdialogicon-question:before {
  content: "\e900";
}

.questsnewdialogicon-exp:before {
  content: "\e901";
}

.questsnewdialogicon-money:before {
  content: "\e902";
}

.questsnewdialogicon-background-star:before {
  content: "\e903";
}

.questsnewdialogicon-question2:before {
  content: "\e904";
}

.questsnewdialogicon-undone:before {
  content: "\e905";
}

.questsnewdialogicon-star-empty:before {
  content: "\e907";
}

.questsnewdialogicon-loop2:before {
  content: "\e908";
}

.questsnewdialogicon-exit:before {
  content: "\e909";
}

.questsnewdialogicon-loop:before {
  content: "\e90a";
}

.questsnewdialogicon-star:before {
  content: "\e90b";
}

.questsnewdialogicon-warning:before {
  content: "\e90c";
}

.questsnewdialogicon-right:before {
  content: "\e90d";
}

.questsnewdialogicon-left:before {
  content: "\e90e";
}
@charset "UTF-8";
.freeplay-timer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  .freeplay-timer {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer {
    margin-bottom: 63px;
  }
}
.freeplay-timer.visible {
  display: flex;
}
.freeplay-timer .freeplay-box {
  background: rgba(30, 30, 30, 0.95);
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box {
    padding-right: 75.6px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box {
    min-width: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box {
    min-width: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box {
    min-width: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box {
    min-width: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box {
    min-width: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box {
    min-width: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box {
    min-width: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box {
    min-width: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box {
    min-width: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box {
    min-width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box {
    min-width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box {
    min-width: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box {
    min-width: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box {
    min-width: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box {
    min-width: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    min-width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    min-width: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    min-width: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    min-width: 787.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box {
    min-width: 1102.5px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box {
    max-width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box {
    max-width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box {
    max-width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box {
    max-width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box {
    max-width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box {
    max-width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box {
    max-width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box {
    max-width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box {
    max-width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box {
    max-width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box {
    max-width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box {
    max-width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box {
    max-width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box {
    max-width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box {
    max-width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    max-width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    max-width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box {
    max-width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box {
    max-width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box {
    max-width: 1417.5px;
  }
}
.freeplay-timer .freeplay-box .freeplay-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top {
    margin-bottom: 31.5px;
  }
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
  color: #FFFFFF;
  font-weight: bold;
  font-family: "TTNorms-Regular";
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-amount {
    margin-right: 31.5px;
  }
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #4A9EFF;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(74, 158, 255, 0.7), 0 0 15px rgba(74, 158, 255, 0.4);
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo {
    margin-right: 31.5px;
  }
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
  content: "A";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-weight: bold;
  font-family: "TTNorms-Regular";
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-logo::before {
    font-size: 50.4px;
  }
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.freeplay-icon::before {
  content: "A";
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.custom-icon-1::before {
  content: "↑";
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.custom-icon-2::before {
  content: "★";
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.custom-icon-3::before {
  content: "◆";
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.freeplay-logo-image {
  background: transparent;
  box-shadow: 0 0 8px rgba(74, 158, 255, 0.7), 0 0 15px rgba(74, 158, 255, 0.4);
  -o-object-fit: contain;
     object-fit: contain;
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-logo.freeplay-logo-image::before {
  display: none;
}
.freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
  color: #FFFFFF;
  font-weight: 500;
  font-family: "TTNorms-Regular";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-top .freeplay-label {
    font-size: 50.4px;
  }
}
.freeplay-timer .freeplay-box .freeplay-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8px;
}
.freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  opacity: 0.9;
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-remaining-label {
    font-size: 44.1px;
  }
}
.freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
  color: #FFFFFF;
  font-weight: 500;
  font-family: "TTNorms-Regular";
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-time {
    font-size: 44.1px;
  }
}
.freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
  color: #2BB6A8;
  font-weight: bold;
  font-family: "TTNorms-Regular";
  line-height: 1;
}
@media (max-width: 799px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .freeplay-timer .freeplay-box .freeplay-bottom .freeplay-completed {
    font-size: 44.1px;
  }
}
.event {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .event {
    padding-top: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event {
    padding-top: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event {
    padding-top: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event {
    padding-top: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event {
    padding-top: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event {
    padding-top: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event {
    padding-top: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event {
    padding-top: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event {
    padding-top: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event {
    padding-top: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event {
    padding-top: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event {
    padding-top: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event {
    padding-top: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event {
    padding-top: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event {
    padding-top: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event {
    padding-top: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event {
    padding-top: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event {
    padding-top: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event {
    padding-top: 184.5px;
  }
}
@media (min-width: 6000px) {
  .event {
    padding-top: 258.3px;
  }
}
.event .m {
  position: relative;
  width: 100%;
}
.event::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/src/views/player/menu/elements/assets/images/rightSummerTree.png) no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  .event::before {
    right: -73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::before {
    right: -82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::before {
    right: -105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::before {
    right: -112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::before {
    right: -123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::before {
    right: -114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::before {
    right: -139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::before {
    right: -131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::before {
    right: -155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::before {
    right: -164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::before {
    right: -164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::before {
    right: -205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::before {
    right: -221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::before {
    right: -213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::before {
    right: -205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::before {
    right: -270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::before {
    right: -328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::before {
    right: -270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::before {
    right: -369px;
  }
}
@media (min-width: 6000px) {
  .event::before {
    right: -516.6px;
  }
}
@media (max-width: 799px) {
  .event::before {
    width: 393.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::before {
    width: 437px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::before {
    width: 563.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::before {
    width: 598.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::before {
    width: 655.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::before {
    width: 611.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::before {
    width: 742.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::before {
    width: 699.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::before {
    width: 830.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::before {
    width: 874px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::before {
    width: 874px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::before {
    width: 1092.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::before {
    width: 1179.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::before {
    width: 1136.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::before {
    width: 1092.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::before {
    width: 1442.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::before {
    width: 1748px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::before {
    width: 1442.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::before {
    width: 1966.5px;
  }
}
@media (min-width: 6000px) {
  .event::before {
    width: 2753.1px;
  }
}
@media (max-width: 799px) {
  .event::before {
    height: 486px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::before {
    height: 540px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::before {
    height: 696.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::before {
    height: 739.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::before {
    height: 810px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::before {
    height: 756px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::before {
    height: 918px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::before {
    height: 864px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::before {
    height: 1026px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::before {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::before {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::before {
    height: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::before {
    height: 1458px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::before {
    height: 1404px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::before {
    height: 1350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::before {
    height: 1782px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::before {
    height: 2160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::before {
    height: 1782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::before {
    height: 2430px;
  }
}
@media (min-width: 6000px) {
  .event::before {
    height: 3402px;
  }
}
.event::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/src/views/player/menu/elements/assets/images/leftSummerTree.png) no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  .event::after {
    left: -73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::after {
    left: -82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::after {
    left: -105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::after {
    left: -112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::after {
    left: -123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::after {
    left: -114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::after {
    left: -139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::after {
    left: -131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::after {
    left: -155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::after {
    left: -164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::after {
    left: -164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::after {
    left: -205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::after {
    left: -221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::after {
    left: -213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::after {
    left: -205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::after {
    left: -270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::after {
    left: -328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::after {
    left: -270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::after {
    left: -369px;
  }
}
@media (min-width: 6000px) {
  .event::after {
    left: -516.6px;
  }
}
@media (max-width: 799px) {
  .event::after {
    width: 393.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::after {
    width: 437px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::after {
    width: 563.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::after {
    width: 598.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::after {
    width: 655.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::after {
    width: 611.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::after {
    width: 742.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::after {
    width: 699.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::after {
    width: 830.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::after {
    width: 874px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::after {
    width: 874px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::after {
    width: 1092.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::after {
    width: 1179.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::after {
    width: 1136.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::after {
    width: 1092.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::after {
    width: 1442.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::after {
    width: 1748px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::after {
    width: 1442.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::after {
    width: 1966.5px;
  }
}
@media (min-width: 6000px) {
  .event::after {
    width: 2753.1px;
  }
}
@media (max-width: 799px) {
  .event::after {
    height: 486px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event::after {
    height: 540px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event::after {
    height: 696.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event::after {
    height: 739.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event::after {
    height: 810px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event::after {
    height: 756px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event::after {
    height: 918px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event::after {
    height: 864px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event::after {
    height: 1026px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event::after {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event::after {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event::after {
    height: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event::after {
    height: 1458px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event::after {
    height: 1404px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event::after {
    height: 1350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event::after {
    height: 1782px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event::after {
    height: 2160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event::after {
    height: 1782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event::after {
    height: 2430px;
  }
}
@media (min-width: 6000px) {
  .event::after {
    height: 3402px;
  }
}
.event .event__bottom {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  bottom: 0;
  margin: auto;
  background: url(/src/views/player/menu/elements/assets/images/water.png) no-repeat;
  background-size: cover;
  z-index: 5;
}
@media (max-width: 799px) {
  .event .event__bottom {
    width: 864px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__bottom {
    width: 960px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__bottom {
    width: 1238.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__bottom {
    width: 1315.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__bottom {
    width: 1440px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__bottom {
    width: 1344px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__bottom {
    width: 1632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__bottom {
    width: 1536px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__bottom {
    width: 1824px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__bottom {
    width: 1920px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__bottom {
    width: 1920px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__bottom {
    width: 2400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__bottom {
    width: 2592px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__bottom {
    width: 2496px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__bottom {
    width: 2400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__bottom {
    width: 3168px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__bottom {
    width: 3840px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__bottom {
    width: 3168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__bottom {
    width: 4320px;
  }
}
@media (min-width: 6000px) {
  .event .event__bottom {
    width: 6048px;
  }
}
@media (max-width: 799px) {
  .event .event__bottom {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__bottom {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__bottom {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__bottom {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__bottom {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__bottom {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__bottom {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__bottom {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__bottom {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__bottom {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__bottom {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__bottom {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__bottom {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__bottom {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__bottom {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__bottom {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__bottom {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__bottom {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__bottom {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  .event .event__bottom {
    height: 630px;
  }
}
.event-snow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: url(/src/views/player/menu/elements/assets/images/snow.png) no-repeat;
  background-size: cover;
}
@media (max-width: 799px) {
  .event-snow {
    width: 864px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-snow {
    width: 960px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-snow {
    width: 1238.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-snow {
    width: 1315.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-snow {
    width: 1440px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-snow {
    width: 1344px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-snow {
    width: 1632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-snow {
    width: 1536px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-snow {
    width: 1824px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-snow {
    width: 1920px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-snow {
    width: 1920px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-snow {
    width: 2400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-snow {
    width: 2592px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-snow {
    width: 2496px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-snow {
    width: 2400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-snow {
    width: 3168px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-snow {
    width: 3840px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-snow {
    width: 3168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-snow {
    width: 4320px;
  }
}
@media (min-width: 6000px) {
  .event-snow {
    width: 6048px;
  }
}
@media (max-width: 799px) {
  .event-snow {
    height: 486px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-snow {
    height: 540px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-snow {
    height: 696.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-snow {
    height: 739.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-snow {
    height: 810px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-snow {
    height: 756px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-snow {
    height: 918px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-snow {
    height: 864px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-snow {
    height: 1026px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-snow {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-snow {
    height: 1080px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-snow {
    height: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-snow {
    height: 1458px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-snow {
    height: 1404px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-snow {
    height: 1350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-snow {
    height: 1782px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-snow {
    height: 2160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-snow {
    height: 1782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-snow {
    height: 2430px;
  }
}
@media (min-width: 6000px) {
  .event-snow {
    height: 3402px;
  }
}
.event-logo {
  display: flex;
  background: url(/src/views/player/menu/elements/assets/images/summerLogo.png) no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
  z-index: 1;
  position: relative;
}
@media (max-width: 799px) {
  .event-logo {
    width: 208.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-logo {
    width: 232px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-logo {
    width: 299.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-logo {
    width: 317.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-logo {
    width: 348px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-logo {
    width: 324.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-logo {
    width: 394.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-logo {
    width: 371.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-logo {
    width: 440.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-logo {
    width: 464px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-logo {
    width: 464px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-logo {
    width: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-logo {
    width: 626.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-logo {
    width: 603.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-logo {
    width: 580px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-logo {
    width: 765.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-logo {
    width: 928px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-logo {
    width: 765.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-logo {
    width: 1044px;
  }
}
@media (min-width: 6000px) {
  .event-logo {
    width: 1461.6px;
  }
}
@media (max-width: 799px) {
  .event-logo {
    height: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-logo {
    height: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-logo {
    height: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-logo {
    height: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-logo {
    height: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-logo {
    height: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-logo {
    height: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-logo {
    height: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-logo {
    height: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-logo {
    height: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-logo {
    height: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-logo {
    height: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-logo {
    height: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-logo {
    height: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-logo {
    height: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-logo {
    height: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-logo {
    height: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-logo {
    height: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-logo {
    height: 630px;
  }
}
@media (min-width: 6000px) {
  .event-logo {
    height: 882px;
  }
}
@media (max-width: 799px) {
  .event-logo {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-logo {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-logo {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-logo {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-logo {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-logo {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-logo {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-logo {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-logo {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-logo {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-logo {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-logo {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-logo {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-logo {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-logo {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-logo {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-logo {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-logo {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-logo {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  .event-logo {
    margin-bottom: 72.45px;
  }
}
.event-main {
  background: rgba(27, 30, 40, 0.9);
  box-shadow: 0px 4px 60px rgba(65, 120, 255, 0.6);
  z-index: 0;
}
@media (max-width: 799px) {
  .event-main {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-main {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-main {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-main {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-main {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-main {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-main {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-main {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-main {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-main {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-main {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-main {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-main {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-main {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-main {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-main {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-main {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-main {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-main {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .event-main {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .event-main {
    width: 277.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-main {
    width: 308.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-main {
    width: 397.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-main {
    width: 422.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-main {
    width: 462.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-main {
    width: 431.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-main {
    width: 524.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-main {
    width: 493.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-main {
    width: 586.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-main {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-main {
    width: 617px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-main {
    width: 771.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-main {
    width: 832.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-main {
    width: 802.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-main {
    width: 771.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-main {
    width: 1018.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-main {
    width: 1234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-main {
    width: 1018.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-main {
    width: 1388.25px;
  }
}
@media (min-width: 6000px) {
  .event-main {
    width: 1943.55px;
  }
}
@media (max-width: 799px) {
  .event-main {
    height: 322.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-main {
    height: 358.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-main {
    height: 462.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-main {
    height: 491.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-main {
    height: 537.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-main {
    height: 501.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-main {
    height: 609.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-main {
    height: 573.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-main {
    height: 681.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-main {
    height: 717px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-main {
    height: 717px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-main {
    height: 896.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-main {
    height: 967.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-main {
    height: 932.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-main {
    height: 896.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-main {
    height: 1183.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-main {
    height: 1434px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-main {
    height: 1183.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-main {
    height: 1613.25px;
  }
}
@media (min-width: 6000px) {
  .event-main {
    height: 2258.55px;
  }
}
.event .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: ease all 0.2s;
  z-index: 10000;
}
@media (max-width: 799px) {
  .event .btn {
    width: 56.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .btn {
    width: 62.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .btn {
    width: 80.625px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .btn {
    width: 85.625px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .btn {
    width: 93.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .btn {
    width: 87.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .btn {
    width: 106.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .btn {
    width: 100px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .btn {
    width: 118.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .btn {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .btn {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .btn {
    width: 156.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .btn {
    width: 168.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .btn {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .btn {
    width: 156.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .btn {
    width: 206.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .btn {
    width: 250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .btn {
    width: 206.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .btn {
    width: 281.25px;
  }
}
@media (min-width: 6000px) {
  .event .btn {
    width: 393.75px;
  }
}
@media (max-width: 799px) {
  .event .btn {
    height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .btn {
    height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .btn {
    height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .btn {
    height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .btn {
    height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .btn {
    height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .btn {
    height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .btn {
    height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .btn {
    height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .btn {
    height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .btn {
    height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .btn {
    height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .btn {
    height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .btn {
    height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .btn {
    height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .btn {
    height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .btn {
    height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .btn {
    height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .btn {
    height: 96.75px;
  }
}
@media (min-width: 6000px) {
  .event .btn {
    height: 135.45px;
  }
}
@media (max-width: 799px) {
  .event .btn {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .btn {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .btn {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .btn {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .btn {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .btn {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .btn {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .btn {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .btn {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .btn {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .btn {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .btn {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .btn {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .btn {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .btn {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .event .btn {
    font-size: 44.1px;
  }
}
.event .btn.green {
  background: #3f5bff;
  box-shadow: 0px 0px 20px rgba(65, 120, 255, 0.4);
}
.event .btn.green:hover {
  background: #3f5bff;
  box-shadow: 0px 0px 25px rgba(65, 120, 255, 0.4);
}
.event-list {
  display: flex;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  .event-list {
    max-width: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list {
    max-width: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list {
    max-width: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list {
    max-width: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list {
    max-width: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list {
    max-width: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list {
    max-width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list {
    max-width: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list {
    max-width: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list {
    max-width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list {
    max-width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list {
    max-width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list {
    max-width: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list {
    max-width: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list {
    max-width: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list {
    max-width: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list {
    max-width: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list {
    max-width: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list {
    max-width: 1080px;
  }
}
@media (min-width: 6000px) {
  .event-list {
    max-width: 1512px;
  }
}
@media (max-width: 799px) {
  .event-list {
    padding-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list {
    padding-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list {
    padding-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list {
    padding-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list {
    padding-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list {
    padding-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list {
    padding-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list {
    padding-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list {
    padding-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list {
    padding-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list {
    padding-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list {
    padding-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list {
    padding-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list {
    padding-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list {
    padding-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list {
    padding-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list {
    padding-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  .event-list {
    padding-top: 78.75px;
  }
}
@media (max-width: 799px) {
  .event-list {
    max-height: 160.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list {
    max-height: 178px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list {
    max-height: 229.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list {
    max-height: 243.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list {
    max-height: 267px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list {
    max-height: 249.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list {
    max-height: 302.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list {
    max-height: 284.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list {
    max-height: 338.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list {
    max-height: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list {
    max-height: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list {
    max-height: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list {
    max-height: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list {
    max-height: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list {
    max-height: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list {
    max-height: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list {
    max-height: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list {
    max-height: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list {
    max-height: 801px;
  }
}
@media (min-width: 6000px) {
  .event-list {
    max-height: 1121.4px;
  }
}
@media (max-width: 799px) {
  .event-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .event-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
.event-list::-webkit-scrollbar-track {
  background: #131924;
}
.event-list::-webkit-scrollbar-thumb {
  background: #a4c033;
}
.event-list:after {
  content: "";
  width: 100%;
  display: flex;
}
@media (max-width: 799px) {
  .event-list:after {
    min-height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list:after {
    min-height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list:after {
    min-height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list:after {
    min-height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list:after {
    min-height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list:after {
    min-height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list:after {
    min-height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list:after {
    min-height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list:after {
    min-height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list:after {
    min-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list:after {
    min-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list:after {
    min-height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list:after {
    min-height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list:after {
    min-height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list:after {
    min-height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list:after {
    min-height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list:after {
    min-height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list:after {
    min-height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list:after {
    min-height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .event-list:after {
    min-height: 3.15px;
  }
}
.event-list li {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  align-items: center;
}
@media (max-width: 799px) {
  .event-list li {
    min-height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li {
    min-height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li {
    min-height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li {
    min-height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li {
    min-height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li {
    min-height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li {
    min-height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li {
    min-height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li {
    min-height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li {
    min-height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li {
    min-height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li {
    min-height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li {
    min-height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li {
    min-height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li {
    min-height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li {
    min-height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li {
    min-height: 135px;
  }
}
@media (min-width: 6000px) {
  .event-list li {
    min-height: 189px;
  }
}
@media (max-width: 799px) {
  .event-list li {
    width: 211.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li {
    width: 235px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li {
    width: 303.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li {
    width: 321.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li {
    width: 352.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li {
    width: 329px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li {
    width: 399.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li {
    width: 376px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li {
    width: 446.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li {
    width: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li {
    width: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li {
    width: 587.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li {
    width: 634.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li {
    width: 611px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li {
    width: 587.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li {
    width: 775.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li {
    width: 940px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li {
    width: 775.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li {
    width: 1057.5px;
  }
}
@media (min-width: 6000px) {
  .event-list li {
    width: 1480.5px;
  }
}
@media (max-width: 799px) {
  .event-list li {
    margin-bottom: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li {
    margin-bottom: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li {
    margin-bottom: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li {
    margin-bottom: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li {
    margin-bottom: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li {
    margin-bottom: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li {
    margin-bottom: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li {
    margin-bottom: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li {
    margin-bottom: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li {
    margin-bottom: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li {
    margin-bottom: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li {
    margin-bottom: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li {
    margin-bottom: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li {
    margin-bottom: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li {
    margin-bottom: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li {
    margin-bottom: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li {
    margin-bottom: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li {
    margin-bottom: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li {
    margin-bottom: 83.25px;
  }
}
@media (min-width: 6000px) {
  .event-list li {
    margin-bottom: 116.55px;
  }
}
@media (max-width: 799px) {
  .event-list li {
    padding-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li {
    padding-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li {
    padding-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li {
    padding-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li {
    padding-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li {
    padding-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li {
    padding-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li {
    padding-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li {
    padding-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li {
    padding-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li {
    padding-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li {
    padding-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li {
    padding-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li {
    padding-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li {
    padding-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li {
    padding-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li {
    padding-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  .event-list li {
    padding-bottom: 126px;
  }
}
.event-list li:last-child {
  margin-bottom: 0;
}
.event-list li .event-list-box {
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.event-list li .event-list-box .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  .event-list li .event-list-box .title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li .event-list-box .title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li .event-list-box .title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li .event-list-box .title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li .event-list-box .title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li .event-list-box .title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li .event-list-box .title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li .event-list-box .title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li .event-list-box .title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li .event-list-box .title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li .event-list-box .title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li .event-list-box .title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li .event-list-box .title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li .event-list-box .title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li .event-list-box .title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li .event-list-box .title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li .event-list-box .title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li .event-list-box .title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li .event-list-box .title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  .event-list li .event-list-box .title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  .event-list li .event-list-box .title {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li .event-list-box .title {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li .event-list-box .title {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li .event-list-box .title {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li .event-list-box .title {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li .event-list-box .title {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li .event-list-box .title {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li .event-list-box .title {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li .event-list-box .title {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li .event-list-box .title {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li .event-list-box .title {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li .event-list-box .title {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li .event-list-box .title {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li .event-list-box .title {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li .event-list-box .title {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li .event-list-box .title {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li .event-list-box .title {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li .event-list-box .title {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li .event-list-box .title {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  .event-list li .event-list-box .title {
    width: 567px;
  }
}
.event-list li .event-list-box .descr {
  font-weight: bold;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  .event-list li .event-list-box .descr {
    font-size: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li .event-list-box .descr {
    font-size: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li .event-list-box .descr {
    font-size: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li .event-list-box .descr {
    font-size: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li .event-list-box .descr {
    font-size: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li .event-list-box .descr {
    font-size: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li .event-list-box .descr {
    font-size: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li .event-list-box .descr {
    font-size: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li .event-list-box .descr {
    font-size: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li .event-list-box .descr {
    font-size: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li .event-list-box .descr {
    font-size: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li .event-list-box .descr {
    font-size: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li .event-list-box .descr {
    font-size: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li .event-list-box .descr {
    font-size: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li .event-list-box .descr {
    font-size: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li .event-list-box .descr {
    font-size: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li .event-list-box .descr {
    font-size: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li .event-list-box .descr {
    font-size: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li .event-list-box .descr {
    font-size: 20.25px;
  }
}
@media (min-width: 6000px) {
  .event-list li .event-list-box .descr {
    font-size: 28.35px;
  }
}
@media (max-width: 799px) {
  .event-list li .event-list-box .descr {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-list li .event-list-box .descr {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-list li .event-list-box .descr {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-list li .event-list-box .descr {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-list li .event-list-box .descr {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-list li .event-list-box .descr {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-list li .event-list-box .descr {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-list li .event-list-box .descr {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-list li .event-list-box .descr {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-list li .event-list-box .descr {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-list li .event-list-box .descr {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-list li .event-list-box .descr {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-list li .event-list-box .descr {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-list li .event-list-box .descr {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-list li .event-list-box .descr {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-list li .event-list-box .descr {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-list li .event-list-box .descr {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-list li .event-list-box .descr {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-list li .event-list-box .descr {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  .event-list li .event-list-box .descr {
    width: 567px;
  }
}
.event .event__main_title {
  text-align: center;
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 799px) {
  .event .event__main_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__main_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__main_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__main_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__main_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__main_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__main_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__main_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__main_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__main_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__main_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__main_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__main_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__main_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__main_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__main_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__main_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__main_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__main_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  .event .event__main_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  .event .event__main_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__main_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__main_title {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__main_title {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__main_title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__main_title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__main_title {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__main_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__main_title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__main_title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__main_title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__main_title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__main_title {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__main_title {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__main_title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__main_title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__main_title {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__main_title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__main_title {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  .event .event__main_title {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  .event .event__main_title {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__main_title {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__main_title {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__main_title {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__main_title {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__main_title {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__main_title {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__main_title {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__main_title {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__main_title {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__main_title {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__main_title {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__main_title {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__main_title {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__main_title {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__main_title {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__main_title {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__main_title {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__main_title {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  .event .event__main_title {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  .event .event__main_title {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event .event__main_title {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event .event__main_title {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event .event__main_title {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event .event__main_title {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event .event__main_title {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event .event__main_title {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event .event__main_title {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event .event__main_title {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event .event__main_title {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event .event__main_title {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event .event__main_title {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event .event__main_title {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event .event__main_title {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event .event__main_title {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event .event__main_title {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event .event__main_title {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event .event__main_title {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event .event__main_title {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .event .event__main_title {
    padding-right: 31.5px;
  }
}
.event-icon-sun {
  background: url(/src/views/player/menu/elements/assets/images/sun.png) no-repeat;
  background-size: cover;
}
@media (max-width: 799px) {
  .event-icon-sun {
    width: 36.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-icon-sun {
    width: 40.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-icon-sun {
    width: 52.245px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-icon-sun {
    width: 55.485px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-icon-sun {
    width: 60.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-icon-sun {
    width: 56.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-icon-sun {
    width: 68.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-icon-sun {
    width: 64.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-icon-sun {
    width: 76.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-icon-sun {
    width: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-icon-sun {
    width: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-icon-sun {
    width: 101.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-icon-sun {
    width: 109.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-icon-sun {
    width: 105.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-icon-sun {
    width: 101.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-icon-sun {
    width: 133.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-icon-sun {
    width: 162px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-icon-sun {
    width: 133.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-icon-sun {
    width: 182.25px;
  }
}
@media (min-width: 6000px) {
  .event-icon-sun {
    width: 255.15px;
  }
}
@media (max-width: 799px) {
  .event-icon-sun {
    height: 36.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-icon-sun {
    height: 40.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-icon-sun {
    height: 52.245px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-icon-sun {
    height: 55.485px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-icon-sun {
    height: 60.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-icon-sun {
    height: 56.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-icon-sun {
    height: 68.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-icon-sun {
    height: 64.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-icon-sun {
    height: 76.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-icon-sun {
    height: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-icon-sun {
    height: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-icon-sun {
    height: 101.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-icon-sun {
    height: 109.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-icon-sun {
    height: 105.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-icon-sun {
    height: 101.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-icon-sun {
    height: 133.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-icon-sun {
    height: 162px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-icon-sun {
    height: 133.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-icon-sun {
    height: 182.25px;
  }
}
@media (min-width: 6000px) {
  .event-icon-sun {
    height: 255.15px;
  }
}
.event-icon-gift {
  background: url(/src/views/player/menu/elements/assets/images/gift_summer.png) no-repeat;
  background-size: cover;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  .event-icon-gift {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-icon-gift {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-icon-gift {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-icon-gift {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-icon-gift {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-icon-gift {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-icon-gift {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-icon-gift {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-icon-gift {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-icon-gift {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-icon-gift {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-icon-gift {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-icon-gift {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-icon-gift {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-icon-gift {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-icon-gift {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-icon-gift {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-icon-gift {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-icon-gift {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  .event-icon-gift {
    width: 189px;
  }
}
@media (max-width: 799px) {
  .event-icon-gift {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-icon-gift {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-icon-gift {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-icon-gift {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-icon-gift {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-icon-gift {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-icon-gift {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-icon-gift {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-icon-gift {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-icon-gift {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-icon-gift {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-icon-gift {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-icon-gift {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-icon-gift {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-icon-gift {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-icon-gift {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-icon-gift {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-icon-gift {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-icon-gift {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  .event-icon-gift {
    height: 189px;
  }
}
.event-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  font-weight: bold;
}
@media (max-width: 799px) {
  .event-header {
    margin-bottom: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-header {
    margin-bottom: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-header {
    margin-bottom: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-header {
    margin-bottom: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-header {
    margin-bottom: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-header {
    margin-bottom: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-header {
    margin-bottom: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-header {
    margin-bottom: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-header {
    margin-bottom: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-header {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-header {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-header {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-header {
    margin-bottom: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-header {
    margin-bottom: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-header {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-header {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-header {
    margin-bottom: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-header {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-header {
    margin-bottom: 69.75px;
  }
}
@media (min-width: 6000px) {
  .event-header {
    margin-bottom: 97.65px;
  }
}
@media (max-width: 799px) {
  .event-header {
    width: 173.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-header {
    width: 193px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-header {
    width: 248.97px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-header {
    width: 264.41px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-header {
    width: 289.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-header {
    width: 270.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-header {
    width: 328.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-header {
    width: 308.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-header {
    width: 366.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-header {
    width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-header {
    width: 386px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-header {
    width: 482.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-header {
    width: 521.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-header {
    width: 501.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-header {
    width: 482.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-header {
    width: 636.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-header {
    width: 772px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-header {
    width: 636.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-header {
    width: 868.5px;
  }
}
@media (min-width: 6000px) {
  .event-header {
    width: 1215.9px;
  }
}
@media (max-width: 799px) {
  .event-header {
    padding-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-header {
    padding-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-header {
    padding-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-header {
    padding-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-header {
    padding-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-header {
    padding-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-header {
    padding-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-header {
    padding-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-header {
    padding-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-header {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-header {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-header {
    padding-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-header {
    padding-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-header {
    padding-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-header {
    padding-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-header {
    padding-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-header {
    padding-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-header {
    padding-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  .event-header {
    padding-top: 78.75px;
  }
}
.event-header .yellow {
  color: #3f5bff;
}
@media (max-width: 799px) {
  .event-header span {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .event-header span {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .event-header span {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .event-header span {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .event-header span {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .event-header span {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .event-header span {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .event-header span {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .event-header span {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .event-header span {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .event-header span {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .event-header span {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .event-header span {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .event-header span {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .event-header span {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .event-header span {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .event-header span {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .event-header span {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .event-header span {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  .event-header span {
    margin-right: 15.75px;
  }
}
.event .event-list {
  padding-top: 0;
}
#support {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #support {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #support {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #support {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #support {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #support {
    padding-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support {
    padding-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support {
    padding-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support {
    padding-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support {
    padding-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support {
    padding-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support {
    padding-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support {
    padding-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support {
    padding-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support {
    padding-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support {
    padding-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support {
    padding-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support {
    padding-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support {
    padding-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support {
    padding-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support {
    padding-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support {
    padding-left: 225px;
  }
}
@media (min-width: 6000px) {
  #support {
    padding-left: 315px;
  }
}
@media (max-width: 799px) {
  #support {
    padding-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support {
    padding-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support {
    padding-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support {
    padding-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support {
    padding-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support {
    padding-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support {
    padding-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support {
    padding-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support {
    padding-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support {
    padding-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support {
    padding-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support {
    padding-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support {
    padding-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support {
    padding-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support {
    padding-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support {
    padding-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support {
    padding-right: 225px;
  }
}
@media (min-width: 6000px) {
  #support {
    padding-right: 315px;
  }
}
#support .main__button_square {
  background-color: white;
  color: black;
}
@media (max-width: 799px) {
  #support .main__button_square {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .main__button_square {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .main__button_square {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .main__button_square {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .main__button_square {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .main__button_square {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .main__button_square {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .main__button_square {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .main__button_square {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .main__button_square {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .main__button_square {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .main__button_square {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .main__button_square {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #support .main__button_square {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #support .main__button_square {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .main__button_square {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .main__button_square {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .main__button_square {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .main__button_square {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .main__button_square {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .main__button_square {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .main__button_square {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .main__button_square {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .main__button_square {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .main__button_square {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .main__button_square {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .main__button_square {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #support .main__button_square {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #support .main__button_square {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .main__button_square {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .main__button_square {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .main__button_square {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .main__button_square {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .main__button_square {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .main__button_square {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .main__button_square {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .main__button_square {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .main__button_square {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .main__button_square {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .main__button_square {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .main__button_square {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #support .main__button_square {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #support .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #support .main__button_square {
    border-radius: 6.3px;
  }
}
#support .support__header {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #support .support__header {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__header {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #support .support__header {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #support .support__header {
    margin-bottom: 63px;
  }
}
#support .support__header .support__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #support .support__header .support__icon {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__icon {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__icon {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__icon {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__icon {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__icon {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__icon {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__icon {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__icon {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__icon {
    margin-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__header_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__header_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__header_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__header_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__header_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__header_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__header_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__header_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__header_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__header_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__header_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__header_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__header_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__header_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__header_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__header_title {
    line-height: 88.2px;
  }
}
#support .support__header .support__header_subtitle {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  font-family: "TTNorms-Regular";
  font-weight: 300;
}
@media (max-width: 799px) {
  #support .support__header .support__header_subtitle {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__header_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__header_subtitle {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__header_subtitle {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__header_subtitle {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__header_subtitle {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__header_subtitle {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__header_subtitle {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__header_subtitle {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__header_subtitle {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__header_subtitle {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__header_subtitle {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #support .support__header .support__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__header .support__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__header .support__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__header .support__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__header .support__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__header .support__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__header .support__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__header .support__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__header .support__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__header .support__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__header .support__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__header .support__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__header .support__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__header .support__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__header .support__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__header .support__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__header .support__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #support .support__header .support__header_subtitle {
    line-height: 59.85px;
  }
}
#support .support__header .support__header_subtitle:hover {
  color: rgba(255, 255, 255, 0.4);
}
#support .support__nav {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #support .support__nav {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #support .support__nav {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav {
    height: 2362.5px;
  }
}
#support .support__nav .support__title {
  color: white;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #support .support__nav .support__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #support .support__nav .support__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #support .support__nav .support__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #support .support__nav .support__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__title {
    margin-bottom: 63px;
  }
}
#support .support__nav .support__title:first-child {
  margin-top: 0;
}
#support .support__nav .support__subtitle {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #support .support__nav .support__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #support .support__nav .support__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__nav .support__subtitle {
    margin-bottom: 31.5px;
  }
}
#support .support__nav .support__subtitle.hover, #support .support__nav .support__subtitle.active {
  color: white;
}
#support .support__background {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #support .support__background {
    width: 328.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__background {
    width: 365px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__background {
    width: 470.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__background {
    width: 500.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__background {
    width: 547.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__background {
    width: 511px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__background {
    width: 620.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__background {
    width: 584px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__background {
    width: 693.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__background {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__background {
    width: 912.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__background {
    width: 985.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__background {
    width: 949px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__background {
    width: 912.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__background {
    width: 1204.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__background {
    width: 1460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__background {
    width: 1204.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__background {
    width: 1642.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__background {
    width: 2299.5px;
  }
}
@media (max-width: 799px) {
  #support .support__background {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__background {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__background {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__background {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__background {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__background {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__background {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__background {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__background {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__background {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__background {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__background {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__background {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__background {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__background {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__background {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__background {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__background {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__background {
    height: 2362.5px;
  }
}
#support .supportchat__block {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #support .supportchat__block {
    width: 328.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block {
    width: 365px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block {
    width: 470.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block {
    width: 500.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block {
    width: 547.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block {
    width: 511px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block {
    width: 620.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block {
    width: 584px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block {
    width: 693.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block {
    width: 912.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block {
    width: 985.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block {
    width: 949px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block {
    width: 912.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block {
    width: 1204.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block {
    width: 1460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block {
    width: 1204.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block {
    width: 1642.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block {
    width: 2299.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block {
    height: 292.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block {
    height: 325px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block {
    height: 419.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block {
    height: 445.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block {
    height: 487.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block {
    height: 455px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block {
    height: 552.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block {
    height: 520px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block {
    height: 617.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block {
    height: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block {
    height: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block {
    height: 812.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block {
    height: 877.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block {
    height: 845px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block {
    height: 812.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block {
    height: 1072.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block {
    height: 1300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block {
    height: 1072.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block {
    height: 1462.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block {
    height: 2047.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .restartchat__header {
    margin-bottom: 15.75px;
  }
}
#support .supportchat__block .supportchat__chat_messages {
  background: rgba(255, 255, 255, 0.1);
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 231.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 257.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 332.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 352.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 386.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 360.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 437.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 412px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 489.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 643.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 695.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 669.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 643.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 849.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 1030px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 849.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 1158.75px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages {
    height: 1622.25px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 231.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 257.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 332.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 352.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 386.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 360.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 437.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 412px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 489.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 643.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 695.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 669.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 643.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 849.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 1030px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 849.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 1158.75px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages {
    max-height: 1622.25px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar {
    width: 9.45px;
  }
}
#support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
  background: white;
  color: black;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    padding: 25.2px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message {
    border-radius: 37.8px;
  }
}
#support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
  align-self: flex-end;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.me {
    margin-right: 31.5px;
  }
}
#support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
  align-self: flex-start;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message.admin {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .time {
    line-height: 31.5px;
  }
}
#support .supportchat__block .supportchat__chat_messages .supportchat__chat_message .admin {
  color: #81191A;
}
#support .supportchat__block .supportchat__chat_input {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input {
    margin-top: 63px;
  }
}
#support .supportchat__block .supportchat__chat_input .supportchat__input {
  font-family: inherit;
  color: #869199;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__input {
    padding-left: 31.5px;
  }
}
#support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #support .supportchat__block .supportchat__chat_input .supportchat__sendbutton {
    height: 126px;
  }
}
#support .supportchat__block .supportchat__chat_input .supportchat__sendbutton:hover {
  transition: all 0.5s ease;
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #support .support__wiki {
    width: 328.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__wiki {
    width: 365px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__wiki {
    width: 470.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__wiki {
    width: 500.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__wiki {
    width: 547.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__wiki {
    width: 511px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__wiki {
    width: 620.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__wiki {
    width: 584px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__wiki {
    width: 693.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__wiki {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__wiki {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__wiki {
    width: 912.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__wiki {
    width: 985.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__wiki {
    width: 949px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__wiki {
    width: 912.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__wiki {
    width: 1204.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__wiki {
    width: 1460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__wiki {
    width: 1204.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__wiki {
    width: 1642.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__wiki {
    width: 2299.5px;
  }
}
@media (max-width: 799px) {
  #support .support__wiki {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__wiki {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__wiki {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__wiki {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__wiki {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__wiki {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__wiki {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__wiki {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__wiki {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__wiki {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__wiki {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__wiki {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__wiki {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__wiki {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__wiki {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__wiki {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__wiki {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__wiki {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__wiki {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__wiki {
    height: 2362.5px;
  }
}
@media (max-width: 799px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #support .support__wiki::-webkit-scrollbar {
    width: 9.45px;
  }
}
#support .support__wiki::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__wiki::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#support .support__wiki::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #support .support__wiki::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
@charset "UTF-8";
#rewardslist {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #rewardslist {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    padding-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    padding-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    padding-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    padding-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    padding-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    padding-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    padding-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    padding-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    padding-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    padding-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    padding-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    padding-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    padding-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    padding-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    padding-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    padding-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    padding-left: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    padding-left: 315px;
  }
}
@media (max-width: 799px) {
  #rewardslist {
    padding-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist {
    padding-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist {
    padding-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist {
    padding-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist {
    padding-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist {
    padding-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist {
    padding-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist {
    padding-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist {
    padding-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist {
    padding-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist {
    padding-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist {
    padding-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist {
    padding-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist {
    padding-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist {
    padding-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist {
    padding-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist {
    padding-right: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist {
    padding-right: 315px;
  }
}
#rewardslist .main__button_square {
  background-color: white;
  color: black;
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #rewardslist .main__button_square {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .main__button_square {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .main__button_square {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .main__button_square {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .main__button_square {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .main__button_square {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .main__button_square {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .main__button_square {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .main__button_square {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .main__button_square {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .main__button_square {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .main__button_square {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .main__button_square {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .main__button_square {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .main__button_square {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .main__button_square {
    border-radius: 6.3px;
  }
}
#rewardslist .rewardslist__header {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header {
    margin-bottom: 63px;
  }
}
#rewardslist .rewardslist__header .rewardslist__icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    margin-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_title {
    line-height: 88.2px;
  }
}
#rewardslist .rewardslist__header .rewardslist__header_subtitle {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
  font-family: "TTNorms-Regular";
  font-weight: 300;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__header .rewardslist__header_subtitle {
    line-height: 59.85px;
  }
}
#rewardslist .rewardslist__header .rewardslist__header_subtitle:hover {
  color: rgba(255, 255, 255, 0.4);
}
#rewardslist .rewardslist__nav {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav {
    height: 2362.5px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__title {
  color: white;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__title {
    margin-bottom: 63px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__title:first-child {
  margin-top: 0;
}
#rewardslist .rewardslist__nav .rewardslist__title:first-child .tooltiptext {
  bottom: 0%;
  top: 125%;
}
#rewardslist .rewardslist__nav .rewardslist__subtitle {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewardslist__nav .rewardslist__subtitle {
    margin-bottom: 31.5px;
  }
}
#rewardslist .rewardslist__nav .rewardslist__subtitle.hover, #rewardslist .rewardslist__nav .rewardslist__subtitle.active {
  color: white;
}
#rewardslist .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 99999;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 799px) {
  #rewardslist .tooltiptext {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .tooltiptext {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .tooltiptext {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .tooltiptext {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .tooltiptext {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .tooltiptext {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .tooltiptext {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .tooltiptext {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .tooltiptext {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .tooltiptext {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .tooltiptext {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .tooltiptext {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .tooltiptext {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .tooltiptext {
    border-radius: 18.9px;
  }
}
#rewardslist .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
#rewardslist .rewards {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    width: 396px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    width: 440px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    width: 567.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    width: 602.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    width: 660px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    width: 616px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    width: 748px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    width: 704px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    width: 836px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    width: 880px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    width: 880px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    width: 1100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    width: 1188px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    width: 1144px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    width: 1100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    width: 1452px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    width: 1760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    width: 1980px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    width: 2772px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    margin-left: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    margin-left: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    margin-left: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    margin-left: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    margin-left: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    margin-left: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    margin-left: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    margin-left: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    margin-left: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    margin-left: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    margin-left: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    margin-left: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    margin-left: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    margin-left: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    margin-left: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    margin-left: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    margin-left: 168.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    margin-left: 236.25px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards {
    height: 337.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards {
    height: 375px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards {
    height: 483.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards {
    height: 513.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards {
    height: 562.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards {
    height: 525px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards {
    height: 637.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards {
    height: 600px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards {
    height: 712.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards {
    height: 937.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards {
    height: 1012.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards {
    height: 937.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    height: 1237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    height: 1500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards {
    height: 1237.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards {
    height: 1687.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards {
    height: 2362.5px;
  }
}
#rewardslist .rewards .rewards__title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__title {
    margin-bottom: 31.5px;
  }
}
#rewardslist .rewards .rewards__subtitle {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__subtitle {
    line-height: 59.85px;
  }
}
#rewardslist .rewards .rewards__elements {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    max-height: 2173.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar {
    width: 9.45px;
  }
}
#rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 355.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 395px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 509.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 541.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 592.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 553px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 671.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 750.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 987.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1066.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1027px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 987.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1303.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1303.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 1777.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    width: 2488.5px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 216px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    height: 302.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element {
    margin-bottom: 75.6px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element:last-child {
  margin-bottom: 0;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_title {
    line-height: 75.6px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
  font-weight: 500;
  color: #A6B1BA;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_subtitle {
    width: 945px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_box {
    margin-left: 31.5px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
  border-radius: 4px;
  background: rgba(4, 19, 30, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward {
    margin-right: 63px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward:last-child {
  margin: 0;
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
  background-image: url(/src/views/player/menu/elements/rewardslist/case.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_reward .reward__element_img {
    height: 119.7px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #018A7C;
  font-weight: 500;
  cursor: pointer;
  margin-left: auto;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 351px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    width: 491.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button {
    line-height: 50.4px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
  background: #375e80;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.time {
    height: 100.8px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
  background: #435768;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.taked {
    height: 100.8px;
  }
}
#rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
  background: #742222;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .rewards__elements .reward__element .reward__element_button.missed {
    height: 100.8px;
  }
}
#rewardslist .rewards .reward__element_progress {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  font-weight: 500;
}
#rewardslist .rewards .reward__element_progress .reward__progress_count {
  text-align: right;
  font-weight: 500;
  сolor: #A6B1BA;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progress_count {
    margin-bottom: 37.8px;
  }
}
#rewardslist .rewards .reward__element_progress .reward__progressbar {
  background: #3C576A;
  display: flex;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar {
    height: 12.6px;
  }
}
#rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
  background: #2BB6A8;
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rewardslist .rewards .reward__element_progress .reward__progressbar .reward__progress {
    border-radius: 18.9px;
  }
}
@charset "UTF-8";
#fractions {
  height: 100%;
  display: flex;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions {
    width: 567px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions {
    width: 630px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions {
    width: 812.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions {
    width: 863.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions {
    width: 945px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions {
    width: 882px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions {
    width: 1071px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions {
    width: 1008px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions {
    width: 1197px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions {
    width: 1575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions {
    width: 1701px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions {
    width: 1638px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions {
    width: 1575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions {
    width: 2079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions {
    width: 2520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions {
    width: 2079px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions {
    width: 2835px;
  }
}
@media (min-width: 6000px) {
  #fractions {
    width: 3969px;
  }
}
@media (max-width: 799px) {
  #fractions.pt-63 {
    padding-top: 28.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions.pt-63 {
    padding-top: 31.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions.pt-63 {
    padding-top: 40.635px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions.pt-63 {
    padding-top: 43.155px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions.pt-63 {
    padding-top: 47.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions.pt-63 {
    padding-top: 44.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions.pt-63 {
    padding-top: 53.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions.pt-63 {
    padding-top: 50.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions.pt-63 {
    padding-top: 59.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions.pt-63 {
    padding-top: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions.pt-63 {
    padding-top: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions.pt-63 {
    padding-top: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions.pt-63 {
    padding-top: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions.pt-63 {
    padding-top: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions.pt-63 {
    padding-top: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions.pt-63 {
    padding-top: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions.pt-63 {
    padding-top: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions.pt-63 {
    padding-top: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions.pt-63 {
    padding-top: 141.75px;
  }
}
@media (min-width: 6000px) {
  #fractions.pt-63 {
    padding-top: 198.45px;
  }
}
#fractions .fractions__left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__left {
    min-width: 123.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left {
    min-width: 137px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left {
    min-width: 176.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left {
    min-width: 187.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left {
    min-width: 205.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left {
    min-width: 191.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left {
    min-width: 232.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left {
    min-width: 219.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left {
    min-width: 260.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left {
    min-width: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left {
    min-width: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left {
    min-width: 342.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left {
    min-width: 369.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left {
    min-width: 356.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left {
    min-width: 342.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left {
    min-width: 452.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left {
    min-width: 548px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left {
    min-width: 452.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left {
    min-width: 616.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left {
    min-width: 863.1px;
  }
}
#fractions .fractions__left .fractions__left_title {
  font-family: "TTNorms-Bold";
  font-weight: bold;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 119.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 37.8px;
  }
}
#fractions .fractions__left .fractions__left_subtitle {
  color: #869199;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 85.05px;
  }
}
#fractions .fractions__button_big {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1E262F;
  font-family: "TTNorms-Medium";
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    width: 122.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    width: 136.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    width: 176.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    width: 187.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    width: 204.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    width: 191.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    width: 232.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    width: 218.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    width: 259.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    width: 273px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    width: 273px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    width: 341.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    width: 368.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    width: 354.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    width: 341.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    width: 450.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    width: 546px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    width: 450.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    width: 614.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    width: 859.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    margin-bottom: 119.7px;
  }
}
#fractions .fractions__button_big:hover {
  transition: all 0.5s ease;
  background: #cacaca;
}
@media (max-width: 799px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 44.1px;
  }
}
#fractions .fractions__menu_element {
  display: flex;
  align-items: center;
  color: #60686D;
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element {
    margin-bottom: 50.4px;
  }
}
#fractions .fractions__menu_element:hover {
  color: #FFFFFF;
}
#fractions .fractions__menu_element.active {
  color: #FFFFFF;
}
#fractions .fractions__menu_element.white {
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 113.4px;
  }
}
#fractions .fractions__menu_element .fractions__menu_text {
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 37.8px;
  }
}
#fractions .fractions__stats {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__stats {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats {
    margin-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats {
    margin-bottom: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats {
    margin-bottom: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats {
    margin-bottom: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats {
    margin-bottom: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats {
    margin-bottom: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats {
    margin-bottom: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats {
    margin-bottom: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-bottom: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats {
    margin-bottom: 66.15px;
  }
}
#fractions .fractions__stats_element {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    margin-bottom: 50.4px;
  }
}
#fractions .fractions__stats_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    width: 50.4px;
  }
}
#fractions .fractions__stats_circle.online {
  background: rgba(5, 187, 99, 0.2);
}
#fractions .fractions__stats_circle.online .fractions__stats_smallcircle {
  background: #05BB63;
}
#fractions .fractions__stats_circle.offline {
  background: rgba(215, 21, 67, 0.2);
}
#fractions .fractions__stats_circle.offline .fractions__stats_smallcircle {
  background: #D71543;
}
#fractions .fractions__stats_circle.neutral {
  background: rgba(255, 255, 255, 0.2);
}
#fractions .fractions__stats_circle.neutral .fractions__stats_smallcircle {
  background: #FFFFFF;
}
#fractions .fractions__stats_smallcircle {
  border-radius: 50%;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_smallcircle {
    width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_smallcircle {
    width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_smallcircle {
    width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_smallcircle {
    width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_smallcircle {
    width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_smallcircle {
    width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_smallcircle {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_smallcircle {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_smallcircle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_smallcircle {
    width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_smallcircle {
    width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_smallcircle {
    width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    width: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_smallcircle {
    width: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_smallcircle {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_smallcircle {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_smallcircle {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_smallcircle {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_smallcircle {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_smallcircle {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_smallcircle {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_smallcircle {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_smallcircle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_smallcircle {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_smallcircle {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_smallcircle {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_smallcircle {
    height: 25.2px;
  }
}
#fractions .fractions__right {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__right {
    margin-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__right {
    margin-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__right {
    margin-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__right {
    margin-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__right {
    margin-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__right {
    margin-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__right {
    margin-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__right {
    margin-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__right {
    margin-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__right {
    margin-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__right {
    margin-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__right {
    margin-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__right {
    margin-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__right {
    margin-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__right {
    margin-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__right {
    margin-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__right {
    margin-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__right {
    margin-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__right {
    margin-left: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__right {
    margin-left: 176.4px;
  }
}
#fractions .fractions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fractions .fractions__header .fractions__header_image {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    width: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    width: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    width: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    width: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    width: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    width: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    width: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    width: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    width: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    width: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    width: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    width: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    width: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    width: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    width: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    width: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    width: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    width: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 75.6px;
  }
}
#fractions .fractions__header .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__header .box-flex {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .box-flex {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .box-flex {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .box-flex {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .box-flex {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .box-flex {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .box-flex {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .box-flex {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .box-flex {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .box-flex {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .box-flex {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .box-flex {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .box-flex {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .box-flex {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .box-flex {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .box-flex {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .box-flex {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .box-flex {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .box-flex {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .box-flex {
    font-size: 100.8px;
  }
}
#fractions .fractions__header .fractions__header_title {
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 91.35px;
  }
}
#fractions .fractions__header .fractions__header_subtitle {
  color: #A6B1BA;
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 59.85px;
  }
}
#fractions .fractions__main_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.5s ease;
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    border-radius: 25.2px;
  }
}
#fractions .fractions__main_button.h-40 {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    width: 121.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    width: 134.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    width: 173.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    width: 184.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    width: 201.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    width: 188.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    width: 228.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    width: 215.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    width: 255.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    width: 336.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    width: 363.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    width: 349.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    width: 336.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    width: 443.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    width: 538px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    width: 443.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    width: 605.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    width: 847.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 50.4px;
  }
}
#fractions .fractions__main_button.black {
  background: #1E262F;
  align-self: center;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    width: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    width: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    width: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    width: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    width: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    width: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    width: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    width: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    width: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    width: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    width: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    width: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    width: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    width: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    width: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    width: 288px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    width: 403.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    margin-right: 75.6px;
  }
}
#fractions .fractions__main_button.black.trans {
  background: transparent;
  color: white;
}
#fractions .fractions__main_button.black.trans:hover {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 31.5px;
  }
}
#fractions .fractions__main_button.extra {
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    width: 68.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    width: 76px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    width: 98.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    width: 104.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    width: 114px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    width: 106.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    width: 129.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    width: 121.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    width: 144.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    width: 205.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    width: 197.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    width: 190px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    width: 250.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    width: 304px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    width: 250.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    width: 342px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    width: 478.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    height: 113.4px;
  }
}
#fractions .fractions__main_button.w-134 {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 44.1px;
  }
}
#fractions .fractions__main_button.extrasmall {
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    height: 113.4px;
  }
}
#fractions .fractions__main_button:hover {
  transition: all 0.5s ease;
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-36 {
    width: 68.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-36 {
    width: 76px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-36 {
    width: 98.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-36 {
    width: 104.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-36 {
    width: 114px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-36 {
    width: 106.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-36 {
    width: 129.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-36 {
    width: 121.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-36 {
    width: 144.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-36 {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-36 {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-36 {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-36 {
    width: 205.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-36 {
    width: 197.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-36 {
    width: 190px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    width: 250.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    width: 304px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    width: 250.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    width: 342px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-36 {
    width: 478.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-36 {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-36 {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-36 {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-36 {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-36 {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-36 {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-36 {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-36 {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-36 {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-36 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-36 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-36 {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-36 {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-36 {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-36 {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-36 {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-120 {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-120 {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-120 {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-120 {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-120 {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-120 {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-120 {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-120 {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-120 {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-120 {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-120 {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-120 {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-120 {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-120 {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-120 {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-120 {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-120 {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-120 {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-120 {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-120 {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
#fractions .fractions__main_button.medium {
  margin-top: auto;
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.medium {
    width: 75.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.medium {
    width: 83.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.medium {
    width: 107.715px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.medium {
    width: 114.395px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.medium {
    width: 125.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.medium {
    width: 116.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.medium {
    width: 141.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.medium {
    width: 133.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.medium {
    width: 158.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.medium {
    width: 167px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.medium {
    width: 167px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.medium {
    width: 208.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.medium {
    width: 225.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.medium {
    width: 217.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.medium {
    width: 208.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    width: 275.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    width: 334px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    width: 275.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    width: 375.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.medium {
    width: 526.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.medium {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.medium {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.medium {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.medium {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.medium {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.medium {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.medium {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.medium {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.medium {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.medium {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.medium {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.medium {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.medium {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.medium {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.medium {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.medium {
    height: 132.3px;
  }
}
#fractions .fractions__main_button.mini {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    width: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    width: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    width: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    width: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    width: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    width: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    width: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    width: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    width: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    width: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    width: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    width: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    width: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    width: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    width: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    width: 288px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    width: 403.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    line-height: 53.55px;
  }
}
#fractions .fractions__main_button.mini:hover {
  color: black;
}
#fractions .fractions__main_button.w-100 {
  width: 100%;
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 44.1px;
  }
}
#fractions .fractions__main_button.complaints {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    line-height: 50.4px;
  }
}
#fractions .fractions__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__content {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content {
    margin-top: 100.8px;
  }
}
#fractions .fractions__content.backgr {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #fractions .fractions__content.backgr {
    height: 305.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.backgr {
    height: 339px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.backgr {
    height: 437.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.backgr {
    height: 464.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.backgr {
    height: 508.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.backgr {
    height: 474.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.backgr {
    height: 576.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.backgr {
    height: 542.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.backgr {
    height: 644.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.backgr {
    height: 678px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.backgr {
    height: 678px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.backgr {
    height: 847.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.backgr {
    height: 915.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.backgr {
    height: 881.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.backgr {
    height: 847.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    height: 1118.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    height: 1356px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    height: 1118.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    height: 1525.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.backgr {
    height: 2135.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.backgr {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.backgr {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.backgr {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.backgr {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.backgr {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.backgr {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.backgr {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.backgr {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.backgr {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.backgr {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.backgr {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.backgr {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.backgr {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.backgr {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.backgr {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.backgr {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.extrabig {
    min-height: 321.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.extrabig {
    min-height: 357px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.extrabig {
    min-height: 460.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.extrabig {
    min-height: 489.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.extrabig {
    min-height: 535.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.extrabig {
    min-height: 499.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.extrabig {
    min-height: 606.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.extrabig {
    min-height: 571.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.extrabig {
    min-height: 678.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.extrabig {
    min-height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.extrabig {
    min-height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.extrabig {
    min-height: 892.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.extrabig {
    min-height: 963.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.extrabig {
    min-height: 928.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.extrabig {
    min-height: 892.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    min-height: 1178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    min-height: 1428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    min-height: 1178.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    min-height: 1606.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.extrabig {
    min-height: 2249.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.extrabig {
    height: 321.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.extrabig {
    height: 357px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.extrabig {
    height: 460.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.extrabig {
    height: 489.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.extrabig {
    height: 535.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.extrabig {
    height: 499.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.extrabig {
    height: 606.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.extrabig {
    height: 571.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.extrabig {
    height: 678.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.extrabig {
    height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.extrabig {
    height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.extrabig {
    height: 892.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.extrabig {
    height: 963.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.extrabig {
    height: 928.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.extrabig {
    height: 892.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    height: 1178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    height: 1428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    height: 1178.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    height: 1606.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.extrabig {
    height: 2249.1px;
  }
}
#fractions .fractions__main_box {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__main_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-568 {
    width: 262.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-568 {
    width: 292px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-568 {
    width: 376.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-568 {
    width: 400.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-568 {
    width: 438px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-568 {
    width: 408.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-568 {
    width: 496.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-568 {
    width: 467.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-568 {
    width: 554.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-568 {
    width: 584px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-568 {
    width: 584px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-568 {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-568 {
    width: 788.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-568 {
    width: 759.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-568 {
    width: 730px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    width: 963.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    width: 1168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    width: 963.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    width: 1314px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-568 {
    width: 1839.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-568 {
    height: 255.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-568 {
    height: 284px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-568 {
    height: 366.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-568 {
    height: 389.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-568 {
    height: 426px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-568 {
    height: 397.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-568 {
    height: 482.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-568 {
    height: 454.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-568 {
    height: 539.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-568 {
    height: 568px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-568 {
    height: 568px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-568 {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-568 {
    height: 766.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-568 {
    height: 738.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-568 {
    height: 710px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    height: 937.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    height: 1136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    height: 937.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    height: 1278px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-568 {
    height: 1789.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317 {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317 {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317 {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317 {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317 {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317 {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317 {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317 {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317 {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317 {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317 {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317 {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317 {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317 {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317 {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317 {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317 {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317 {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317 {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317 {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317 {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317 {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317 {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317 {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317 {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317 {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317 {
    height: 604.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 612px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 856.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-600 {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-600 {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-600 {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-600 {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-600 {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-600 {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-600 {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-600 {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-600 {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-600 {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-600 {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-600 {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-600 {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-600 {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-600 {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-600 {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-600 {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-600 {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-600 {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-600 {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-600 {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-600 {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-600 {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-600 {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-600 {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-600 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-600 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-600 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-600 {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-600 {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-600 {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-600 {
    height: 604.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-268 {
    width: 120.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-268 {
    width: 134px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-268 {
    width: 172.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-268 {
    width: 183.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-268 {
    width: 201px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-268 {
    width: 187.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-268 {
    width: 227.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-268 {
    width: 214.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-268 {
    width: 254.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-268 {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-268 {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-268 {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-268 {
    width: 361.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-268 {
    width: 348.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-268 {
    width: 335px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    width: 442.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    width: 536px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    width: 442.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    width: 603px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-268 {
    width: 844.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-268 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-268 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-268 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-268 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-268 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-268 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-268 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-268 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-268 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-268 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-268 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-268 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-268 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-268 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-268 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-268 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-408 {
    width: 183.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-408 {
    width: 204px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-408 {
    width: 263.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-408 {
    width: 279.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-408 {
    width: 306px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-408 {
    width: 285.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-408 {
    width: 346.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-408 {
    width: 326.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-408 {
    width: 387.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-408 {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-408 {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-408 {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-408 {
    width: 550.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-408 {
    width: 530.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-408 {
    width: 510px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    width: 673.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    width: 816px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    width: 673.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    width: 918px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-408 {
    width: 1285.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-408 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-408 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-408 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-408 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-408 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-408 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-408 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-408 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-408 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-408 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-408 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-408 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-408 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-408 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-408 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-408 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-215 {
    width: 96.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-215 {
    width: 107.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-215 {
    width: 138.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-215 {
    width: 147.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-215 {
    width: 161.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-215 {
    width: 150.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-215 {
    width: 182.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-215 {
    width: 172px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-215 {
    width: 204.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-215 {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-215 {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-215 {
    width: 268.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-215 {
    width: 290.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-215 {
    width: 279.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-215 {
    width: 268.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    width: 354.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    width: 430px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    width: 354.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    width: 483.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-215 {
    width: 677.25px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-215 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-215 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-215 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-215 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-215 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-215 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-215 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-215 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-215 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-215 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-215 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-215 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-215 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-215 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-215 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-215 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    width: 234px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    width: 260px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    width: 335.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    width: 356.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    width: 390px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    width: 364px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    width: 442px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    width: 416px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    width: 494px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    width: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    width: 702px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    width: 676px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    width: 858px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    width: 1040px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    width: 858px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    width: 1170px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    width: 1638px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    height: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    height: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    height: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    height: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    height: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    height: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    height: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    height: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    height: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    height: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    height: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    height: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    height: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    height: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    height: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    height: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    height: 508.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    height: 711.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-190 {
    height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-190 {
    height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-190 {
    height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-190 {
    height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-190 {
    height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-190 {
    height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-190 {
    height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-190 {
    height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-190 {
    height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-190 {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-190 {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-190 {
    height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-190 {
    height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-190 {
    height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-190 {
    height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-190 {
    height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-190 {
    height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-190 {
    height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-190 {
    height: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-190 {
    height: 598.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.big {
    width: 175.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.big {
    width: 195.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.big {
    width: 252.195px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.big {
    width: 267.835px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.big {
    width: 293.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.big {
    width: 273.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.big {
    width: 332.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.big {
    width: 312.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.big {
    width: 371.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.big {
    width: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.big {
    width: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.big {
    width: 488.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.big {
    width: 527.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.big {
    width: 508.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.big {
    width: 488.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    width: 645.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    width: 782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    width: 645.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    width: 879.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.big {
    width: 1231.65px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.big {
    height: 217.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.big {
    height: 242px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.big {
    height: 312.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.big {
    height: 331.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.big {
    height: 363px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.big {
    height: 338.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.big {
    height: 411.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.big {
    height: 387.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.big {
    height: 459.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.big {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.big {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.big {
    height: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.big {
    height: 653.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.big {
    height: 629.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.big {
    height: 605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    height: 798.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    height: 968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    height: 798.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    height: 1089px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.big {
    height: 1524.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-440 {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-440 {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-440 {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-440 {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-440 {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-440 {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-440 {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-440 {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-440 {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-440 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-440 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-440 {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-440 {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-440 {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-440 {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-440 {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-440 {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-440 {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-440 {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-440 {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-440 {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-440 {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-440 {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-440 {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-440 {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-440 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-440 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-440 {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-440 {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-440 {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-440 {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-440 {
    height: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-477 {
    width: 214.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-477 {
    width: 238.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-477 {
    width: 307.665px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-477 {
    width: 326.745px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-477 {
    width: 357.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-477 {
    width: 333.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-477 {
    width: 405.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-477 {
    width: 381.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-477 {
    width: 453.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-477 {
    width: 477px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-477 {
    width: 477px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-477 {
    width: 596.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-477 {
    width: 643.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-477 {
    width: 620.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-477 {
    width: 596.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    width: 787.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    width: 954px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    width: 787.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    width: 1073.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-477 {
    width: 1502.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-477 {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-477 {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-477 {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-477 {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-477 {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-477 {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-477 {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-477 {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-477 {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-477 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-477 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-477 {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-477 {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-477 {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-477 {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-477 {
    height: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-484 {
    height: 217.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-484 {
    height: 242px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-484 {
    height: 312.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-484 {
    height: 331.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-484 {
    height: 363px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-484 {
    height: 338.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-484 {
    height: 411.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-484 {
    height: 387.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-484 {
    height: 459.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-484 {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-484 {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-484 {
    height: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-484 {
    height: 653.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-484 {
    height: 629.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-484 {
    height: 605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-484 {
    height: 798.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-484 {
    height: 968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-484 {
    height: 798.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-484 {
    height: 1089px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-484 {
    height: 1524.6px;
  }
}
#fractions .fractions__main_box.large {
  width: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.large {
    height: 204.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.large {
    height: 227px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.large {
    height: 292.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.large {
    height: 310.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.large {
    height: 340.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.large {
    height: 317.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.large {
    height: 385.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.large {
    height: 363.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.large {
    height: 431.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.large {
    height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.large {
    height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.large {
    height: 567.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.large {
    height: 612.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.large {
    height: 590.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.large {
    height: 567.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    height: 749.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    height: 908px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    height: 749.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    height: 1021.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.large {
    height: 1430.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.large {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.large {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.large {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.large {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.large {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.large {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.large {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.large {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.large {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.large {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.large {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.large {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.large {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.large {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.large {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.large {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-20 {
    margin-top: 63px;
  }
}
#fractions .fractions__button_small {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-left: 9.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-right: 9.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    min-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    min-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    min-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    min-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    min-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    min-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    min-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    min-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    min-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    min-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    min-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    min-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    min-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    min-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    margin-right: 25.2px;
  }
}
#fractions .fractions__button_small.active, #fractions .fractions__button_small:hover {
  background: #DE8D14;
}
@media (max-width: 799px) {
  #fractions .w-506 {
    width: 227.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-506 {
    width: 253px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-506 {
    width: 326.37px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-506 {
    width: 346.61px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-506 {
    width: 379.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-506 {
    width: 354.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-506 {
    width: 430.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-506 {
    width: 404.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-506 {
    width: 480.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-506 {
    width: 506px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-506 {
    width: 506px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-506 {
    width: 632.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-506 {
    width: 683.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-506 {
    width: 657.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-506 {
    width: 632.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-506 {
    width: 834.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-506 {
    width: 1012px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-506 {
    width: 834.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-506 {
    width: 1138.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-506 {
    width: 1593.9px;
  }
}
#fractions .fractions__main_head {
  color: #869199;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__main_head {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_head {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head {
    margin-bottom: 75.6px;
  }
}
#fractions .fractions__main_head .fractions__main_title {
  margin-left: 16px;
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 75.6px;
  }
}
#fractions .fractions__lead_photo {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/lead.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    min-width: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    min-width: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    min-width: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    min-width: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    min-width: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    min-width: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    min-width: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    min-width: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    min-width: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    min-width: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    min-width: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    min-width: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    min-width: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    min-width: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    min-width: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    min-width: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    min-width: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    min-width: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    min-width: 189px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    min-width: 264.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    height: 47.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    height: 53px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    height: 68.37px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    height: 72.61px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    height: 79.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    height: 74.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    height: 90.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    height: 84.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    height: 100.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    height: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    height: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    height: 132.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    height: 143.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    height: 137.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    height: 132.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    height: 174.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    height: 212px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    height: 174.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    height: 238.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    height: 333.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo.big {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo.big {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo.big {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo.big {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo.big {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo.big {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo.big {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo.big {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo.big {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo.big {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo.big {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo.big {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo.big {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo.big {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo.big {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo.big {
    height: 441px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo.big {
    min-width: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo.big {
    min-width: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo.big {
    min-width: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo.big {
    min-width: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo.big {
    min-width: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo.big {
    min-width: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo.big {
    min-width: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo.big {
    min-width: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo.big {
    min-width: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo.big {
    min-width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo.big {
    min-width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo.big {
    min-width: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo.big {
    min-width: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo.big {
    min-width: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo.big {
    min-width: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    min-width: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    min-width: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    min-width: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    min-width: 274.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo.big {
    min-width: 384.3px;
  }
}
#fractions .fractions__lead_photo .fractions__photo_absolute {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, 0%);
  left: 50%;
  background: #FFFFFF;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -29.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -40.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 37.8px;
  }
}
#fractions .fractions__lead_photo .fractions__photo_absolute:hover {
  background: #d8d4d4;
}
@media (max-width: 799px) {
  #fractions .mb-24 {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-24 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-24 {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-24 {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-24 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-24 {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-24 {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-24 {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-24 {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-24 {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-24 {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-24 {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-24 {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-24 {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-24 {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-24 {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-24 {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-24 {
    margin-bottom: 75.6px;
  }
}
#fractions .fractions__main_element {
  display: flex;
  flex-direction: column;
}
#fractions .fractions__main_element.flex {
  flex-direction: row;
}
#fractions .fractions__weapon_box {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background: rgba(255, 255, 255, 0.11);
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    font-size: 100.8px;
  }
}
#fractions .fractions__weapon_box:last-child {
  margin-right: 0;
}
#fractions .fractions_stats_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: #869199;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions_stats_title.taleft {
  text-align: left;
}
#fractions .fractions_stats_title.mt-20 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 63px;
  }
}
#fractions .fractions_stats_title .fractionsicon-dots {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 59.85px;
  }
}
#fractions .fractions_stats_title.name {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.name {
    max-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.name {
    max-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.name {
    max-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.name {
    max-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.name {
    max-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.name {
    max-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.name {
    max-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.name {
    max-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.name {
    max-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.name {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.name {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.name {
    max-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.name {
    max-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.name {
    max-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.name {
    max-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    max-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    max-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    max-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    max-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.name {
    max-width: 472.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.name {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.name {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.name {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.name {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.name {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.name {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.name {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.name {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.name {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.name {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.name {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.name {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.name {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.name {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.name {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.name {
    width: 472.5px;
  }
}
#fractions .fractions_stats_title.rank {
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.rank {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.rank {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.rank {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.rank {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.rank {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.rank {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.rank {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.rank {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.rank {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.rank {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.rank {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.rank {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.rank {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.rank {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.rank {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.rank {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.rank {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.rank {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.rank {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.rank {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.rank {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.rank {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.rank {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.rank {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.rank {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.rank {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.rank {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.rank {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.rank {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.rank {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.rank {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.rank {
    max-width: 315px;
  }
}
#fractions .fractions_stats_title.rank.red {
  color: #EB5757;
}
#fractions .fractions_stats_title.rank.green {
  color: #259A70;
}
#fractions .fractions_stats_title.descr {
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.descr {
    max-width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.descr {
    max-width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.descr {
    max-width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.descr {
    max-width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.descr {
    max-width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.descr {
    max-width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.descr {
    max-width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.descr {
    max-width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.descr {
    max-width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.descr {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.descr {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.descr {
    max-width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.descr {
    max-width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.descr {
    max-width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.descr {
    max-width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    max-width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    max-width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    max-width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    max-width: 855px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.descr {
    max-width: 1197px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.descr {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.descr {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.descr {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.descr {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.descr {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.descr {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.descr {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.descr {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.descr {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.descr {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.descr {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.descr {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.descr {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.descr {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.descr {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.descr {
    width: 1197px;
  }
}
#fractions .fractions_stats_title.date {
  text-align: left;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.date {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.date {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.date {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.date {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.date {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.date {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.date {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.date {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.date {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.date {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.date {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.date {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.date {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.date {
    max-width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.date {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.date {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.date {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.date {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.date {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.date {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.date {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.date {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.date {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.date {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.date {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.date {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.date {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.date {
    width: 315px;
  }
}
#fractions .fractions_stats_title.large {
  max-width: 100% !important;
}
#fractions .fractions_stats_title.flex {
  display: flex;
}
#fractions .fractions_stats_title.gray {
  color: #869199;
  font-weight: normal;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    max-width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    max-width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    max-width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    max-width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    max-width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    max-width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    max-width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    max-width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    max-width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    max-width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    max-width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    max-width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    max-width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    max-width: 598.5px;
  }
}
#fractions .fractions_stats_title .white {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .white {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .white {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .white {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .white {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .white {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .white {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .white {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .white {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .white {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .white {
    margin-right: 15.75px;
  }
}
#fractions .fractions_stats_title.whitecolor {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.logs {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.logs {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.logs {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.logs {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.logs {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.logs {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.logs {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.logs {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.logs {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.logs {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.logs {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.logs {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.logs {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.logs {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.logs {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logs {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logs {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logs {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logs {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.logs {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 51.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 57px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 73.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 78.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 85.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 79.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 96.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 91.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 108.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 142.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 153.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 148.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 142.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 188.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 228px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 188.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 256.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 359.1px;
  }
}
#fractions .fractions_stats_title.w-max {
  width: -moz-max-content;
  width: max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
#fractions .date {
  text-align: left;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .date {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .date {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .date {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .date {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .date {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .date {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .date {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .date {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .date {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .date {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .date {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .date {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .date {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .date {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .date {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .date {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .date {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .date {
    max-width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .date {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .date {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .date {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .date {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .date {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .date {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .date {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .date {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .date {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .date {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .date {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .date {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .date {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .date {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .date {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .date {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .date {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .date {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-12 {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-12 {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-12 {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-12 {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-12 {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-12 {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-12 {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-12 {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-12 {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-12 {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-12 {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-12 {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-12 {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-12 {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-12 {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-12 {
    margin-right: 37.8px;
  }
}
#fractions .fractions__stats_subtitle {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    max-width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    max-width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    max-width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    max-width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    max-width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    max-width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    max-width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    max-width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    max-width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    max-width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    max-width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    max-width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    max-width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    max-width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    max-width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    max-width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    max-width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    max-width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    max-width: 247.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    max-width: 346.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 450px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 630px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 787.5px;
  }
}
#fractions .fractions__stats_subtitle.large {
  max-width: 100%;
}
#fractions .fractions__stats_subtitle.fit {
  width: -moz-fit-content;
  width: fit-content;
}
#fractions .fractions__stats_subtitle.flex {
  display: flex;
}
#fractions .fractions__stats_subtitle.gray {
  color: #869199;
  font-weight: normal;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 598.5px;
  }
}
#fractions .fractions__stats_subtitle.hover:hover {
  color: #697177;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 72.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 80.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 103.845px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 110.285px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 120.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 112.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 136.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 128.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 152.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 201.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 217.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 209.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 201.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 265.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 322px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 265.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 362.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 507.15px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 72.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 80.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 103.845px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 110.285px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 120.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 112.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 136.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 128.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 152.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 201.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 217.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 209.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 201.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 265.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 322px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 265.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 362.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 507.15px;
  }
}
#fractions .fractions__stats_subtitle.w-min {
  width: -moz-min-content;
  width: min-content;
}
#fractions .fractionsicon-copy {
  color: #869199;
}
@media (max-width: 799px) {
  #fractions .fractionsicon-copy {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-copy {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-copy {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-copy {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-copy {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-copy {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-copy {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-copy {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-copy {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-copy {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-copy {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-copy {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-copy {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-copy {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-copy {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-copy {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-copy {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-copy {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-copy {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-copy {
    margin-left: 31.5px;
  }
}
#fractions .fractionsicon-copy:hover {
  opacity: 0.7;
}
#fractions .fractions__news_text {
  font-style: normal;
  font-weight: normal;
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions__circle_mini {
  border-radius: 50%;
  background: #FFFFFF;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    font-size: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    font-size: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    font-size: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    font-size: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    font-size: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    font-size: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    font-size: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    font-size: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    font-size: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    font-size: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    font-size: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    font-size: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    font-size: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    font-size: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    font-size: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    font-size: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    font-size: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    font-size: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    font-size: 15.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    font-size: 22.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    margin-right: 25.2px;
  }
}
#fractions .fractions__circle_smallperson {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/smallperson.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__circle_smallperson {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_smallperson {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_smallperson {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_smallperson {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_smallperson {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_smallperson {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_smallperson {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_smallperson {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_smallperson {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_smallperson {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_smallperson {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_smallperson {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_smallperson {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_smallperson {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_smallperson {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_smallperson {
    width: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_smallperson {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_smallperson {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_smallperson {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_smallperson {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_smallperson {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_smallperson {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_smallperson {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_smallperson {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_smallperson {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_smallperson {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_smallperson {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_smallperson {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_smallperson {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_smallperson {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_smallperson {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_smallperson {
    height: 25.2px;
  }
}
#fractions .fractions__selector {
  font-weight: 500;
  color: #A6B1BA;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    margin-right: 88.2px;
  }
}
#fractions .fractions__selector.active {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__selector.active {
    border-bottom: 0.9px solid #DA2640;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector.active {
    border-bottom: 1px solid #DA2640;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.29px solid #DA2640;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.37px solid #DA2640;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.5px solid #DA2640;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.4px solid #DA2640;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.7px solid #DA2640;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.6px solid #DA2640;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.9px solid #DA2640;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector.active {
    border-bottom: 2px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector.active {
    border-bottom: 2px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.5px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.7px solid #DA2640;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.6px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.5px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector.active {
    border-bottom: 3.3px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector.active {
    border-bottom: 4px solid #DA2640;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector.active {
    border-bottom: 3.3px solid #DA2640;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector.active {
    border-bottom: 4.5px solid #DA2640;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector.active {
    border-bottom: 6.3px solid #DA2640;
  }
}
#fractions .fractions__main_scroll {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    max-height: 154.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    max-height: 171.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    max-height: 221.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    max-height: 234.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    max-height: 257.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    max-height: 240.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    max-height: 291.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    max-height: 274.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    max-height: 325.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    max-height: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    max-height: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    max-height: 428.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    max-height: 463.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    max-height: 445.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    max-height: 428.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    max-height: 565.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    max-height: 686px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    max-height: 565.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    max-height: 771.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    max-height: 1080.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    padding-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    padding-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    padding-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    padding-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    padding-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    padding-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 179.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 199.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 257.355px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 273.315px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 299.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 279.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 339.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 319.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 379.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 399px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 399px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 498.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 538.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 518.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 498.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 658.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 798px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 658.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 897.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 1256.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 216.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 241px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 310.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 330.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 361.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 337.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 409.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 385.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 457.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 482px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 482px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 602.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 650.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 626.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 602.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 795.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 964px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 795.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 1084.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 1518.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 1080px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 1512px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.big {
    max-height: 242.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.big {
    max-height: 269px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.big {
    max-height: 347.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.big {
    max-height: 368.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.big {
    max-height: 403.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.big {
    max-height: 376.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.big {
    max-height: 457.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.big {
    max-height: 430.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.big {
    max-height: 511.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.big {
    max-height: 538px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.big {
    max-height: 538px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.big {
    max-height: 672.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.big {
    max-height: 726.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.big {
    max-height: 699.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.big {
    max-height: 672.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    max-height: 887.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1076px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    max-height: 887.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1210.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1694.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 287.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 319px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 411.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 437.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 478.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 446.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 542.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 510.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 606.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 797.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 861.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 829.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 797.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1052.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1052.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1435.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 2009.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 78.75px;
  }
}
#fractions .fractions__main_scroll::-webkit-scrollbar-track {
  background: #39384E;
  border-radius: 100px;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 78.75px;
  }
}
#fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 100px;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 78.75px;
  }
}
#fractions .fractions__dragondrop_element {
  pointer-events: none;
  position: absolute;
  z-index: 99;
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    width: 389.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    width: 433px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    width: 558.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    width: 593.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    width: 649.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    width: 606.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    width: 736.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    width: 692.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    width: 822.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    width: 866px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    width: 866px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    width: 1082.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    width: 1169.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    width: 1125.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    width: 1082.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    width: 1428.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    width: 1732px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    width: 1428.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    width: 1948.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    width: 2727.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    max-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    max-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    max-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    max-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    max-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    max-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    max-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    max-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    max-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    max-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    max-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    max-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    max-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    max-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    max-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    max-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    max-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    max-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    max-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    max-height: 151.2px;
  }
}
#fractions .fractions__scroll_element {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.small {
    min-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.small {
    min-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.small {
    min-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.small {
    min-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.small {
    min-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.small {
    min-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.small {
    min-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.small {
    min-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.small {
    min-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.small {
    min-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.small {
    min-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.small {
    min-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.small {
    min-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.small {
    min-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.small {
    min-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.small {
    min-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.small {
    min-height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.small {
    min-height: 113.4px;
  }
}
#fractions .fractions__scroll_element .hidden {
  opacity: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 44.1px;
  }
}
#fractions .fractions__scroll_element .fractionsicon-fired:hover {
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 25.2px;
  }
}
#fractions .fractions__scroll_element.hover:hover, #fractions .fractions__scroll_element.active:hover {
  background: rgba(233, 241, 247, 0.15);
}
#fractions .fractions__scroll_element.hover:hover .hidden, #fractions .fractions__scroll_element.active:hover .hidden {
  opacity: 1;
}
#fractions .fractions__scroll_element.activeselected {
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 63px;
  }
}
#fractions .fractions__scroll_element:last-child {
  margin-bottom: 0;
}
#fractions .box-flex {
  display: flex;
  align-items: center;
}
#fractions .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#fractions .box-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fractions .box-column {
  display: flex;
  flex-direction: column;
}
#fractions .wh-100 {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .pr-22 {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-22 {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-22 {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-22 {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-22 {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-22 {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-22 {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-22 {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-22 {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-22 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-22 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-22 {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-22 {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-22 {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-22 {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-22 {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-22 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-22 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-22 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-22 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-22 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-22 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-22 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-22 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-22 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-22 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-22 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-22 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-22 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-22 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-22 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-22 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-96 {
    padding-right: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-96 {
    padding-right: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-96 {
    padding-right: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-96 {
    padding-right: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-96 {
    padding-right: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-96 {
    padding-right: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-96 {
    padding-right: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-96 {
    padding-right: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-96 {
    padding-right: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-96 {
    padding-right: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-96 {
    padding-right: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-96 {
    padding-right: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-96 {
    padding-right: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-96 {
    padding-right: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-96 {
    padding-right: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-96 {
    padding-right: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-96 {
    padding-right: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-96 {
    padding-right: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-96 {
    padding-right: 216px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-96 {
    padding-right: 302.4px;
  }
}
#fractions .fractions__progressbar {
  background: #1E262F;
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    width: 93.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    width: 103.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    width: 133.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    width: 141.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    width: 155.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    width: 144.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    width: 175.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    width: 165.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    width: 196.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    width: 207px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    width: 207px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    width: 258.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    width: 279.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    width: 269.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    width: 258.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    width: 341.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    width: 414px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    width: 341.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    width: 465.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    width: 652.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    border-radius: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    border-radius: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    border-radius: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    border-radius: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    border-radius: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    border-radius: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    border-radius: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    border-radius: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    border-radius: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    border-radius: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    border-radius: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    border-radius: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    border-radius: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    border-radius: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    border-radius: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    border-radius: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    border-radius: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    margin-top: 31.5px;
  }
}
#fractions .fractions__progressbar .fractions__progressbar_current {
  background: #FB4F69;
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 94.5px;
  }
}
#fractions .fractions__input {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    width: 294.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    width: 327px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    width: 421.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    width: 447.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    width: 490.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    width: 457.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    width: 555.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    width: 523.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    width: 621.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    width: 654px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    width: 654px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    width: 817.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    width: 882.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    width: 850.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    width: 817.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    width: 1079.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    width: 1308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    width: 1079.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    width: 1471.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    width: 2060.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.large {
    width: 218.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.large {
    width: 243px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.large {
    width: 313.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.large {
    width: 332.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.large {
    width: 364.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.large {
    width: 340.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.large {
    width: 413.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.large {
    width: 388.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.large {
    width: 461.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.large {
    width: 486px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.large {
    width: 486px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.large {
    width: 607.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.large {
    width: 656.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.large {
    width: 631.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.large {
    width: 607.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.large {
    width: 801.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.large {
    width: 972px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.large {
    width: 801.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.large {
    width: 1093.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.large {
    width: 1530.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.medium {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.medium {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.medium {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.medium {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.medium {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.medium {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.medium {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.medium {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.medium {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.medium {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.medium {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.medium {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.medium {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.medium {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.medium {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.medium {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.medium {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.medium {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.medium {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.medium {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-522 {
    width: 234.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-522 {
    width: 261px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-522 {
    width: 336.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-522 {
    width: 357.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-522 {
    width: 391.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-522 {
    width: 365.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-522 {
    width: 443.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-522 {
    width: 417.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-522 {
    width: 495.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-522 {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-522 {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-522 {
    width: 652.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-522 {
    width: 704.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-522 {
    width: 678.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-522 {
    width: 652.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    width: 861.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    width: 1044px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    width: 861.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    width: 1174.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-522 {
    width: 1644.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-522 {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-522 {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-522 {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-522 {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-522 {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-522 {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-522 {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-522 {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-522 {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-522 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-522 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-522 {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-522 {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-522 {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-522 {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-522 {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-269 {
    width: 121.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-269 {
    width: 134.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-269 {
    width: 173.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-269 {
    width: 184.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-269 {
    width: 201.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-269 {
    width: 188.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-269 {
    width: 228.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-269 {
    width: 215.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-269 {
    width: 255.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-269 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-269 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-269 {
    width: 336.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-269 {
    width: 363.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-269 {
    width: 349.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-269 {
    width: 336.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    width: 443.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    width: 538px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    width: 443.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    width: 605.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-269 {
    width: 847.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.small {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.small {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.small {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.small {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.small {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.small {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.small {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.small {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.small {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.small {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.small {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.small {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.small {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.small {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.small {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.small {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.small {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.small {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.small {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.small {
    width: 466.2px;
  }
}
#fractions .fractions__input .fractionsicon-loop {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 15.75px;
  }
}
#fractions .fractions__input input {
  width: 100%;
  height: 100%;
  color: #ccd8e1;
  font-family: "TTNorms-Medium";
  background: transparent;
}
@media (max-width: 799px) {
  #fractions .fractions__input input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input input {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input input {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input input {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input input {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input input {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input input {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input input {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input input {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input input {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input input {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input input {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input input {
    line-height: 44.1px;
  }
}
#fractions .large {
  max-width: 100% !important;
  width: 100%;
}
@media (max-width: 799px) {
  #fractions .mr-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-5 {
    margin-right: 15.75px;
  }
}
#fractions .mb-0 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .mb-16 {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-16 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-16 {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-16 {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-16 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-16 {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-16 {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-16 {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-16 {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-16 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-16 {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-16 {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-16 {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-16 {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-16 {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-16 {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-16 {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-16 {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .pl-8 {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pl-8 {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pl-8 {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pl-8 {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pl-8 {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pl-8 {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pl-8 {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pl-8 {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pl-8 {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pl-8 {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pl-8 {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pl-8 {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pl-8 {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pl-8 {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pl-8 {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pl-8 {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pl-8 {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pl-8 {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pl-8 {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .pl-8 {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-10 {
    margin-right: 31.5px;
  }
}
#fractions .fractions__access_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box {
    margin-left: 50.4px;
  }
}
#fractions .fractions__access_box .fractions__access_element {
  background: #1E262F;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 37.8px;
  }
}
#fractions .fractions__access_box .fractions__access_element.decline {
  color: #FB4F69;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.decline.active {
  color: white;
  background: #DA2640;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.neutral.active {
  color: white;
  background: #3D444B;
}
#fractions .fractions__access_box .fractions__access_element.accept {
  color: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.accept.active {
  color: white;
  background: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .pr-270 {
    padding-right: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-270 {
    padding-right: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-270 {
    padding-right: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-270 {
    padding-right: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-270 {
    padding-right: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-270 {
    padding-right: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-270 {
    padding-right: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-270 {
    padding-right: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-270 {
    padding-right: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-270 {
    padding-right: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-270 {
    padding-right: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-270 {
    padding-right: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-270 {
    padding-right: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-270 {
    padding-right: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-270 {
    padding-right: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-270 {
    padding-right: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-270 {
    padding-right: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-270 {
    padding-right: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-270 {
    padding-right: 607.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-270 {
    padding-right: 850.5px;
  }
}
#fractions .whitecolor {
  color: white;
}
#fractions .m-0 {
  margin: 0;
}
#fractions .mb-0 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .pr-226 {
    padding-right: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-226 {
    padding-right: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-226 {
    padding-right: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-226 {
    padding-right: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-226 {
    padding-right: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-226 {
    padding-right: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-226 {
    padding-right: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-226 {
    padding-right: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-226 {
    padding-right: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-226 {
    padding-right: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-226 {
    padding-right: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-226 {
    padding-right: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-226 {
    padding-right: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-226 {
    padding-right: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-226 {
    padding-right: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-right: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-right: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-right: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-right: 508.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-226 {
    padding-right: 711.9px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
#fractions .pr-276 {
  padding-left: 0;
}
@media (max-width: 799px) {
  #fractions .pr-276 {
    padding-right: 124.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-276 {
    padding-right: 138px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-276 {
    padding-right: 178.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-276 {
    padding-right: 189.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-276 {
    padding-right: 207px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-276 {
    padding-right: 193.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-276 {
    padding-right: 234.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-276 {
    padding-right: 220.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-276 {
    padding-right: 262.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-276 {
    padding-right: 276px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-276 {
    padding-right: 276px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-276 {
    padding-right: 345px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-276 {
    padding-right: 372.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-276 {
    padding-right: 358.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-276 {
    padding-right: 345px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-276 {
    padding-right: 455.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-276 {
    padding-right: 552px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-276 {
    padding-right: 455.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-276 {
    padding-right: 621px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-276 {
    padding-right: 869.4px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-20 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-20 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-20 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-20 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-20 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-20 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-20 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-20 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-20 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-20 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-20 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-20 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-20 {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-253 {
    padding-right: 113.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-253 {
    padding-right: 126.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-253 {
    padding-right: 163.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-253 {
    padding-right: 173.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-253 {
    padding-right: 189.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-253 {
    padding-right: 177.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-253 {
    padding-right: 215.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-253 {
    padding-right: 202.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-253 {
    padding-right: 240.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-253 {
    padding-right: 253px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-253 {
    padding-right: 253px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-253 {
    padding-right: 316.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-253 {
    padding-right: 341.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-253 {
    padding-right: 328.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-253 {
    padding-right: 316.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-253 {
    padding-right: 417.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-253 {
    padding-right: 506px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-253 {
    padding-right: 417.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-253 {
    padding-right: 569.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-253 {
    padding-right: 796.95px;
  }
}
#fractions .not-center {
  align-items: flex-start;
}
@media (max-width: 799px) {
  #fractions .pr-218 {
    padding-right: 98.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-218 {
    padding-right: 109px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-218 {
    padding-right: 140.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-218 {
    padding-right: 149.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-218 {
    padding-right: 163.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-218 {
    padding-right: 152.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-218 {
    padding-right: 185.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-218 {
    padding-right: 174.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-218 {
    padding-right: 207.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-218 {
    padding-right: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-218 {
    padding-right: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-218 {
    padding-right: 272.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-218 {
    padding-right: 294.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-218 {
    padding-right: 283.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-218 {
    padding-right: 272.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-218 {
    padding-right: 359.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-218 {
    padding-right: 436px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-218 {
    padding-right: 359.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-218 {
    padding-right: 490.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-218 {
    padding-right: 686.7px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-40 {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-40 {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-40 {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-40 {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-40 {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-40 {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-40 {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-40 {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-40 {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-40 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-40 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-40 {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-40 {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-40 {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-40 {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-40 {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-40 {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-40 {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-40 {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-40 {
    margin-right: 126px;
  }
}
#fractions .fw-bold {
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fs-36 {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fs-36 {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fs-36 {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fs-36 {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fs-36 {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fs-36 {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fs-36 {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fs-36 {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fs-36 {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fs-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fs-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fs-36 {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fs-36 {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fs-36 {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fs-36 {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fs-36 {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fs-36 {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fs-36 {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fs-36 {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fs-36 {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fs-36 {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fs-36 {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fs-36 {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fs-36 {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fs-36 {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fs-36 {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fs-36 {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fs-36 {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fs-36 {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fs-36 {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fs-36 {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fs-36 {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-16 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-16 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-16 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-16 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-16 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-16 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-16 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-16 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-16 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-16 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-16 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-16 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-16 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-16 {
    margin-right: 50.4px;
  }
}
#fractions .gold {
  color: #F2BD00;
}
#fractions .silver {
  color: #B6B2CD;
}
#fractions .bronze {
  color: #AB7935;
}
@media (max-width: 799px) {
  #fractions .w-166 {
    min-width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-166 {
    min-width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-166 {
    min-width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-166 {
    min-width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-166 {
    min-width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-166 {
    min-width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-166 {
    min-width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-166 {
    min-width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-166 {
    min-width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-166 {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-166 {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-166 {
    min-width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-166 {
    min-width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-166 {
    min-width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-166 {
    min-width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-166 {
    min-width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-166 {
    min-width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-166 {
    min-width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-166 {
    min-width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-166 {
    min-width: 522.9px;
  }
}
#fractions .fractions__element_black {
  background: #1E262F;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    width: 126.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    width: 141px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    width: 181.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    width: 193.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    width: 211.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    width: 197.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    width: 239.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    width: 225.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    width: 267.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    width: 282px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    width: 282px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    width: 352.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    width: 380.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    width: 366.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    width: 352.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    width: 465.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    width: 564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    width: 465.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    width: 634.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    width: 888.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    height: 53.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    height: 59.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    height: 76.755px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    height: 81.515px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    height: 89.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    height: 83.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    height: 101.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    height: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    height: 113.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    height: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    height: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    height: 148.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    height: 160.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    height: 154.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    height: 148.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    height: 196.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    height: 238px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    height: 196.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    height: 267.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    height: 374.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    border-radius: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    border-radius: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    border-radius: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    border-radius: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    border-radius: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    border-radius: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    border-radius: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    border-radius: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    border-radius: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    border-radius: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    border-radius: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    border-radius: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    border-radius: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    border-radius: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    border-radius: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    border-radius: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    border-radius: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    border-radius: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    border-radius: 15.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    border-radius: 22.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    padding: 31.5px;
  }
}
#fractions .fractions__element_black .fractions__black_img {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/reward.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 222.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 311.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 222.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 311.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 18.9px;
  }
}
#fractions .fractions__element_black .fractions__black_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 12.6px;
  }
}
#fractions .fractions__element_black .fractions__black_title.gray {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions__element_black .fractions__black_subtitle {
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 37.8px;
  }
}
#fractions .fractions__element_black .fractions__black_subtitle.hover:hover {
  opacity: 0.7;
}
#fractions .fractions__element_black.newparams {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    width: 127.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    width: 142px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    width: 183.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    width: 194.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    width: 213px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    width: 198.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    width: 241.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    width: 227.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    width: 269.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    width: 355px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    width: 383.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    width: 369.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    width: 355px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    width: 468.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    width: 568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    width: 468.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    width: 639px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    width: 894.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    height: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    height: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    height: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    height: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    height: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    height: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    height: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    height: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    height: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    height: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    height: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    height: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    height: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    height: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    height: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    height: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    height: 209.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    height: 292.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 50.4px;
  }
}
#fractions .fractions__element_black.newparams .fractions__black_img {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 292.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 409.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 200.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 280.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 292.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 409.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 200.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 280.35px;
  }
}
#fractions .fractions__element_black.newparams .fractions__black_img.form {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/form.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 47.25px;
  }
}
#fractions .fractions__element_black.newparams .gray {
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 37.8px;
  }
}
#fractions .fractions__element_black.newparams .silver {
  color: #A6B1BA;
  font-weight: bold;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .mt-40 {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-40 {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-40 {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-40 {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-40 {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-40 {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-40 {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-40 {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-40 {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-40 {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-40 {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-40 {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-40 {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .mb-18 {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-18 {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-18 {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-18 {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-18 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-18 {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-18 {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-18 {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-18 {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-18 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-18 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-18 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-18 {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-18 {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-18 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-18 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-18 {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-18 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-18 {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-18 {
    margin-bottom: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-8 {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-8 {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-8 {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-8 {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-8 {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-8 {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-8 {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-8 {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-8 {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-8 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-8 {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-8 {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-8 {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-8 {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-8 {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-8 {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-18 {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-18 {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-18 {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-18 {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-18 {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-18 {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-18 {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-18 {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-18 {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-18 {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-18 {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-18 {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-18 {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-18 {
    margin-top: 56.7px;
  }
}
#fractions .fractions__main_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 434.7px;
  }
}
#fractions .fractions__main_grid.mini {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 12.9px;
         column-gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 13.7px;
         column-gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 17px;
         column-gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 19px;
         column-gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 27px;
         column-gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 26px;
         column-gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 63px;
         column-gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 31.5px;
  }
}
#fractions .fractions__main_grid.large {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 6.45px;
         column-gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 6.85px;
         column-gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 8.5px;
         column-gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 9.5px;
         column-gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 12.5px;
         column-gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 13.5px;
         column-gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 12.5px;
         column-gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 22.5px;
         column-gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 31.5px;
         column-gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 31.5px;
  }
}
#fractions .fractions__main_grid.large .fractions__weapon_box {
  margin: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 132.3px;
  }
}
#fractions .h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
@media (max-width: 799px) {
  #fractions .fractionsicon-settings {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-settings {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-settings {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-settings {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-settings {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-settings {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-settings {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-settings {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-settings {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-settings {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-settings {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-settings {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-settings {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-settings {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-settings {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-settings {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsicon-settings {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-settings {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-settings {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-settings {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-settings {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-settings {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-settings {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-settings {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-settings {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-settings {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-settings {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-settings {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-settings {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-settings {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-settings {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-settings {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .w-726 {
    width: 326.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-726 {
    width: 363px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-726 {
    width: 468.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-726 {
    width: 497.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-726 {
    width: 544.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-726 {
    width: 508.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-726 {
    width: 617.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-726 {
    width: 580.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-726 {
    width: 689.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-726 {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-726 {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-726 {
    width: 907.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-726 {
    width: 980.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-726 {
    width: 943.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-726 {
    width: 907.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-726 {
    width: 1197.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-726 {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-726 {
    width: 1197.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-726 {
    width: 1633.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-726 {
    width: 2286.9px;
  }
}
#fractions .fractions__complaints_element {
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    width: 326.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    width: 363px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    width: 468.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    width: 497.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    width: 544.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    width: 508.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    width: 617.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    width: 580.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    width: 689.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    width: 907.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    width: 980.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    width: 943.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    width: 907.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    width: 1197.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    width: 1197.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    width: 1633.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    width: 2286.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    padding: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 63px;
  }
}
#fractions .fractions__complaints_element .fractions__complaints_text {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__complaints_element .fractions__complaints_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-16 {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-16 {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-16 {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-16 {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-16 {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-16 {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-16 {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-16 {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-16 {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-16 {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-16 {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-16 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-16 {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-16 {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-16 {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-16 {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-16 {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-16 {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-16 {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-16 {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .w-745 {
    width: 335.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-745 {
    width: 372.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-745 {
    width: 480.525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-745 {
    width: 510.325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-745 {
    width: 558.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-745 {
    width: 521.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-745 {
    width: 633.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-745 {
    width: 596px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-745 {
    width: 707.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-745 {
    width: 745px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-745 {
    width: 745px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-745 {
    width: 931.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-745 {
    width: 1005.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-745 {
    width: 968.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-745 {
    width: 931.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-745 {
    width: 1229.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-745 {
    width: 1490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-745 {
    width: 1229.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-745 {
    width: 1676.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-745 {
    width: 2346.75px;
  }
}
#fractions .fractionsrewards__elements {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    max-height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    max-height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    max-height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    max-height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    max-height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    max-height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    max-height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    max-height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    max-height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    max-height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    max-height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    max-height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    max-height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    max-height: 2173.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 9.45px;
  }
}
#fractions .fractionsrewards__elements::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 355.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 395px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 509.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 541.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 592.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 553px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 671.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 750.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 987.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1066.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1027px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 987.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1303.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1303.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1777.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 2488.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 216px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 302.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 75.6px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element:last-child {
  margin-bottom: 0;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
  font-weight: 500;
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 945px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
  font-weight: 500;
  color: #A6B1BA;
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 945px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 31.5px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
  border-radius: 4px;
  background: rgba(4, 19, 30, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 63px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward:last-child {
  margin: 0;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
  background-image: url(/src/views/player/menu/elements/fractions/case.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 119.7px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #018A7C;
  font-weight: 500;
  cursor: pointer;
  margin-left: auto;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 351px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 491.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 50.4px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
  background: #375e80;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
  background: #435768;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
  background: #742222;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 63px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
  text-align: right;
  font-weight: 500;
  сolor: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 37.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
  background: #3C576A;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 12.6px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
  background: #2BB6A8;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 18.9px;
  }
}
#fractions .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 999999;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 799px) {
  #fractions .tooltiptext {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .tooltiptext {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .tooltiptext {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .tooltiptext {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .tooltiptext {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .tooltiptext {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .tooltiptext {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .tooltiptext {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .tooltiptext {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .tooltiptext {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .tooltiptext {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .tooltiptext {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .tooltiptext {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .tooltiptext {
    border-radius: 18.9px;
  }
}
#fractions .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
@media (max-width: 799px) {
  #fractions .pr-210 {
    padding-right: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-210 {
    padding-right: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-210 {
    padding-right: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-210 {
    padding-right: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-210 {
    padding-right: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-210 {
    padding-right: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-210 {
    padding-right: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-210 {
    padding-right: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-210 {
    padding-right: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-210 {
    padding-right: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-210 {
    padding-right: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-210 {
    padding-right: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-210 {
    padding-right: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-210 {
    padding-right: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-210 {
    padding-right: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-210 {
    padding-right: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-210 {
    padding-right: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-210 {
    padding-right: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-210 {
    padding-right: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-210 {
    padding-right: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-8 {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-8 {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-8 {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-8 {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-8 {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-8 {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-8 {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-8 {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-8 {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-8 {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-8 {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-8 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-8 {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-8 {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-8 {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-8 {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-8 {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-8 {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-8 {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-8 {
    margin-right: 25.2px;
  }
}
#fractions .fractions__tasks_box {
  background: rgba(255, 255, 255, 0.1);
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    padding: 63px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image {
  background-image: url(/src/views/player/menu/elements/fractions/assets/images/task.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 252px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.red::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(218, 38, 64, 0.42) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.red::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #DA2640;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.green::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(37, 154, 112, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.green::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #259A70;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(248, 119, 0, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #FF7A00;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(5, 180, 219, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #56CCF2;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 69.3px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text {
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text.green {
  color: #6FCF97;
}
#fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
  color: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 31.5px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text.center {
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #259A70;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 81.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_button:hover {
  background: #1b7051;
}
#fractions .fractions__tasks_box .fractions__tasks_button.unactive {
  background: #1E262F;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_grid {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_grid {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_grid {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_grid {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_grid {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_grid {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_grid {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_grid {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_grid {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_grid {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_grid {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_grid {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_grid {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_grid {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_grid {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_grid {
    margin-left: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-56 {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-56 {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-56 {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-56 {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-56 {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-56 {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-56 {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-56 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-56 {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-56 {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-56 {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-56 {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-56 {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-56 {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-56 {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-56 {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-56 {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-56 {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-56 {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-56 {
    margin-top: 176.4px;
  }
}
#fractions .align-start {
  align-items: flex-start;
}
#fractions .fractions__notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    height: 166.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    margin-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    margin-bottom: 53.55px;
  }
}
#fractions .fractions__notification .fractionsicon-warning {
  color: #DA2640;
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 76.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 107.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 63px;
  }
}
#fractions .fractions__notification .fractions__notification_text {
  font-weight: 500;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__war_grid {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  justify-items: center;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    max-height: 260.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    max-height: 289px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    max-height: 372.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    max-height: 395.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    max-height: 433.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    max-height: 404.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    max-height: 491.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    max-height: 462.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    max-height: 549.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    max-height: 722.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    max-height: 780.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    max-height: 751.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    max-height: 722.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    max-height: 953.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    max-height: 1156px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    max-height: 953.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    max-height: 1300.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    max-height: 1820.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 9.45px;
  }
}
#fractions .fractions__war_grid::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#fractions .fractions__war_grid::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#fractions .fractions__war_grid .fractions__war_element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#fractions .fractions__war_grid .fractions__war_stats {
  width: -webkit-fill-available;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 25.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.45px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.645px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.685px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.75px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.85px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.8px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.95px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.35px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 2.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 3.15px solid rgba(255, 255, 255, 0.25);
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 25.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.45px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.645px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.685px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.75px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.85px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.8px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.95px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.35px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 2.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 3.15px solid rgba(255, 255, 255, 0.25);
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 151.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 100.8px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz:hover {
  opacity: 0.8;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.rm {
  background: #87CEEB;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.lcn {
  background: #CC9900;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.yakudza {
  background: #8B0000;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.armyane {
  background: #A9A9A9;
}
#fractions .fractions__war_grid .fractions__war_price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #259A70;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 50.4px;
  }
}
#fractions .longtextparams {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    min-width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    min-width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    min-width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    min-width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    min-width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    min-width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    min-width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    min-width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    min-width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    min-width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    min-width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    min-width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    min-width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    min-width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    min-width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    min-width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    min-width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    min-width: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-135 {
    padding-right: 60.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-135 {
    padding-right: 67.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-135 {
    padding-right: 87.075px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-135 {
    padding-right: 92.475px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-135 {
    padding-right: 101.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-135 {
    padding-right: 94.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-135 {
    padding-right: 114.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-135 {
    padding-right: 108px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-135 {
    padding-right: 128.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-135 {
    padding-right: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-135 {
    padding-right: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-135 {
    padding-right: 168.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-135 {
    padding-right: 182.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-135 {
    padding-right: 175.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-135 {
    padding-right: 168.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-135 {
    padding-right: 222.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-135 {
    padding-right: 270px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-135 {
    padding-right: 222.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-135 {
    padding-right: 303.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-135 {
    padding-right: 425.25px;
  }
}
#fractions .align-startflex {
  align-items: flex-start !important;
}
@font-face {
  font-family: "fractionsicon";
  src: url(../src/views/player/menu/elements/fractions/assets/fonts//fractionsicon.eot);
  src: url(../src/views/player/menu/elements/fractions/assets/fonts//fractionsicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/elements/fractions/assets/fonts//fractionsicon.ttf) format("truetype"), url(../src/views/player/menu/elements/fractions/assets/fonts//fractionsicon.woff) format("woff"), url(/src/views/player/menu/elements/fractions/assets/fonts/fractionsicon.svg#fractionsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=fractionsicon-], [class*=" fractionsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fractionsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fractionsicon-best:before {
  content: "\e900";
}

.fractionsicon-check:before {
  content: "\e901";
}

.fractionsicon-complaints:before {
  content: "\e902";
}

.fractionsicon-copy:before {
  content: "\e903";
}

.fractionsicon-crime:before {
  content: "\e904";
}

.fractionsicon-crown:before {
  content: "\e905";
}

.fractionsicon-decline:before {
  content: "\e906";
}

.fractionsicon-dots:before {
  content: "\e907";
}

.fractionsicon-exit:before {
  content: "\e908";
}

.fractionsicon-fired:before {
  content: "\e909";
}

.fractionsicon-form:before {
  content: "\e90a";
}

.fractionsicon-fractions:before {
  content: "\e90b";
}

.fractionsicon-gov:before {
  content: "\e90c";
}

.fractionsicon-loop:before {
  content: "\e90d";
}

.fractionsicon-map:before {
  content: "\e90e";
}

.fractionsicon-members:before {
  content: "\e90f";
}

.fractionsicon-neutral:before {
  content: "\e910";
}

.fractionsicon-news:before {
  content: "\e911";
}

.fractionsicon-parking:before {
  content: "\e912";
}

.fractionsicon-person:before {
  content: "\e913";
}

.fractionsicon-plus:before {
  content: "\e914";
}

.fractionsicon-question:before {
  content: "\e915";
}

.fractionsicon-rank:before {
  content: "\e916";
}

.fractionsicon-settings:before {
  content: "\e917";
}

.fractionsicon-squads:before {
  content: "\e918";
}

.fractionsicon-stats:before {
  content: "\e919";
}

.fractionsicon-stock:before {
  content: "\e91a";
}

.fractionsicon-tasks:before {
  content: "\e91b";
}

.fractionsicon-time:before {
  content: "\e91c";
}

.fractionsicon-upgrade:before {
  content: "\e91d";
}

.fractionsicon-warning:before {
  content: "\e91e";
}

.fractionsicon-wifi:before {
  content: "\e91f";
}

.fractionsicon-materials:before {
  content: "\e920";
}
@font-face {
  font-family: "organisationsicon";
  src: url(../src/views/player/menu/elements/fractions/assets/fonts/fonts//organisationsicon.eot);
  src: url(../src/views/player/menu/elements/fractions/assets/fonts/fonts//organisationsicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/menu/elements/fractions/assets/fonts/fonts//organisationsicon.ttf) format("truetype"), url(../src/views/player/menu/elements/fractions/assets/fonts/fonts//organisationsicon.woff) format("woff"), url(/src/views/player/menu/elements/fractions/assets/fonts/fonts/organisationsicon.svg#organisationsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=organisationsicon-], [class*=" organisationsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "organisationsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.organisationsicon-hanger:before {
  content: "\e900";
}

.organisationsicon-clothes:before {
  content: "\e901";
}

.organisationsicon-line:before {
  content: "\e902";
}

.organisationsicon-eye:before {
  content: "\e903";
}

.organisationsicon-phone:before {
  content: "\e904";
}

.organisationsicon-rupor:before {
  content: "\e905";
}

.organisationsicon-shop:before {
  content: "\e906";
}

.organisationsicon-gps:before {
  content: "\e907";
}

.organisationsicon-loop:before {
  content: "\e908";
}

.organisationsicon-personal:before {
  content: "\e909";
}

.organisationsicon-park:before {
  content: "\e90a";
}

.organisationsicon-tasks:before {
  content: "\e90b";
}

.organisationsicon-achivments:before {
  content: "\e90c";
}

.organisationsicon-settings:before {
  content: "\e90d";
}

.organisationsicon-up:before {
  content: "\e90e";
}

.organisationsicon-down:before {
  content: "\e90f";
}

.organisationsicon-clock:before {
  content: "\e910";
}

.organisationsicon-edit:before {
  content: "\e911";
}

.organisationsicon-send:before {
  content: "\e912";
}

.organisationsicon-info:before {
  content: "\e913";
}

.organisationsicon-icon:before {
  content: "\e914";
}

.organisationsicon-add:before {
  content: "\e915";
}

.organisationsicon-dell:before {
  content: "\e916";
}

.organisationsicon-plus:before {
  content: "\e917";
}

.organisationsicon-minus:before {
  content: "\e918";
}

.organisationsicon-sellcar:before {
  content: "\e919";
}

.organisationsicon-tuning:before {
  content: "\e91a";
}

.organisationsicon-edit1:before {
  content: "\e91b";
}

.organisationsicon-save:before {
  content: "\e91c";
}

.organisationsicon-crime:before {
  content: "\e91d";
}

.organisationsicon-customs:before {
  content: "\e91e";
}

.organisationsicon-office:before {
  content: "\e91f";
}

.organisationsicon-gps2:before {
  content: "\e920";
}

.organisationsicon-alarm:before {
  content: "\e921";
}

.organisationsicon-light:before {
  content: "\e922";
}

.organisationsicon-sherif:before {
  content: "\e923";
}

.organisationsicon-dron:before {
  content: "\e924";
}
#popup__newhud_upgrade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    line-height: 59.85px;
  }
}
#popup__newhud_upgrade .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 351.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 391px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 504.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 535.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 586.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 547.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 664.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 625.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 742.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1055.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1016.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1759.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 2463.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1512px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 63px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
#popup__newhud_upgrade .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
#popup__newhud_upgrade .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 75.6px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
#popup__newhud_upgrade .popup__newhud_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
  display: flex;
  flex-direction: column;
  background: #1E262F;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 504px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 705.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 351px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 491.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 100%;
  font-weight: 500;
  font-family: "TTNorms-Medium";
  background-image: url(/src/views/player/menu/elements/fractions/popups/upgrade/upgrade.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 93.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 104px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 134.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 142.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 156px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 145.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 166.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 197.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 280.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 270.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 416px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 468px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 655.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 44.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 49px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 63.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 67.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 73.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 68.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 83.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 78.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 93.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 132.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 127.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 196px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 220.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 308.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 40.95px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 132.3px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.88%, #000000 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image div {
  z-index: 5;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 63px;
  }
}
#popup__newhud_upgrade .popup__grid_button {
  background: rgba(255, 255, 255, 0.15);
  font-weight: 500;
  font-family: "TTNorms-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 207px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 289.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 44.1px;
  }
}
#popup__newhud_upgrade .popup__grid_button:hover {
  background: #259A70;
}
#popup__newhud_upgrade .popup__grid_button.white:hover {
  background: white;
  color: black;
}
#popup__newhud_upgrade .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#popup__newhud_upgrade .ml-auto {
  margin-left: auto;
}
#popup__newhud_upgrade .align-startflex {
  align-items: flex-start !important;
}
.beat_capture-container {
  z-index: 4;
  background-color: #101010;
  border-radius: 20px;
  width: 1020px;
  height: 710px;
  display: flex;
  flex-direction: column;
}
.beat_capture-container > .header {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-left: 22px;
  gap: 8px;
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: rgb(255, 255, 255);
}
.beat_capture-container > .header > button {
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 40px;
  height: 40px;
}
.beat_capture-container > .header > button > svg {
  fill: white;
  opacity: 0.7;
}
.beat_capture-container > .header > button:hover {
  transition: 0.2s ease-in-out;
  background-color: #404040;
}
.beat_capture-container > .header > button:not(hover) {
  transition: 0.2s ease-in-out;
}
.beat_capture-container > .header > .beat-capture-btn {
  color: rgb(255, 255, 255);
  width: 140px;
  background-color: rgba(255, 255, 255, 0.07);
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 13px;
  margin-left: auto;
  margin-right: 22px;
}
.beat_capture-container > .header > .beat-capture-btn:hover {
  background-color: #06b824;
  color: #101010;
}
.beat_capture-container > .header > .square-id {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9e2a2a;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.beat_capture-container > .header > .control span {
  color: #00a2ea;
}

.divider {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  height: 1px;
  margin-top: 12px;
  opacity: 0.1;
  background-color: #fff;
}

.rules {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  margin-left: 22px;
  gap: 8px;
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: rgb(255, 255, 255);
}
.rules .name {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
}
.rules .settings {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rules .increment-input {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242424;
  width: 165px;
  height: 40px;
  border-radius: 5px;
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.rules .increment-input div {
  color: #949494;
  margin-right: 13px;
}
.rules .increment-input button {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  background-color: #363636;
  border: none;
  color: #949494;
  font-size: 20px;
}
.rules .increment-input button:hover {
  transition: 0.2s ease-in-out;
  background-color: #5a5a5a;
}
.rules .increment-input button:not(hover) {
  transition: 0.2s ease-in-out;
}
.rules .increment-input button:active {
  background-color: #818181;
}
.rules .increment-input input {
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 600;
  text-align: center;
  width: 15px;
  height: 25px;
  border: none;
  background-color: #242424;
  color: rgb(255, 255, 255);
  margin-left: 10px;
  margin-right: 10px;
}
.rules .increment-input.count-members {
  width: 185px;
}
.rules .switch-input {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #242424;
  width: 250px;
  height: 40px;
  border-radius: 5px;
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.rules .switch-input div {
  color: #949494;
  margin-right: 13px;
}
.rules .switch-input button {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 5px;
  background-color: #363636;
  border: none;
  color: #949494;
  font-size: 20px;
}
.rules .switch-input button:hover {
  transition: 0.2s ease-in-out;
  background-color: #5a5a5a;
}
.rules .switch-input button:not(hover) {
  transition: 0.2s ease-in-out;
}
.rules .switch-input button:active {
  background-color: #818181;
}
.rules .switch-input input {
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 600;
  text-align: center;
  width: 105px;
  height: 25px;
  border: none;
  background-color: #242424;
  color: rgb(255, 255, 255);
  margin-left: 10px;
  margin-right: 10px;
}
.rules .checkbox-input {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 43px;
  height: 43px;
  background-color: #242424;
}
.rules .checkbox-input > .container {
  display: block;
  position: relative;
  margin-bottom: 24px;
  margin-right: 24px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.rules .checkbox-input > .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.rules .checkbox-input > .container input:checked ~ .checkmark {
  background-color: #06b824;
}
.rules .checkbox-input > .container input:checked ~ .checkmark:after {
  display: block;
}
.rules .checkbox-input > .container .checkmark {
  position: absolute;
  top: 0;
  left: 50%;
  height: 25px;
  width: 25px;
  background-color: #575757;
  border-radius: 5px;
}
.rules .checkbox-input > .container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.rules .checkbox-input > .container:hover input ~ .checkmark {
  transition: 0.2s ease-in-out;
  background-color: #5a5a5a;
}
.rules .checkbox-input.armor {
  width: 80px;
}

.members {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  height: 100%;
  margin-left: 22px;
  margin-right: 22x;
  font-family: "SF Pro Display", sans-serif;
  font-weight: 200;
  font-size: 14px;
  color: rgb(255, 255, 255);
}
.members .labels {
  display: flex;
}
.members .label {
  margin-top: 15px;
  margin-bottom: 5px;
}
.members .all-members {
  width: 50%;
}
.members .selected-members {
  width: 50%;
}
.members .search-input {
  background-color: #242424;
  border: none;
  border-radius: 5px;
  width: 468px;
  height: 40px;
  font-size: 15px;
  color: rgb(255, 255, 255);
  outline: 0;
  padding-left: 10px;
}
.members .search-input:focus {
  background-color: #363636;
  outline: 1px solid #303030;
}
.members .info {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  width: 480px;
  height: 50px;
  border-radius: 5px;
  background-color: rgba(102, 102, 102, 0.3764705882);
  margin-top: 5px;
}
.members .info .field {
  font-weight: lighter;
  color: rgb(143, 143, 143);
}
.members .list-members {
  overflow-y: scroll;
  height: 400px;
  width: 490px;
}
.members .list-members::-webkit-scrollbar {
  width: 4px;
}
.members .list-members::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 3px;
}
.members .list-members::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.members .list-members > .member {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  font-weight: lighter;
  background-color: #242424;
  border-radius: 5px;
  height: 40px;
  width: 480px;
  margin-top: 5px;
  transition: background-color 0.2s ease-in-out;
}
.members .list-members > .member:hover {
  background-color: rgba(34, 226, 75, 0.5254901961);
}
.members .list-members > .member.selected:hover {
  background-color: rgba(128, 23, 23, 0.7607843137);
}
.members .list-members > .member > .field {
  position: relative;
  display: flex;
  align-items: center;
}
.members .list-members > .member > .field > .arrows {
  position: absolute;
  left: -10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
  background-color: #101010;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.members .list-members > .member:hover > .field > .arrows {
  opacity: 0.9;
  transform: translateX(2px);
}
.capt-info-container {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.capt-info-container > .container {
  position: absolute;
  display: flex;
  flex-direction: column;
  color: rgb(255, 255, 255);
  font-family: "SF Pro Display", sans-serif;
  font-weight: 200;
  font-size: 12px;
  padding: 12px;
  width: 142px;
  padding: 12px;
  border-radius: 8px;
  background-color: #252525;
}
.capt-info-container > .container > span {
  margin-top: 5px;
  color: rgb(255, 255, 255);
  opacity: 0.3;
}
.capt-info-container > .container > .divider {
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
  opacity: 0.1;
  background-color: #fff;
}
.capt-info-container > .container > button {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 300;
  font-size: 12px;
  border-radius: 5px;
  color: rgb(255, 255, 255);
  margin-bottom: 5px;
  height: 30px;
  width: 100%;
  border: none;
}
.capt-info-container > .container > button:hover {
  transition: 0.2s ease;
}
.capt-info-container > .container .edit {
  background-color: #494949;
}
.capt-info-container > .container .edit:hover {
  background-color: #807676;
}
.capt-info-container > .container .cancel {
  background-color: rgba(255, 32, 32, 0.5019607843);
}
.capt-info-container > .container .cancel:hover {
  background-color: rgba(219, 17, 17, 0.8431372549);
}
.notification-container {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-container > .container {
  display: flex;
  flex-direction: column;
  color: rgb(255, 255, 255);
  font-family: "SF Pro Display", sans-serif;
  font-weight: 200;
  font-size: 14px;
  width: 500px;
  border-radius: 10px;
  background-color: #272727;
  box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.3019607843);
  padding: 20px;
}
.notification-container > .container > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.notification-container > .container > header > h1 {
  font-size: 18px;
  font-weight: normal;
}
.notification-container > .container > header > button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 300;
  transition: 0.2s ease;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  color: rgb(255, 255, 255);
  height: 25px;
  width: 25px;
  border: none;
}
.notification-container > .container > header > button > svg {
  fill: white;
}
.notification-container > .container > header > button:hover {
  transition: 0.2s ease;
  background-color: rgba(255, 255, 255, 0.4);
}

.list-notifications {
  overflow-y: scroll;
  padding-right: 5px;
  height: 530px;
  width: 470px;
}
.list-notifications::-webkit-scrollbar {
  width: 4px;
}
.list-notifications::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 3px;
}
.list-notifications::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.list-notifications > .notification {
  background-color: rgba(255, 252, 252, 0.1176470588);
  padding: 8px;
  border-radius: 5px;
  margin-bottom: 5px;
  transition: background-color 0.2s ease-in-out;
}
.list-notifications > .notification > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-notifications > .notification > header > .state {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00a2ea;
  width: 50px;
  height: 20px;
  border-radius: 5px;
  font-size: 10px;
}
.list-notifications > .notification > header > .date {
  opacity: 0.4;
  font-weight: normal;
  font-size: 14px;
}
.list-notifications > .notification > .receiver {
  color: rgba(255, 255, 255, 0.2745098039);
  font-weight: normal;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.list-notifications > .notification > .receiver > .name {
  font-size: 10px;
  color: rgb(255, 255, 255);
  opacity: 1;
  background-color: rgba(14, 179, 110, 0.862745098);
  margin-top: 0;
  padding: 5px;
  border-radius: 5px;
}
.list-notifications > .notification > div {
  margin-top: 6px;
}
#inputcolorsettings {
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  #inputcolorsettings {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings {
    margin-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings {
    margin-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings {
    margin-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings {
    margin-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings {
    margin-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings {
    margin-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings {
    margin-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings {
    margin-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings {
    margin-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings {
    margin-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings {
    margin-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings {
    margin-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings {
    margin-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings {
    margin-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings {
    margin-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings {
    margin-top: 78.75px;
  }
}
#inputcolorsettings .panel-row {
  position: relative;
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row {
    margin-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row {
    margin-right: 72.45px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 18.9px;
  }
}
#inputcolorsettings .panel-row:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 799px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 56.7px;
  }
}
#inputcolorsettings .panel-header {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-header {
    height: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-header {
    height: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-header {
    height: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-header {
    height: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-header {
    height: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-header {
    height: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-header {
    height: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-header {
    height: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-header {
    height: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-header {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-header {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-header {
    height: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-header {
    height: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-header {
    height: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-header {
    height: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    height: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    height: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    height: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    height: 105.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-header {
    height: 148.05px;
  }
}
#inputcolorsettings .swatch {
  display: inline-block;
  background: #ccc;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    border-radius: 1.8px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    border-radius: 2px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    border-radius: 2.58px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    border-radius: 2.74px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    border-radius: 2.8px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    border-radius: 3.4px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    border-radius: 3.2px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    border-radius: 3.8px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    border-radius: 5.4px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    border-radius: 5.2px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border-radius: 8px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border-radius: 9px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    border-radius: 12.6px  undefined;
  }
}
#inputcolorsettings .default-swatches {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches {
    width: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches {
    width: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches {
    width: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches {
    width: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches {
    width: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches {
    width: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches {
    width: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches {
    width: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches {
    width: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches {
    width: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches {
    width: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches {
    width: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches {
    width: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    width: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    width: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    width: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    width: 434.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches {
    width: 607.95px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches {
    height: 192.15px;
  }
}
#inputcolorsettings .default-swatches.big1 {
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(16, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 156.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 174px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 224.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 238.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 261px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 243.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 295.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 278.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 330.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 435px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 469.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 452.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 435px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 574.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 696px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 574.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 783px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 1096.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1260px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1764px;
  }
}
#inputcolorsettings .default-swatches.big2 {
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 156.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 174px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 224.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 238.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 261px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 243.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 295.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 278.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 330.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 435px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 469.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 452.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 435px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 574.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 696px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 574.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 783px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 1096.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 201.6px;
  }
}
#inputcolorsettings .default-swatches .swatch:nth-child(6n+1) {
  margin-left: 0;
}
#inputcolorsettings .color-cursor {
  border-radius: 100%;
  background: #ccc;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
  transition: all 0.2s ease;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor {
    border: 0.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor {
    border: 1.29px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor {
    border: 1.37px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor {
    border: 1.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor {
    border: 1.4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor {
    border: 1.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor {
    border: 1.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor {
    border: 1.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor {
    border: 2.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor {
    border: 2.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor {
    border: 4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor {
    border: 4.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor {
    border: 6.3px solid rgba(255, 255, 255, 0.2);
  }
}
#inputcolorsettings .color-cursor.dragging {
  transition: none;
}
#inputcolorsettings .color-cursor#spectrum-cursor {
  top: 0;
  left: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -33.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -47.25px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -33.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -47.25px;
  }
}
#inputcolorsettings .color-cursor#hue-cursor {
  top: 0;
  left: 50%;
  pointer-events: none;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -31.5px;
  }
}
#inputcolorsettings .spectrum-map {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    width: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    width: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    width: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    width: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    width: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    width: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    width: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    width: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    width: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    width: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    width: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    width: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    width: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    width: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    width: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    width: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    width: 580.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    width: 812.7px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    height: 607.95px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    border: 0.45px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    border: 0.5px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    border: 0.645px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    border: 0.685px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    border: 0.75px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    border: 0.7px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    border: 0.85px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    border: 0.8px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    border: 0.95px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    border: 1px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    border: 1px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    border: 1.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    border: 1.35px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    border: 1.3px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    border: 1.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border: 1.65px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border: 2px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border: 1.65px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border: 2.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    border: 3.15px solid rgba(23, 25, 33, 0.4);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 2.7px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 3.87px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.11px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.5px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.2px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 5.1px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.8px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 5.7px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 8.1px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.8px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 12px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 13.5px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 18.9px  undefined;
  }
}
#inputcolorsettings #spectrum-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
}
#inputcolorsettings .hue-map {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .hue-map {
    right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .hue-map {
    right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .hue-map {
    right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .hue-map {
    right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .hue-map {
    right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .hue-map {
    right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .hue-map {
    right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .hue-map {
    right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .hue-map {
    right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .hue-map {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .hue-map {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .hue-map {
    right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .hue-map {
    right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .hue-map {
    right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .hue-map {
    right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    right: 54px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .hue-map {
    right: 75.6px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .hue-map {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .hue-map {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .hue-map {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .hue-map {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .hue-map {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .hue-map {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .hue-map {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .hue-map {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .hue-map {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .hue-map {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .hue-map {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .hue-map {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .hue-map {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .hue-map {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .hue-map {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .hue-map {
    width: 37.8px;
  }
}
#inputcolorsettings #hue-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}
@media (max-width: 799px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 25.2px;
  }
}
#inputcolorsettings .color-button {
  background: #2A3137;
  border: 0;
  color: #8B949A;
  font-size: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button {
    padding: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button {
    padding: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button {
    padding: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button {
    padding: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button {
    padding: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button {
    padding: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button {
    padding: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button {
    padding: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button {
    padding: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button {
    padding: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button {
    padding: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button {
    padding: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    padding: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    padding: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    padding: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    padding: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button {
    padding: 12.6px;
  }
}
#inputcolorsettings .color-button:active {
  background: #262c31;
}
#inputcolorsettings .color-button.preview {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: #ccc;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    width: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    width: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    width: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    width: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    width: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    width: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    width: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    width: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    width: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    width: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    width: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    width: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    width: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    width: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    width: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    width: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    width: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    width: 192.15px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    height: 192.15px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 1.8px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.58px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.74px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.8px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.4px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.2px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.8px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5.4px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5.2px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 8px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 9px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 12.6px  undefined;
  }
}
#inputcolorsettings .color-button.swatch {
  display: inline-block;
  margin: 10px auto 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.swatch {
    padding: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.swatch {
    padding: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.swatch {
    padding: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.swatch {
    padding: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.swatch {
    padding: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.swatch {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.swatch {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.swatch {
    padding: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    padding: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    padding: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    padding: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    padding: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.swatch {
    padding: 18.9px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.swatch {
    width: 63.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.swatch {
    width: 71px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.swatch {
    width: 91.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.swatch {
    width: 97.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.swatch {
    width: 106.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.swatch {
    width: 99.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.swatch {
    width: 120.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.swatch {
    width: 113.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.swatch {
    width: 134.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.swatch {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.swatch {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.swatch {
    width: 177.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.swatch {
    width: 191.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.swatch {
    width: 184.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.swatch {
    width: 177.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    width: 234.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    width: 284px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    width: 234.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    width: 319.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.swatch {
    width: 447.3px;
  }
}
#inputcolorsettings .color-button.mode-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 153px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 214.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 126px;
  }
}
#inputcolorsettings .value-fields {
  display: none;
  align-items: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 53.55px;
  }
}
#inputcolorsettings .value-fields.active {
  display: flex;
}
#inputcolorsettings .value-fields .field-label {
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 56.7px;
  }
}
#inputcolorsettings .value-fields .field-input {
  background: rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  font-style: normal;
  font-weight: bold;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    width: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    width: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    width: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    width: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    width: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    width: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    width: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    width: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    width: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    width: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    width: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    width: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    width: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    width: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    width: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    width: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    width: 83.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    width: 116.55px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    height: 110.25px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 2.7px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 3.87px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.11px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.5px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.2px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 5.1px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.8px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 5.7px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 8.1px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.8px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 12px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 13.5px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 18.9px  undefined;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 44.1px;
  }
}
#inputcolorsettings .rgb-fields .field-group {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 25.2px;
  }
}
#inputcolorsettings .color-indicator {
  display: inline-block;
  vertical-align: middle;
  background: #ccc;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    border-radius: 12.6px;
  }
}

@media (max-width: 799px) {
  .mrt-18 {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .mrt-18 {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .mrt-18 {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .mrt-18 {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .mrt-18 {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .mrt-18 {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .mrt-18 {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .mrt-18 {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .mrt-18 {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .mrt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .mrt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .mrt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .mrt-18 {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .mrt-18 {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .mrt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .mrt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .mrt-18 {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .mrt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .mrt-18 {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .mrt-18 {
    margin-top: 56.7px;
  }
}

.color-picker-panel input::-webkit-outer-spin-button,
.color-picker-panel input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup__newhud_squadranks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks {
    line-height: 59.85px;
  }
}
.popup__newhud_squadranks .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 351.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 391px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 504.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 535.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 586.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 547.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 664.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 625.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 742.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 977.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1055.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1016.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 977.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1290.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1290.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1759.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 2463.3px;
  }
}
.popup__newhud_squadranks .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud_squadranks .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud_squadranks .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud_squadranks .popup__newhud_text {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 1417.5px;
  }
}
.popup__newhud_squadranks .popup__newhud_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 59.85px;
  }
}
.popup__newhud_squadranks .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud_squadranks .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud_squadranks .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .align-startflex {
  align-items: flex-start !important;
}
.popup__newhud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    line-height: 59.85px;
  }
}
.popup__newhud .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_list {
  overflow-y: auto;
  width: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    max-height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    max-height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    max-height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    max-height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    max-height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    max-height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    max-height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    max-height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    max-height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    max-height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    max-height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    max-height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    max-height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    max-height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    max-height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    max-height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    max-height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    max-height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    max-height: 427.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    max-height: 598.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element {
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 53.55px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 15.75px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element.added {
  background: rgba(43, 182, 168, 0.12);
}
.popup__newhud .popup__newhud_list .popup__list_element .green {
  color: #05BB63;
}
.popup__newhud .popup__newhud_list .popup__list_element .box-column {
  margin-right: auto;
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 292.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 409.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 53.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 59px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 76.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 80.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 88.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 82.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 100.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 94.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 112.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 265.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 371.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 129.15px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 50.4px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 50.4px;
  }
}
.popup__newhud .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    max-width: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    max-width: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    max-width: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    max-width: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    max-width: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    max-width: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    max-width: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    max-width: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    max-width: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    max-width: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    max-width: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1260px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1764px;
  }
}
.popup__newhud .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    max-height: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    max-height: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    max-height: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    max-height: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    max-height: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    max-height: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    max-height: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    max-height: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    max-height: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1800px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    max-height: 2520px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
.popup__newhud .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .align-startflex {
  align-items: flex-start !important;
}
.docs .license {
  position: absolute;
  width: 700px;
  height: 500px;
  left: 50%;
  top: 50%;
  margin: -250px 0 0 -350px;
  background-image: url(/src/views/player/license/images/lic.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 20px;
  font-weight: 400;
}

.docs .license #firstname {
  margin-left: 300px;
  margin-top: 95px;
}

.docs .license #lastname {
  margin-left: 344px;
  margin-top: 24px;
}

.docs .license #date {
  margin-left: 415px;
  margin-top: 21px;
}

.docs .license #gender {
  margin-left: 300px;
  margin-top: 21px;
}

.docs .license #lics {
  margin-left: 9%;
  margin-top: 74px;
  font-size: 14pt;
}
.docs .passport {
  position: absolute;
  width: 500px;
  height: 700px;
  left: 50%;
  top: 50%;
  margin: -450px 0 0 -250px;
  background-image: url(/src/views/player/passport/images/passport.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 20px;
  font-weight: 400;
}

.docs .passport p {
  margin: 0;
  font-size: 12pt;
}

.docs .passport #firstname {
  margin-left: 200px;
  margin-bottom: 13px;
}

.docs .passport #lastname {
  margin-left: 240px;
  margin-bottom: 15px;
}

.docs .passport #date {
  margin-left: 300px;
  margin-bottom: 16px;
}

.docs .passport #gender {
  margin-left: 195px;
  margin-bottom: 14px;
}

.docs .passport #member {
  margin-left: 245px;
  margin-bottom: 14px;
}

.docs .passport #work {
  margin-left: 220px;
}

.docs .passport #number {
  font-size: 24pt;
  margin-top: 270px;
  margin-bottom: 138px;
  margin-left: 50px;
}

.docs .passport .exit, .license .exit {
  float: right;
  width: 30px;
  height: 30px;
  background-color: #EF3B3A;
  border-radius: 20px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 7px;
  font-size: 16px;
  color: #fff;
}

.docs .passport #exit {
  margin-top: 33px;
}
.box-dropinfo {
  position: absolute;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "UniNeue";
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  .box-dropinfo {
    padding: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-dropinfo {
    padding: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-dropinfo {
    padding: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-dropinfo {
    padding: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-dropinfo {
    padding: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-dropinfo {
    padding: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-dropinfo {
    padding: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-dropinfo {
    padding: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-dropinfo {
    padding: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-dropinfo {
    padding: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-dropinfo {
    padding: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-dropinfo {
    padding: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-dropinfo {
    padding: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-dropinfo {
    padding: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-dropinfo {
    padding: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-dropinfo {
    padding: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-dropinfo {
    padding: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-dropinfo {
    padding: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-dropinfo {
    padding: 112.5px;
  }
}
@media (min-width: 6000px) {
  .box-dropinfo {
    padding: 157.5px;
  }
}
.box-dropinfo .box-KeyInfo {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 799px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  .box-dropinfo .box-KeyInfo {
    margin-right: 78.75px;
  }
}
.box-dropinfo .box-KeyInfo:last-child {
  margin-right: 0;
}
@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBold.eot);
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBold.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Heavy.eot);
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Heavy.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-LightItalic.eot);
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-LightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ThinItalic.eot);
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ThinItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BlackItalic.eot);
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BlackItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BoldItalic.eot);
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBold.eot);
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBold.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBoldItalic.eot);
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Light.eot);
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Light.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Light.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-MediumItalic.eot);
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-MediumItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot);
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Regular.eot);
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Regular.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-HeavyItalic.eot);
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-HeavyItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Medium.eot);
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Medium.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-RegularItalic.eot);
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-RegularItalic.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLight.eot);
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLight.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-UltraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Bold.eot);
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Bold.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Thin.eot);
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Thin.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Black.eot);
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Black.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Black.woff) format('woff'),
        url(../src/views/player/hudevo/fonts/Gilroy//Gilroy-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/player/hudevo//proximanova.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HudFontCustom";
  src: url(../src/views/player/hudevo//hudfontcustom.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@keyframes rotateE {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes leftright {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
.playerinfo__box.leftha {
  margin-left: 4vh;
}

.hudevo__improvements {
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  .hudevo__improvements {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__improvements {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__improvements {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__improvements {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__improvements {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__improvements {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__improvements {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__improvements {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__improvements {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__improvements {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__improvements {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__improvements {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__improvements {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__improvements {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__improvements {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__improvements {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__improvements {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__improvements {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__improvements {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  .hudevo__improvements {
    width: 126px;
  }
}
@media (max-width: 799px) {
  .hudevo__improvements {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__improvements {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__improvements {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__improvements {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__improvements {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__improvements {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__improvements {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__improvements {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__improvements {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__improvements {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__improvements {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__improvements {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__improvements {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__improvements {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__improvements {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__improvements {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__improvements {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__improvements {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__improvements {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .hudevo__improvements {
    height: 126px;
  }
}
@media (max-width: 799px) {
  .hudevo__improvements {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__improvements {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__improvements {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__improvements {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__improvements {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__improvements {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__improvements {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__improvements {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__improvements {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__improvements {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__improvements {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__improvements {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__improvements {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__improvements {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__improvements {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__improvements {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__improvements {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__improvements {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__improvements {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .hudevo__improvements {
    margin-bottom: 31.5px;
  }
}
.hudevo__improvements img {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .hudevo__improvements p {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__improvements p {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__improvements p {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__improvements p {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__improvements p {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__improvements p {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__improvements p {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__improvements p {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__improvements p {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__improvements p {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__improvements p {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__improvements p {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__improvements p {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__improvements p {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__improvements p {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__improvements p {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__improvements p {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__improvements p {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__improvements p {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  .hudevo__improvements p {
    font-size: 47.25px;
  }
}

.hudevo__activities {
  position: absolute;
  display: flex;
  height: 18vh;
  margin-right: 4vh;
  gap: 1vh;
}
@media (max-width: 799px) {
  .hudevo__activities {
    right: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities {
    right: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities {
    right: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities {
    right: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities {
    right: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities {
    right: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities {
    right: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities {
    right: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities {
    right: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities {
    right: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities {
    right: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities {
    right: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities {
    right: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities {
    right: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities {
    right: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities {
    right: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities {
    right: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities {
    right: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities {
    right: 787.5px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities {
    right: 1102.5px;
  }
}
@media (max-width: 799px) {
  .hudevo__activities {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities {
    height: 630px;
  }
}
@media (max-width: 799px) {
  .hudevo__activities {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities {
    gap: 31.5px;
  }
}
.hudevo__activities_block {
  width: 7vw;
  background: linear-gradient(180deg, #ff0000, transparent);
  border-radius: 0.5vh;
}
@media (max-width: 799px) {
  .hudevo__activities_block {
    width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities_block {
    width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities_block {
    width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities_block {
    width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities_block {
    width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities_block {
    width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities_block {
    width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities_block {
    width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities_block {
    width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities_block {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities_block {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities_block {
    width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities_block {
    width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities_block {
    width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities_block {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities_block {
    width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities_block {
    width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities_block {
    width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities_block {
    width: 292.5px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities_block {
    width: 409.5px;
  }
}
.hudevo__activities_block.isdeff {
  background: linear-gradient(180deg, #0066CC, transparent);
}
.hudevo__activities_block h1 {
  position: relative;
  font-size: 1.6vh;
  text-align: center;
  margin: 0 auto;
  margin-top: 2vh;
}
@media (max-width: 799px) {
  .hudevo__activities_block h1 {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities_block h1 {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities_block h1 {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities_block h1 {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities_block h1 {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities_block h1 {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities_block h1 {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities_block h1 {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities_block h1 {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities_block h1 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities_block h1 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities_block h1 {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities_block h1 {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities_block h1 {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities_block h1 {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities_block h1 {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities_block h1 {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities_block h1 {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities_block h1 {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities_block h1 {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .hudevo__activities_block h1 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities_block h1 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities_block h1 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities_block h1 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities_block h1 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities_block h1 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities_block h1 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities_block h1 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities_block h1 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities_block h1 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities_block h1 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities_block h1 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities_block h1 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities_block h1 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities_block h1 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities_block h1 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities_block h1 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities_block h1 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities_block h1 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities_block h1 {
    margin-top: 63px;
  }
}
.hudevo__activities_block p {
  position: relative;
  text-align: center;
  margin-top: 0.5vh;
  font-size: 4vh;
  font-weight: 500;
}
@media (max-width: 799px) {
  .hudevo__activities_block p {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities_block p {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities_block p {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities_block p {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities_block p {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities_block p {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities_block p {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities_block p {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities_block p {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities_block p {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities_block p {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities_block p {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities_block p {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities_block p {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities_block p {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities_block p {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities_block p {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities_block p {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities_block p {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities_block p {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  .hudevo__activities_block p {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .hudevo__activities_block p {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .hudevo__activities_block p {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .hudevo__activities_block p {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .hudevo__activities_block p {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .hudevo__activities_block p {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .hudevo__activities_block p {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .hudevo__activities_block p {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .hudevo__activities_block p {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .hudevo__activities_block p {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .hudevo__activities_block p {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .hudevo__activities_block p {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .hudevo__activities_block p {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .hudevo__activities_block p {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .hudevo__activities_block p {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .hudevo__activities_block p {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .hudevo__activities_block p {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .hudevo__activities_block p {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .hudevo__activities_block p {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  .hudevo__activities_block p {
    font-size: 126px;
  }
}

.hudspeed1 {
  position: absolute;
  bottom: 2vh;
  right: 2vh;
  display: flex;
  flex-direction: row;
}

.hudspeed1 .speed {
  margin-right: 22vh;
}

.hudspeed1 .timedata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hudspeed1 .time {
  height: 2.037vh;
  display: flex;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.389vh;
  line-height: 1.667vh;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.648vh rgba(0, 0, 0, 0.5);
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  width: 6.019vh;
}
.hudspeed1 .time .magicweather.cloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/cloud_small.png);
}
.hudspeed1 .time .magicweather.fog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/fog_small.png);
}
.hudspeed1 .time .magicweather.rain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/rain_small.png);
}
.hudspeed1 .time .magicweather.snow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/snow_small.png);
}
.hudspeed1 .time .magicweather.sunny {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/sun_small.png);
}
.hudspeed1 .time .magicweather.thunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/thunder_small.png);
}
.hudspeed1 .time .magicweather.night {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small.png);
}
.hudspeed1 .time .magicweather.nightcloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_cloud.png);
}
.hudspeed1 .time .magicweather.nightfog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_fog.png);
}
.hudspeed1 .time .magicweather.nightrain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_rain.png);
}
.hudspeed1 .time .magicweather.nightthunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_thunder.png);
}
.hudspeed1 .time .magicweather.nightsnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_snow.png);
}

.hudspeed1 .data {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 1.204vh;
  line-height: 1.481vh;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.648vh rgba(0, 0, 0, 0.5);
}

.hudspeed1 .timeico {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 2.037vh;
  height: 2.037vh;
  flex-direction: row;
  margin-right: 0.37vh;
}

.hudspeed1 .timeico svg {
  display: block;
  width: 1.667vh;
  height: 1.667vh;
}

.haxgps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.haxgps .gpsgreen {
  height: 3.704vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.204vh;
}

.haxgps .gpsgreen p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.852vh;
  line-height: 1.852vh;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0vh;
  width: 12.5vh;
  height: 3.704vh;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: linear-gradient(89.8deg, rgba(78, 206, 0, 0.4) 31.16%, rgba(78, 206, 0, 0) 99.81%);
  border-radius: 0.37vh;
  margin-left: -1.252vh;
}

.haxgps .gpsgreen .greenico {
  width: 3.704vh;
  height: 3.704vh;
  background: #4ECE00;
  border-radius: 0.37vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  z-index: 1;
}

.haxgps .gpsgreen .greenico svg {
  width: 2.222vh;
  height: 2.222vh;
}

.playerinfo__box_key.hax {
  position: absolute !important;
  top: 50%;
  width: 2.037vh;
  height: 2.037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5200FF;
  border-radius: 0.37vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.481vh;
  line-height: 1.481vh;
  color: #FFFFFF;
  left: 4.537vh;
  transform: translate(0vh, -50%);
}

.haxgps .gpsstreet {
  height: 3.704vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.111vh;
  margin-bottom: 2.222vh;
}

.haxgps .gpsstreet .streetico {
  width: 3.704vh;
  height: 3.704vh;
  background: #333330;
  border-radius: 0.37vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  z-index: 1;
}

.haxgps .gpsstreet .streetico svg {
  width: 2.222vh;
  height: 2.222vh;
}

.haxgps .gpsstreet .street {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: -1.252vh;
  background: linear-gradient(89.8deg, rgba(65, 65, 65, 0.4) 31.16%, rgba(51, 51, 51, 0) 99.81%);
  border-radius: 0.37vh;
  min-width: 12.5vh;
  height: 3.704vh;
  padding-left: 1.993vh;
}

.haxgps .gpsstreet .street p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.111vh;
  line-height: 1.111vh;
  color: #FFFFFF;
}

.haxgps .gpsstreet .street b {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 1.667vh;
  line-height: 1.667vh;
  color: #FFFFFF;
  margin-bottom: 0.185vh;
}

.haxlevel {
  width: 21.522vh;
  height: 5.893vh;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  background: url(https://cdn.just-rp.online/imgur.com/dUkI302.png);
  background-size: cover;
  top: 1.204vh;
  right: 22.222vh;
}

.haxlevel .titlelev {
  display: flex;
  width: 7.407vh;
  height: 2.778vh;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.haxlevel .titlelev p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.944vh;
  line-height: 2.778vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.37vh rgba(255, 255, 255, 0.5);
}

.haxlevel .hlevel {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  width: 21.522vh;
  position: absolute;
  top: 0.95vh;
}

.haxlevel .hlevel .leftlev {
  width: 4.167vh;
  height: 4.167vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-left: 0.8vh;
}

.haxlevel .hlevel .rightlev {
  width: 4.167vh;
  height: 4.167vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-right: 1vh;
}

.haxlevel .hlevel .leftlev p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.296vh;
  line-height: 1.574vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.37vh rgba(255, 255, 255, 0.5);
}

.haxlevel .hlevel .rightlev p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.296vh;
  line-height: 1.574vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.37vh rgba(255, 255, 255, 0.5);
}

.haxlevel .explev {
  width: 11.944vh;
  height: 2.87vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.haxlevel .explev p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833vh;
  line-height: 1.019vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}

.buttonsinfo.hax {
  margin-top: 0vh !important;
  position: absolute;
  right: 2vh;
  top: 50%;
  transform: translate(0vh, -50%);
}

.haxhit .hitico svg {
  width: 1.852vh;
  height: 1.852vh;
  display: block;
  fill: #fff;
}

.haxhit {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  margin-bottom: 1.481vh;
}

.haxhit .hitbut p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.389vh;
  line-height: 1.667vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0vh;
}

.haxhit .hitbut {
  display: flex;
  width: 2.778vh;
  height: 2.778vh;
  background: rgba(35, 38, 45, 0.5);
  border: 0.093vh solid rgba(255, 255, 255, 0.04);
  box-shadow: 0px 0.37vh 0.37vh rgba(0, 0, 0, 0.25);
  border-radius: 0.37vh;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-left: 1.389vh;
}

.haxhit .hitico {
  width: 1.852vh;
  height: 1.852vh;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.hudhaxzer_gps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 2.037vh;
}

.hudhaxzer_gps .butradio {
  width: 5.185vh;
  height: 5.648vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://cdn.just-rp.online/imgur.com/RVYm0JF.png);
  background-size: cover;
  align-content: center;
  margin-left: -1vh;
  margin-bottom: -1.5vh;
}

.hudhaxzer_gps .butradio.act {
  background: url(https://cdn.just-rp.online/imgur.com/Q0Bl2Yd.png);
}

.hudhaxzer_gps .butradio svg {
  width: 1.667vh;
  height: 1.667vh;
  fill: rgba(231, 56, 53, 0.5);
}

.hudhaxzer_gps .butradio.act svg {
  width: 1.667vh;
  height: 1.667vh;
  fill: #0066CC;
}

.hudhaxzer_gps .butmicro {
  width: 5.185vh;
  height: 5.648vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://cdn.just-rp.online/imgur.com/RVYm0JF.png);
  background-size: cover;
  align-content: center;
  margin-left: -1vh;
  margin-bottom: -0.3vh;
}

.hudhaxzer_gps .butmicro.active {
  width: 5.185vh;
  height: 5.648vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://cdn.just-rp.online/imgur.com/Q0Bl2Yd.png);
  background-size: cover;
  align-content: center;
  margin-left: -1vh;
  margin-bottom: -0.3vh;
  animation: key-info-active 500ms;
}

.hudhaxzer_gps .butmicro svg {
  width: 1.667vh;
  height: 1.667vh;
  fill: rgba(231, 56, 53, 0.5);
}

.hudhaxzer_gps .butmicro.active svg {
  width: 1.667vh;
  height: 1.667vh;
  fill: #0066CC;
  animation: key-info-active 500ms;
}

.hudhaxzer_gps .hudtime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.648vh;
}

.hudhaxzer_gps .hudtime b {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.111vh;
  line-height: 1.296vh;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  opacity: 0.2;
  text-shadow: 0px 0px 1.111vh #000000;
}

.hudhaxzer_gps .hudtime p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.389vh;
  line-height: 1.667vh;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh rgba(0, 0, 0, 0.2392156863);
  margin-bottom: 0vh;
}

.hudhaxzer_gps .hudgps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.hudhaxzer_gps .hudgps .left {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.963vh;
  line-height: 3.519vh;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh rgba(0, 0, 0, 0.2392156863);
}

.hudhaxzer_gps .hudgps .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-left: 0.285vh solid rgba(255, 255, 255, 0.15);
  margin-left: 1.296vh;
  padding-left: 1vh;
}

.hudhaxzer_gps .hudgps .right b {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.389vh;
  line-height: 1.667vh;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh rgba(0, 0, 0, 0.2392156863);
}

.hudhaxzer_gps .hudgps .right p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.389vh;
  line-height: 1.667vh;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0vh;
  text-shadow: 0px 0px 1.111vh rgba(0, 0, 0, 0.2392156863);
}

.hudhaxzer_gps .hudgreen {
  margin-bottom: 0.648vh;
}

.hudhaxzer_gps .hudgreen p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.126vh;
  line-height: 1.311vh;
  display: flex;
  align-items: center;
  letter-spacing: 0.17em;
  color: #97E638;
  margin-bottom: 0vh;
  text-shadow: 0px 0px 1.111vh rgba(151, 230, 56, 0.5);
}

.hudhaxzer_notilist {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 4vh;
  transform: translate(-50%, 0vh);
}

.hudhaxzer_notilist .hudhaxzer_noti {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}

.hudhaxzer_notilist .hudhaxzer_noti .notititle {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.593vh;
  line-height: 3.056vh;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.37vh #ffffff;
}

.hudhaxzer_notilist .hudhaxzer_noti .notibar {
  width: 27.778vh;
  height: 0.278vh;
  background: rgba(255, 255, 255, 0.15);
  margin-top: 1vh;
}

.hudhaxzer_notilist .hudhaxzer_noti .notibar .barprogress {
  width: 100%;
  height: 0.278vh;
  background: #0066CC;
  box-shadow: 0px 0px 1.111vh rgba(0, 145, 255, 0.5);
}

.hudhaxzer_notilist .hudhaxzer_noti .notitext {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.481vh;
  line-height: 1.759vh;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.1vh #ffffff;
  margin-top: 1vh;
  width: 48.296vh;
}

.hudhaxzer__center {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.hudhaxzer_center_bottom .hudhaxzer_use {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-top: 3vh;
}

.hudhaxzer_center_bottom .hudhaxzer_use .usetitle {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.hudhaxzer_center_bottom .hudhaxzer_use .usetitle p {
  width: 2.778vh;
  height: 2.778vh;
  margin-bottom: 0vh;
  text-align: center;
  border-radius: 50%;
  border: solid 0.2vh rgba(255, 255, 255, 0.15);
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.481vh;
  line-height: 1.759vh;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.648vh rgba(255, 255, 255, 0.5);
  justify-content: center;
  align-content: center;
}

.hudhaxzer_center_bottom .hudhaxzer_use .usetitle .titleico {
  animation: rotateE 1.5s infinite linear;
  position: absolute;
}

.hudhaxzer_center_bottom .hudhaxzer_use .usetitle .titleico svg {
  display: block;
  width: 5.093vh;
  height: 5.093vh;
}

.hudhaxzer_center_bottom .hudhaxzer_use .usetext {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.481vh;
  line-height: 1.759vh;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  text-shadow: 0px 0px 0.648vh rgba(255, 255, 255, 0.5);
  justify-content: flex-start;
  align-content: center;
  margin-left: 1.5vh;
}

.hudhaxzer_center_bottom {
  position: absolute;
  left: 50%;
  bottom: 2.13vh;
  transform: translate(-50%, 0px);
}

.hudhaxzer_right {
  position: absolute;
  right: 0vh;
  height: 100%;
  top: 0vh;
}

.hudhaxzer_case {
  position: absolute;
  width: 24.63vh;
  height: 5.556vh;
  right: 0vh;
  top: 15.685vh;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 29.41%, rgba(255, 255, 255, 0) 92.29%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudhaxzer_case .infocase {
  text-align: right;
}

.hudhaxzer_case .icocase {
  background-size: cover;
  height: 5.556vh;
  width: 5.556vh;
}

.hudhaxzer_case .infocase h1 {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.389vh;
  line-height: 1.667vh;
  text-align: right;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh #000000;
}

.hudhaxzer_case .infocase p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.667vh;
  line-height: 1.944vh;
  color: #0066CC;
  text-shadow: 0px 0px 1.111vh #0066CC;
}

.hudhaxzer_quest {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 24.63vh;
  top: 1.944vh;
  right: 18.704vh;
}

.hudhaxzer_quest .quest_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.589vh;
  line-height: 1.867vh;
  text-align: right;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh #000000;
}

.hudhaxzer_quest .quest_title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.033vh;
  line-height: 1.219vh;
  text-align: right;
  color: #FFFFFF;
  text-shadow: 0px 0px 1.111vh #000000;
  margin-right: 0.31vh;
}

.hudhaxzer_quest .quest_header .headerico {
  margin-left: 0.3vh;
}

.hudhaxzer_quest .quest_title .titleico {
  margin-left: 0.3vh;
}

.hudhaxzer_quest .quest_header .headerico svg {
  display: block;
  width: 2.944vh;
  height: 2.944vh;
}

.hudhaxzer_quest .quest_title .titleico svg {
  display: block;
  width: 2.111vh;
  height: 2.111vh;
}

.hudxahzer_playerinfo {
  display: flex;
  position: absolute;
  right: 2.222vh;
  top: 2.222vh;
  flex-direction: column;
  align-items: flex-end;
}

.hudxahzer_playerinfo .hudxahzer_head {
  width: 12.778vh;
  height: 6.389vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_logo {
  width: 12.778vh;
  height: 4.167vh;
  background: url(https://cdn.just-rp.online/imgur.com/jhN1ABy.png);
  background-size: cover;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info {
  width: 12.778vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: center;
  justify-content: space-between;
  margin-top: 0.926vh;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudonline {
  width: 50%;
  height: 1.296vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudid {
  width: 50%;
  height: 1.296vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  flex-direction: row;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudonline .ico {
  width: 1.481vh;
  margin-right: 0.741vh;
  height: 1.481vh;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudonline .ico svg {
  display: block;
  width: 1.481vh;
  height: 1.481vh;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudonline p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.111vh;
  line-height: 1.296vh;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudid .id {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.111vh;
  line-height: 1.296vh;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  margin-right: 0.5vh;
}

.hudxahzer_playerinfo .hudxahzer_head .hudxahzer_info .hudid p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.111vh;
  line-height: 1.296vh;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.hudxahzer_playerinfo .hudxahzer_stars {
  display: flex;
  width: 19.537vh;
  height: 2.407vh;
  background: url(https://cdn.just-rp.online/imgur.com/QWqpJvl.png);
  background-size: cover;
  margin-top: 0.481vh;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.hudxahzer_playerinfo .hudxahzer_stars .starsact.active {
  width: 2.407vh;
  height: 2.407vh;
  margin-top: -0.2vh;
  margin-right: 1.019vh;
}

.hudxahzer_playerinfo .hudxahzer_stars .starsact.active svg {
  width: 2.407vh;
  height: 2.407vh;
  display: block;
}

.hudxahzer_playerinfo .hudxahzer_weapons {
  width: 11.759vh;
  height: 7.037vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 2.963vh;
}

.hudxahzer_playerinfo .hudxahzer_weapons .weaponsico {
  width: 11.759vh;
  height: 7.074vh;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
}

.hudxahzer_playerinfo .hudxahzer_weapons .weaponsammo p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 1.481vh;
  line-height: 1.481vh;
  text-transform: uppercase;
  color: #FFFFFF;
}

.hudxahzer_playerinfo .hudxahzer_weapons .ammoico {
  width: 2.222vh;
  height: 2.222vh;
  margin-left: 0.37vh;
}

.hudxahzer_playerinfo .hudxahzer_weapons .ammoico svg {
  display: block;
  width: 2.222vh;
  height: 2.222vh;
}

.hudxahzer_playerinfo .hudxahzer_weapons .weaponsammo {
  display: flex;
  flex-direction: row;
  margin-top: 0.741vh;
}

.hudxahzer_playerinfo .hudxahzer_weapons .weaponsammo b {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 2.222vh;
  line-height: 2.222vh;
  text-transform: uppercase;
  color: #FFFFFF;
}

.hudxahzer_playerinfo .hudxahzer_nal {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 2.407vh;
  line-height: 2.407vh;
  text-transform: uppercase;
  color: #fff;
  top: 27.685vh;
}

.hudxahzer_playerinfo .hudxahzer_bank {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  top: 31.204vh;
}

.hudxahzer_playerinfo .hudxahzer_nal .moneypush {
  margin-right: 1vh;
}

.hudxahzer_playerinfo .hudxahzer_bank .moneypush {
  margin-right: 1vh;
}

.hudspeed .bgspeed {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 17.685vh;
  height: 17.685vh;
  position: absolute;
  bottom: 1.667vh;
}

.hudspeed .bgspeed svg {
  width: 17.685vh;
  height: 17.685vh;
}

.hudspeed {
  position: absolute;
  width: 24.158vh;
  height: 24.352vh;
  right: 0vh;
  bottom: 2.222vh;
}

.hudspeed .bgspeed .kmh {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hudspeed .bgspeed .kmh p {
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.111vh;
  line-height: 1.296vh;
  letter-spacing: 0.05em;
  color: #FDFFFC;
}

.hudspeed .bgspeed .kmh .speeeed {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 4.444vh;
  line-height: 4.444vh;
  letter-spacing: 0.05em;
  color: rgba(253, 255, 252, 0.168627451);
}

.hudspeed .bgspeed .kmh .speeeed b {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 4.444vh;
  line-height: 4.444vh;
  letter-spacing: 0.05em;
  color: #FDFFFC;
}

.hudspeed .fuelspeed {
  position: absolute;
  left: 3.333vh;
  bottom: 3.889vh;
  width: 17.963vh;
  height: 18.426vh;
}

.hudspeed .fuelspeed svg {
  width: 17.963vh;
  height: 18.426vh;
  display: block;
}

.hudspeed .buttspeed {
  width: 100%;
  position: absolute;
  bottom: 0vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.hudspeed .buttspeed .buts {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-right: 2.5vh;
}

.hudspeed .buttspeed .buts .butico {
  width: 2.222vh;
  height: 2.222vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-right: 0.556vh;
}

.hudspeed .buttspeed .buts .butico svg {
  width: 2.222vh;
  height: 2.222vh;
  fill: rgba(255, 255, 255, 0.4);
}

.hudspeed .buttspeed .buts .butico.active svg {
  width: 2.222vh;
  height: 2.222vh;
  fill: rgb(255, 255, 255);
}

.hudspeed .buttspeed .buts p {
  width: 2.222vh;
  height: 2.222vh;
  background: rgba(253, 255, 252, 0.15);
  opacity: 0.9;
  margin-bottom: 0vh;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.481vh;
  line-height: 1.481vh;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  border-radius: 0.37vh;
}

.hudspeed .leftrightli {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 11.925vh;
  height: 1.594vh;
  left: 2.75vh;
  bottom: 10vh;
}

.hudspeed .leftrightli .leftico {
  width: 1.574vh;
  height: 1.574vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.hudspeed .leftrightli .leftico svg {
  width: 1.574vh;
  height: 1.574vh;
  fill: rgba(255, 255, 255, 0.5);
}

.hudspeed .leftrightli .leftico.active svg {
  width: 1.574vh;
  height: 1.574vh;
  fill: #5200FF;
  animation: leftright 1s infinite linear;
}

.hudspeed .leftrightli .rightico {
  width: 1.574vh;
  height: 1.574vh;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.hudspeed .leftrightli .rightico svg {
  width: 1.574vh;
  height: 1.574vh;
  fill: rgba(255, 255, 255, 0.5);
}

.hudspeed .leftrightli .rightico.active svg {
  width: 1.574vh;
  height: 1.574vh;
  fill: #5200FF;
  animation: leftright 1s infinite linear;
}

@media (max-width: 799px) {
  .mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .mt-20 {
    margin-top: 63px;
  }
}

@keyframes animatedeath {
  0% {
    background: radial-gradient(50% 50% at 50% 50%, #370606 0%, #070707 100%);
  }
  100% {
    background: radial-gradient(50% 50% at 50% 50%, #370606 10%, #070707 90%);
  }
}
@keyframes key-info-active {
  0% {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    /*border: 1px solid rgba(255, 255, 255, 1)*/
  }
  100% {
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
  }
}
@keyframes key-info-detector {
  0% {
    background: rgba(255, 255, 255, 0.05);
  }
  50% {
    background: rgba(255, 255, 255, 0.2);
  }
  100% {
    background: rgba(255, 255, 255, 0.05);
  }
}
@keyframes key-info-donate {
  0% {
    background: rgba(255, 240, 189, 0.05);
  }
  50% {
    background: rgba(255, 240, 189, 0.2);
  }
  100% {
    background: rgba(255, 240, 189, 0.05);
  }
}
.hudevo__hide {
  opacity: 0 !important;
  pointer-events: none;
}

#hudevo {
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-weight: 500;
  box-sizing: border-box;
  color: white;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo {
    line-height: 59.85px;
  }
}
#hudevo .newhud__chat-block {
  width: 40%;
}
@media (max-width: 799px) {
  #hudevo .newhud__chat-block {
    height: 138.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .newhud__chat-block {
    height: 154px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .newhud__chat-block {
    height: 198.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .newhud__chat-block {
    height: 210.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .newhud__chat-block {
    height: 231px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .newhud__chat-block {
    height: 215.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .newhud__chat-block {
    height: 261.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .newhud__chat-block {
    height: 246.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .newhud__chat-block {
    height: 292.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .newhud__chat-block {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .newhud__chat-block {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .newhud__chat-block {
    height: 385px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .newhud__chat-block {
    height: 415.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .newhud__chat-block {
    height: 400.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .newhud__chat-block {
    height: 385px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .newhud__chat-block {
    height: 508.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .newhud__chat-block {
    height: 616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .newhud__chat-block {
    height: 508.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .newhud__chat-block {
    height: 693px;
  }
}
@media (min-width: 6000px) {
  #hudevo .newhud__chat-block {
    height: 970.2px;
  }
}
#hudevo .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#hudevo .hudevo__left {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__left {
    min-width: 247.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__left {
    min-width: 275.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__left {
    min-width: 355.395px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__left {
    min-width: 377.435px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__left {
    min-width: 413.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__left {
    min-width: 385.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__left {
    min-width: 468.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__left {
    min-width: 440.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__left {
    min-width: 523.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__left {
    min-width: 551px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__left {
    min-width: 551px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__left {
    min-width: 688.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__left {
    min-width: 743.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__left {
    min-width: 716.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__left {
    min-width: 688.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__left {
    min-width: 909.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__left {
    min-width: 1102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__left {
    min-width: 909.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__left {
    min-width: 1239.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__left {
    min-width: 1735.65px;
  }
}
#hudevo .hudevo__left .hudevo__leftcenter_absolute {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#hudevo .hudevo__center {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}
#hudevo .hudevo__right {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__right {
    min-width: 247.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__right {
    min-width: 275.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__right {
    min-width: 355.395px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__right {
    min-width: 377.435px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__right {
    min-width: 413.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__right {
    min-width: 385.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__right {
    min-width: 468.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__right {
    min-width: 440.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__right {
    min-width: 523.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__right {
    min-width: 551px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__right {
    min-width: 551px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__right {
    min-width: 688.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__right {
    min-width: 743.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__right {
    min-width: 716.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__right {
    min-width: 688.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__right {
    min-width: 909.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__right {
    min-width: 1102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__right {
    min-width: 909.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__right {
    min-width: 1239.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__right {
    min-width: 1735.65px;
  }
}
#hudevo .flex-end {
  display: flex;
  align-items: flex-end;
}
#hudevo .flex-start {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #hudevo .ml-13 {
    margin-left: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .ml-13 {
    margin-left: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .ml-13 {
    margin-left: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .ml-13 {
    margin-left: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .ml-13 {
    margin-left: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .ml-13 {
    margin-left: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .ml-13 {
    margin-left: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .ml-13 {
    margin-left: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .ml-13 {
    margin-left: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .ml-13 {
    margin-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .ml-13 {
    margin-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .ml-13 {
    margin-left: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .ml-13 {
    margin-left: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .ml-13 {
    margin-left: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .ml-13 {
    margin-left: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .ml-13 {
    margin-left: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .ml-13 {
    margin-left: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .ml-13 {
    margin-left: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .ml-13 {
    margin-left: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .ml-13 {
    margin-left: 40.95px;
  }
}
#hudevo .buttonsinfo__button {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-image-source: linear-gradient(43.64deg, rgba(248, 40, 71, 0) -1.83%, #0066CC 73.21%) !important;
  border-image-slice: 1 !important;
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    margin-right: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    padding-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    padding-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    padding-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    padding-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    padding-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    padding-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    padding-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    padding-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    padding-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    padding-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    padding-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    padding-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    padding-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    padding-right: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo__button {
    border: 0.9px solid;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo__button {
    border: 1px solid;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo__button {
    border: 1.29px solid;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo__button {
    border: 1.37px solid;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo__button {
    border: 1.5px solid;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo__button {
    border: 1.4px solid;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo__button {
    border: 1.7px solid;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo__button {
    border: 1.6px solid;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo__button {
    border: 1.9px solid;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo__button {
    border: 2px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo__button {
    border: 2px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo__button {
    border: 2.5px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo__button {
    border: 2.7px solid;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo__button {
    border: 2.6px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo__button {
    border: 2.5px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    border: 3.3px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    border: 4px solid;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo__button {
    border: 3.3px solid;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo__button {
    border: 4.5px solid;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo__button {
    border: 6.3px solid;
  }
}
#hudevo .gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/src/views/player/hudevo/images/case.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
}
@media (max-width: 799px) {
  #hudevo .gift {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift {
    height: 535.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift {
    left: -27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift {
    left: -30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift {
    left: -38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift {
    left: -41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift {
    left: -45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift {
    left: -42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift {
    left: -51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift {
    left: -48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift {
    left: -57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift {
    left: -60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift {
    left: -60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift {
    left: -75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift {
    left: -81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift {
    left: -78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift {
    left: -75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift {
    left: -99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift {
    left: -120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift {
    left: -99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift {
    left: -135px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift {
    left: -189px;
  }
}
#hudevo .gift .gift__image {
  background-image: url(/src/views/player/hudevo/images/money.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .gift .gift__image {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__image {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__image {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__image {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__image {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__image {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__image {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__image {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__image {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__image {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__image {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__image {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__image {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__image {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__image {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__image {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__image {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__image {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__image {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__image {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__image {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__image {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__image {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__image {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__image {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__image {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__image {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__image {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__image {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__image {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__image {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__image {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__image {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__image {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__image {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__image {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__image {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__image {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__image {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__image {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__image {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__image {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__image {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__image {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__image {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__image {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__image {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__image {
    height: 315px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__image {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__image {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__image {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__image {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__image {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__image {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__image {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__image {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__image {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__image {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__image {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__image {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__image {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__image {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__image {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__image {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__image {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__image {
    margin-bottom: 15.75px;
  }
}
#hudevo .gift .gift__text {
  font-weight: 600;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .gift .gift__text {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__text {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__text {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__text {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__text {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__text {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__text {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__text {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__text {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__text {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__text {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__text {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__text {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__text {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__text {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__text {
    max-width: 315px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__text {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__text {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__text {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__text {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__text {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__text {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__text {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__text {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__text {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__text {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__text {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__text {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__text {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__text {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__text {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__text {
    line-height: 44.1px;
  }
}
#hudevo .gift .gift__subtitle {
  color: gray;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__subtitle {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .gift .gift__subtitle {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .gift .gift__subtitle {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .gift .gift__subtitle {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .gift .gift__subtitle {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .gift .gift__subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .gift .gift__subtitle {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .gift .gift__subtitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .gift .gift__subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .gift .gift__subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .gift .gift__subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .gift .gift__subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .gift .gift__subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .gift .gift__subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .gift .gift__subtitle {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .gift .gift__subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .gift .gift__subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .gift .gift__subtitle {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .gift .gift__subtitle {
    line-height: 44.1px;
  }
}
#hudevo .buttonsinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo {
    margin-top: 31.5px;
  }
}
#hudevo .buttonsinfo .buttonsinfo__element {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-right: 283.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .buttonsinfo__element {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .buttonsinfo .box-flex {
    margin-bottom: 15.75px;
  }
}
#hudevo .hudevo__killlist {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist {
    margin-top: 31.5px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element {
  display: flex;
  align-items: center;
  font-weight: 600;
  position: relative;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element {
    line-height: 53.55px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
  position: absolute;
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    width: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .killlist_absolute {
    height: 59.85px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 83.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    height: 116.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 110.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-right: 154.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 24.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer {
    padding-left: 34.65px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killer .killlist_absolute {
    left: -9.45px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 83.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    height: 116.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 110.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-left: 154.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 24.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed {
    padding-right: 34.65px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_element .hudevo__killlist_killed .killlist_absolute {
    right: -9.45px;
  }
}
#hudevo .hudevo__killlist .hudevo__killlist_sprite {
  background-image: url(/src/views/player/hudevo/images/killsprite.png);
  z-index: 10;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 164.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    height: 229.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -69.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    left: -97.65px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__killlist .hudevo__killlist_sprite {
    font-size: 100.8px;
  }
}
#hudevo .hudevo__radio {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: initial;
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio {
    margin-top: 31.5px;
  }
}
#hudevo .hudevo__radio .hudevo__radio_title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #252525;
  font-weight: 500;
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    margin-right: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_title {
    padding-right: 15.75px;
  }
}
#hudevo .hudevo__radio .hudevo__radio_subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_subtitle {
    font-size: 40.95px;
  }
}
#hudevo .hudevo__radio .hudevo__radio_element {
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    margin-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 85.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element {
    padding-left: 119.7px;
  }
}
#hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    height: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute {
    right: -15.75px;
  }
}
#hudevo .hudevo__radio .hudevo__radio_element .hudevo__radio_absolute.active {
  background: #67FF4F;
}
#hudevo .hudevo__bizwar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: initial;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar {
    margin-top: 31.5px;
  }
}
#hudevo .hudevo__bizwar .hudevo__bizwar_title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #252525;
  font-weight: 500;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_title {
    padding-right: 22.05px;
  }
}
#hudevo .hudevo__bizwar .hudevo__bizwar_element {
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_element {
    line-height: 53.55px;
  }
}
#hudevo .hudevo__bizwar .hudevo__bizwar_score {
  background: #0066CC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    min-width: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bizwar .hudevo__bizwar_score {
    margin-left: 22.05px;
  }
}
#hudevo .hudevo__speedometr {
  display: flex;
  margin-top: auto;
}
#hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-weight: 700;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom {
    margin-right: 37.8px;
  }
}
#hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_bottom .hudevoicon-fuel {
    margin-right: 31.5px;
  }
}
#hudevo .hudevo__speedometr .hudevo__speedometr_title {
  font-weight: 700;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 33.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 37px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 47.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 50.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 55.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 51.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 62.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 59.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 70.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 92.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 99.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 96.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 92.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 122.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 148px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 122.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 166.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_title {
    width: 233.1px;
  }
}
#hudevo .hudevo__speedometr .hudevoicon-left {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevoicon-left {
    margin-right: 25.2px;
  }
}
#hudevo .hudevo__speedometr .hudevoicon-right {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevoicon-right {
    font-size: 56.7px;
  }
}
#hudevo .hudevo__speedometr .hudevo__speedometr_gray {
  color: #A6B1BA;
  font-weight: 700;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_gray {
    line-height: 75.6px;
  }
}
#hudevo .hudevo__speedometr .box-column {
  align-items: center;
}
#hudevo .hudevo__speedometr .hudevo__speedometr_icon {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_icon {
    font-size: 75.6px;
  }
}
#hudevo .hudevo__speedometr .hudevo__speedometr_text {
  font-weight: 700;
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_text {
    line-height: 75.6px;
  }
}
#hudevo .hudevo__speedometr .active {
  color: #0066CC;
}
#hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
  display: flex;
  background: rgba(166, 177, 186, 0.4);
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 113.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 126px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 162.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 172.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 189px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 176.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 214.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 201.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 239.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 340.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 327.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 415.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 504px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 415.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 567px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    width: 793.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    height: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__speedometr .hudevo__speedometr_fuel {
    margin-bottom: 15.75px;
  }
}
#hudevo .hudevo__speedometr .hudevo__speedometr_fuel .filled {
  height: 100%;
  background: #0066CC;
}
#hudevo .hudevo__playerinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: initial;
  z-index: 2;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo {
    margin-bottom: 126px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__weaponbox {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 274.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__weaponbox {
    height: 384.3px;
  }
}
#hudevo .hudevo__playerinfo .align-end {
  align-items: flex-end;
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_link {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 132.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    width: 185.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_online .hudevoicon-person {
    font-size: 37.8px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
  background: #DA2640;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_name {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
  background: #DA2640;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    margin-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 92.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    width: 129.15px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo {
    height: 129.15px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_logo.transform {
  transform: rotate(90deg);
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_logo.zdobich {
  background-image: url(/src/views/player/hudevo/images/zd.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_logo.zdobich .hudevo__playerinfo_icon {
  opacity: 0;
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
  background-image: url(/src/views/player/hudevo/images/r.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    width: 59.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_logo .hudevo__playerinfo_icon {
    height: 53.55px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    min-width: 472.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_money {
    line-height: 75.6px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_hide {
  opacity: 0;
  position: absolute;
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DA2640;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_icon {
    font-size: 50.4px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 79.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 88.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 114.165px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 121.245px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 132.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 123.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 150.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 141.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 168.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 221.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 238.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 230.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 221.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 292.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 354px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 292.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 398.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    width: 557.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon {
    height: 189px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
  background-image: url(/src/views/player/hudevo/images/weapon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 64.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 71.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 92.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 97.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 107.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 100.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 121.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 114.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 135.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 143px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 143px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 178.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 193.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 185.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 178.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 235.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 286px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 235.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 321.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    width: 450.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_weapon .hudevo__weapon_image {
    height: 166.95px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252525;
  line-height: initial;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_white {
    margin-right: 6.3px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #252525;
  font-weight: 600;
  line-height: initial;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    min-width: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_ammo {
    margin-right: 6.3px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
  color: white;
  background: #DA2640;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: initial;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo .hudevo__playerinfo_red {
    padding-right: 15.75px;
  }
}
#hudevo .hudevo__playerinfo .hudevo__playerinfo_donate {
  width: 164px;
  height: 69px;
  background-image: url(/src/views/player/hudevo/images/donate.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#hudevo .hudevo__playerinfo_stars {
  display: flex;
  align-items: center;
  color: rgba(253, 255, 252, 0.25);
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_stars .hudevoicon-star {
    margin-left: 25.2px;
  }
}
#hudevo .hudevo__playerinfo_stars .hudevoicon-star.active {
  color: white;
}
@media (max-width: 799px) {
  #hudevo .mb-5 {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .mb-5 {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .mb-5 {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .mb-5 {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .mb-5 {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .mb-5 {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .mb-5 {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .mb-5 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .mb-5 {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .mb-5 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .mb-5 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .mb-5 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .mb-5 {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .mb-5 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .mb-5 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .mb-5 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .mb-5 {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .mb-5 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .mb-5 {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .mb-5 {
    margin-bottom: 15.75px;
  }
}
#hudevo .hudevo__quests {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#hudevo .hudevo__quests .hudevo__quest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest {
    margin-bottom: 31.5px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .box-flex {
  align-items: center;
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 0.9px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.29px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.37px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.4px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.6px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 1.9px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2.6px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 2.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 3.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 4px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 3.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 4.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    border: 6.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle {
    margin-right: 25.2px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
  border-radius: 50%;
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    height: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle {
    width: 31.5px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_circle .questcircle.purple {
  background: #9b7ae3;
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_title {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
  background: #67FF4F;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    width: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    height: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_square {
    margin-right: 15.75px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_subtitle {
    max-width: 620.55px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    min-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button {
    line-height: 53.55px;
  }
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_button.purple {
  background: #9b7ae3;
}
#hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
  background: white;
  color: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    min-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    margin-left: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__quests .hudevo__quest .hudevo__quest_info {
    line-height: 47.25px;
  }
}
@media (max-width: 799px) {
  #hudevo .mb-6 {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .mb-6 {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .mb-6 {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .mb-6 {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .mb-6 {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .mb-6 {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .mb-6 {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .mb-6 {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .mb-6 {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .mb-6 {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .mb-6 {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .mb-6 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .mb-6 {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .mb-6 {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .mb-6 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .mb-6 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .mb-6 {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .mb-6 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .mb-6 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .mb-6 {
    margin-bottom: 18.9px;
  }
}
#hudevo .hudevo__lobby {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-end;
}
#hudevo .hudevo__lobby .hudevo__lobby_header {
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 500;
  text-align: right;
  color: #252525;
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 62.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 69.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 89.655px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 95.215px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 104.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 97.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 118.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 111.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 132.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 139px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 139px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 173.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 187.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 180.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 173.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 229.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 278px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 229.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 312.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    width: 437.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    margin-right: 6.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_header {
    line-height: 50.4px;
  }
}
#hudevo .hudevo__lobby .hudevo__lobby_count {
  background: #0066CC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_count {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__lobby .hudevo__lobby_element {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    margin-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 79.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 88.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 114.165px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 121.245px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 132.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 123.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 150.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 141.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 168.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 221.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 238.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 230.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 221.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 292.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 354px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 292.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 398.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    width: 557.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    margin-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_element .hudevoicon-person {
    font-size: 44.1px;
  }
}
#hudevo .hudevo__lobby .hudevo__lobby_health {
  background: rgba(255, 255, 255, 0.25);
  display: flex;
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 79.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 88.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 114.165px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 121.245px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 132.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 123.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 150.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 141.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 168.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 221.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 238.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 230.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 221.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 292.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 354px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 292.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 398.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    width: 557.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__lobby .hudevo__lobby_health {
    height: 12.6px;
  }
}
#hudevo .hudevo__lobby .hudevo__lobby_health .currenthealth {
  width: 30%;
  height: 100%;
  background: #0066CC;
}
#hudevo .adminmenu {
  height: auto;
  background: rgba(30, 38, 47, 0.9);
  border-radius: 7px;
  z-index: 20001;
  position: absolute;
  top: 50%;
}
@media (max-width: 799px) {
  #hudevo .adminmenu {
    width: 234px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu {
    width: 260px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu {
    width: 335.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu {
    width: 356.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu {
    width: 390px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu {
    width: 364px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu {
    width: 442px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu {
    width: 416px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu {
    width: 494px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu {
    width: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu {
    width: 702px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu {
    width: 676px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    width: 858px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    width: 1040px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    width: 858px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    width: 1170px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu {
    width: 1638px;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu {
    padding: 31.5px;
  }
}
#hudevo .adminmenu .adminmenu__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__grid {
    margin-bottom: 31.5px;
  }
}
#hudevo .adminmenu .adminmenu__grid .adminmenu__element {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.45px solid gray;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.5px solid gray;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.645px solid gray;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.685px solid gray;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.75px solid gray;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.7px solid gray;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.85px solid gray;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.8px solid gray;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 0.95px solid gray;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1px solid gray;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1px solid gray;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.25px solid gray;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.35px solid gray;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.3px solid gray;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.25px solid gray;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.65px solid gray;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 2px solid gray;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 1.65px solid gray;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 2.25px solid gray;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    border: 3.15px solid gray;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__grid .adminmenu__element {
    padding-right: 15.75px;
  }
}
#hudevo .adminmenu .adminmenu__grid .adminmenu__element .gray {
  color: #A6B1BA;
}
#hudevo .adminmenu .adminmenu__title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .adminmenu .adminmenu__title {
    margin-bottom: 18.9px;
  }
}
#hudevo .hudevo__chat_obman {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat_obman {
    height: 138.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat_obman {
    height: 154px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat_obman {
    height: 198.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat_obman {
    height: 210.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat_obman {
    height: 231px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat_obman {
    height: 215.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat_obman {
    height: 261.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat_obman {
    height: 246.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat_obman {
    height: 292.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat_obman {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat_obman {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat_obman {
    height: 385px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat_obman {
    height: 415.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat_obman {
    height: 400.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat_obman {
    height: 385px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat_obman {
    height: 508.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat_obman {
    height: 616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat_obman {
    height: 508.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat_obman {
    height: 693px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat_obman {
    height: 970.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat_obman {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat_obman {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat_obman {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat_obman {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat_obman {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat_obman {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat_obman {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat_obman {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat_obman {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat_obman {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat_obman {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat_obman {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat_obman {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat_obman {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat_obman {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat_obman {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat_obman {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat_obman {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat_obman {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat_obman {
    width: 1575px;
  }
}
#hudevo .hudevo__chat-block {
  width: 64.259vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block {
    height: 138.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block {
    height: 154px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block {
    height: 198.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block {
    height: 210.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block {
    height: 231px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block {
    height: 215.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block {
    height: 261.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block {
    height: 246.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block {
    height: 292.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block {
    height: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block {
    height: 385px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block {
    height: 415.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block {
    height: 400.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block {
    height: 385px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block {
    height: 508.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block {
    height: 616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block {
    height: 508.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block {
    height: 693px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block {
    height: 970.2px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: opacity ease 0.2s;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat {
    padding-bottom: 34.65px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat.chatbackground {
  background: rgba(30, 38, 47, 0.2);
}
#hudevo .hudevo__chat-block .hudevo__chat.noActive {
  opacity: 0.35;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column-reverse;
  direction: rtl;
  text-align: left;
  overflow-y: auto;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages .scroll {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar {
    width: 9.45px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.4);
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-track {
    border-radius: 12.6px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
  background: #FDFFFC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  position: relative;
  direction: ltr;
  word-break: keep-all;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p.oldshadow {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7), -1px -1px 0 rgba(0, 0, 0, 0.7), 1px -1px 0 rgba(0, 0, 0, 0.7), -1px 1px 0 rgba(0, 0, 0, 0.7), 1px 1px 0 rgba(0, 0, 0, 0.7) !important;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 63px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 63px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    max-width: 88.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.45px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.5px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.645px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.685px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.75px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.7px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.85px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 0.95px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.25px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.35px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.25px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.65px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 1.65px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 2.25px solid white;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border: 3.15px solid white;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    padding: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    margin-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span {
    border-radius: 9.45px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
  background: #2BB6A8;
  border: 0;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.market {
    font-size: 56.7px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
  background: #FF9F1C;
  border: 0;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_messages p .chat__span.shop {
    padding-right: 15.75px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
  overflow: visible;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block {
    margin-left: 31.5px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(60, 60, 60, 0.9);
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-left: 0px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box {
    padding-right: 0px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
  text-transform: uppercase;
  box-sizing: border-box;
  color: white;
  z-index: 1;
  cursor: pointer;
  transition: color 0.15s ease;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.45px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.5px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.645px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.685px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.75px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.7px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.85px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.8px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 0.95px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.25px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.35px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.3px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.25px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.65px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 2px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 1.65px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 2.25px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    border-right: 3.15px solid rgba(255, 255, 255, 0.3);
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat {
    font-size: 44.1px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat:hover {
  color: #ffd34d;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_chat.opened {
  color: #ffd34d;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  color: white;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  outline: none;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 135px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-left: 189px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    padding-right: 157.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input {
    font-size: 44.1px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send {
    padding-left: 25.2px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.2s ease;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon {
    font-size: 50.4px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_input_box .hudevo__chat_input_send .hudevo__chat_input_send_icon.active {
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
  display: flex;
  flex-wrap: wrap;
  background: rgba(40, 40, 40, 0.92);
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    gap: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags {
    border-radius: 18.9px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: all 0.15s ease;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item {
    border-radius: 12.6px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_input_block .hudevo__chat_tags .hudevo__chat_tags_item.active {
  color: #1e1e1e;
  background: #ffd34d;
  font-weight: 700;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 310.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd {
    max-height: 434.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar {
    width: 9.45px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.4);
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-track {
    border-radius: 12.6px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
  background: #FDFFFC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_helpcmd::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
  width: 100%;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block {
    height: 110.25px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons {
  display: flex;
  align-items: center;
  height: 100%;
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.45px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.5px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.645px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.685px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.75px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.7px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.85px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.8px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 0.95px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.25px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.35px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.3px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.25px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.65px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 2px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 1.65px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 2.25px solid rgba(255, 255, 255, 0.15);
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_buttons_key {
    border-right: 3.15px solid rgba(255, 255, 255, 0.15);
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    padding-right: 59.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button {
    margin-right: 18.9px;
  }
}
#hudevo .hudevo__chat-block .hudevo__chat .hudevo__chat_buttons_block .hudevo__chat_buttons .hudevo__chat_button.active {
  background: #0066CC;
  color: white;
}
#hudevo .hudevo__petcontrol {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol {
    margin-top: 31.5px;
  }
}
#hudevo .hudevo__petcontrol .hudevo__lobby_health {
  display: flex;
  background: rgba(255, 255, 255, 0.25);
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 85.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 95.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 123.195px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 130.835px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 143.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 133.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 162.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 152.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 181.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 191px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 191px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 238.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 257.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 248.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 238.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 315.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 382px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 315.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 429.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    width: 601.65px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__lobby_health {
    margin-top: 6.3px;
  }
}
#hudevo .hudevo__petcontrol .hudevo__lobby_health_current {
  height: 100%;
  width: 56%;
  background: #E71D36;
}
#hudevo .hudevo__petcontrol .petcontrol__name {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__name {
    margin-left: 126px;
  }
}
#hudevo .hudevo__petcontrol .box-flex {
  align-items: center;
}
#hudevo .hudevo__petcontrol .hudevo__petbox {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 126px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    height: 176.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .hudevo__petbox {
    padding-right: 100.8px;
  }
}
#hudevo .hudevo__petcontrol .petcontrol__buttons {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    gap: 22.05px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__buttons {
    margin-top: 15.75px;
  }
}
#hudevo .hudevo__petcontrol .petcontrol__buttons .box-flex {
  align-items: center;
}
#hudevo .hudevo__petcontrol .petcontrol__button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    min-width: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button {
    margin-right: 9.45px;
  }
}
#hudevo .hudevo__petcontrol .petcontrol__button.active {
  background: white;
  color: #252525;
}
#hudevo .hudevo__petcontrol .petcontrol__button_text {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 12.3%, rgba(255, 255, 255, 0.19) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-bottom: 6.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    padding-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__button_text {
    line-height: 47.25px;
  }
}
#hudevo .hudevo__petcontrol .petcontrol__pet {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 1.35px solid #0066CC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 1.5px solid #0066CC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 1.935px solid #0066CC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.055px solid #0066CC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.25px solid #0066CC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.1px solid #0066CC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.55px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.4px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 2.85px solid #0066CC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 3px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 3px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 3.75px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 4.05px solid #0066CC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 3.9px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 3.75px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 4.95px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 6px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 4.95px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 6.75px solid #0066CC;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    border: 9.45px solid #0066CC;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet {
    right: -56.7px;
  }
}
#hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__petcontrol .petcontrol__pet .petcontrol__pet_img {
    width: 107.1px;
  }
}
#hudevo .hudevo__left_bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 799px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__left_bottom .hudevo__map {
    margin-right: 94.5px;
  }
}
#hudevo .hudevo__placetime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__icon {
    font-size: 63px;
  }
}
#hudevo .hudevo__placetime .placetime__buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box {
    margin-right: 37.8px;
  }
}
#hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
  position: absolute;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  color: white;
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    bottom: -28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    right: -9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .placetime__buttons .playerinfo__box_key {
    line-height: 63px;
  }
}
#hudevo .hudevo__placetime .hudevo__placetime_image {
  background-image: url(/src/views/player/hudevo/images/bottom-info.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex-direction: column;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 380.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    width: 532.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image {
    margin-bottom: 44.1px;
  }
}
#hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  position: absolute;
  top: 0%;
  transform: translate(0%, 50%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    min-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.45px solid #0066CC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.5px solid #0066CC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.645px solid #0066CC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.685px solid #0066CC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.75px solid #0066CC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.7px solid #0066CC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.85px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.8px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 0.95px solid #0066CC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.25px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.35px solid #0066CC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.3px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.25px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.65px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 2px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 1.65px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 2.25px solid #0066CC;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    border: 3.15px solid #0066CC;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_cirlce {
    left: -37.8px;
  }
}
#hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  white-space: nowrap;
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_title {
    line-height: 66.15px;
  }
}
#hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
  white-space: nowrap;
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevo__placetime_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__placetime .hudevo__placetime_image .hudevoicon-clock {
    font-size: 56.7px;
  }
}
#hudevo .hudevo__dropitem {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem {
    margin-top: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem {
    margin-top: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem {
    margin-top: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem {
    margin-top: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem {
    margin-top: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem {
    margin-top: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem {
    margin-top: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem {
    margin-top: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem {
    margin-top: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem {
    margin-top: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem {
    margin-top: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem {
    margin-top: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem {
    margin-top: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem {
    margin-top: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem {
    margin-top: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem {
    margin-top: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem {
    margin-top: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem {
    margin-top: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem {
    margin-top: 96.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem {
    margin-top: 135.45px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_header {
  background: #0066CC;
  display: flex;
  align-items: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 157.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 174.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 225.105px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 239.065px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 261.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 244.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 296.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 279.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 331.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 349px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 349px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 436.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 471.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 453.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 436.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 575.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 698px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 575.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 785.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    width: 1099.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    height: 78.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_header {
    margin-bottom: 9.45px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  background: #0066CC;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    margin-left: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    height: 78.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_subheader {
    line-height: 53.55px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  overflow: hidden;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image {
    height: 283.5px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 157.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    width: 220.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__image {
    height: 220.5px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
  position: absolute;
  z-index: 0;
  font-weight: 900;
  letter-spacing: -0.34em;
  color: rgba(37, 37, 37, 0.03);
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 292.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    left: 409.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    bottom: -31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 324px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    font-size: 453.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 414px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_image .dropitem__absolute {
    line-height: 579.6px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: white;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 115.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 128px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 165.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 175.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 192px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 179.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 204.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 243.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 256px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 256px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 345.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 332.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 422.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 512px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 422.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 576px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    width: 806.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    height: 283.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-right: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info {
    margin-left: 9.45px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #252525;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_title {
    margin-bottom: 3.15px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #252525;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_info .hudevo__dropitem_subtitle {
    line-height: 47.25px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_take {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #252525;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    height: 283.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__dropitem .hudevo__dropitem_take {
    line-height: 47.25px;
  }
}
#hudevo .hudevo__dropitem .hudevo__dropitem_take .transform {
  transform: rotate(90deg);
}
#hudevo .hudevo__restart {
  position: absolute;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__restart {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__restart {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__restart {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__restart {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__restart {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__restart {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__restart {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__restart {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__restart {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__restart {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__restart {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__restart {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__restart {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__restart {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__restart {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__restart {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__restart {
    right: 0px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__restart {
    bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__restart {
    bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__restart {
    bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__restart {
    bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__restart {
    bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__restart {
    bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__restart {
    bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__restart {
    bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__restart {
    bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__restart {
    bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__restart {
    bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__restart {
    bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__restart {
    bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__restart {
    bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__restart {
    bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart {
    bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart {
    bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__restart {
    bottom: 31.5px;
  }
}
#hudevo .hudevo__restart .restart__icon {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__restart .restart__icon {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__restart .restart__icon {
    margin-right: 37.8px;
  }
}
#hudevo .hudevo__activecapt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt {
    width: 213.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt {
    width: 237.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt {
    width: 306.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt {
    width: 325.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt {
    width: 356.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt {
    width: 332.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt {
    width: 403.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt {
    width: 380px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt {
    width: 451.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt {
    width: 593.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt {
    width: 641.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt {
    width: 617.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt {
    width: 593.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt {
    width: 783.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt {
    width: 950px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt {
    width: 783.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt {
    width: 1068.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt {
    width: 1496.25px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 244px;
  min-height: 37px;
  background-image: url(/src/views/player/hudevo/images/battlepass-background.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #252525;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_image {
    margin-bottom: 56.7px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_time {
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_time {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevoicon-skull, #hudevo .hudevo__activecapt .hudevoicon-war-person {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .mr {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .ml {
    margin-left: 31.5px;
  }
}
#hudevo .hudevo__activecapt .box-flex {
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .box-flex {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .box-flex {
    line-height: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_square {
    height: 31.5px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_square.green {
  background: #2AD300;
}
#hudevo .hudevo__activecapt .hudevo__activecapt_square.red {
  background: #0066CC;
}
#hudevo .hudevo__activecapt .hudevo__activecapt_line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 6.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    height: 9.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 213.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 237.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 306.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 325.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 356.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 332.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 403.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 380px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 451.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 593.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 641.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 617.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 593.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 783.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 950px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 783.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 1068.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line {
    width: 1496.25px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
  height: 100%;
  background: #2AD300;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_left {
    width: 283.5px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
  height: 100%;
  background: #f8b628;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_center {
    width: 283.5px;
  }
}
#hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
  background: #0066CC;
  height: 100%;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .hudevo__activecapt_line .hudevo__activecapt_right {
    width: 283.5px;
  }
}
#hudevo .hudevo__activecapt .fs-10 {
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .fs-10 {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .activewidth {
    max-width: 472.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__activecapt .activewidth {
    min-width: 472.5px;
  }
}
#hudevo .hudevo__activecapt .activewidth.l {
  text-align: left;
}
#hudevo .hudevo__activecapt .activewidth.r {
  text-align: right;
}
@media (max-width: 799px) {
  #hudevo .mt-14 {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .mt-14 {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .mt-14 {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .mt-14 {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .mt-14 {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .mt-14 {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .mt-14 {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .mt-14 {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .mt-14 {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .mt-14 {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .mt-14 {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .mt-14 {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .mt-14 {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .mt-14 {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .mt-14 {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .mt-14 {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .mt-14 {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .mt-14 {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .mt-14 {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .mt-14 {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .mt-5 {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .mt-5 {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .mt-5 {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .mt-5 {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .mt-5 {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .mt-5 {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .mt-5 {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .mt-5 {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .mt-5 {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .mt-5 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .mt-5 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .mt-5 {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .mt-5 {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .mt-5 {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .mt-5 {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .mt-5 {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .mt-5 {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .mt-5 {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .mt-5 {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .mt-5 {
    margin-top: 15.75px;
  }
}
#hudevo .hudevo__streamer {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  position: absolute;
  right: 0;
}
@media (max-width: 799px) {
  #hudevo .hudevo__streamer {
    bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__streamer {
    bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__streamer {
    bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__streamer {
    bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__streamer {
    bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__streamer {
    bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__streamer {
    bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__streamer {
    bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__streamer {
    bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__streamer {
    bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__streamer {
    bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__streamer {
    bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__streamer {
    bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__streamer {
    bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__streamer {
    bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__streamer {
    bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__streamer {
    bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__streamer {
    bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__streamer {
    bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__streamer {
    bottom: 252px;
  }
}
#hudevo .hudevo__streamer .hudevo__streamer_image {
  width: 183px;
  height: 30px;
  background-image: url(/src/views/player/hudevo/images/exsight.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__streamer .hudevo__streamer_image {
    margin-bottom: 22.05px;
  }
}
#hudevo .hudevo__taxicount {
  display: flex;
  flex-direction: column;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount {
    bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount {
    bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount {
    bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount {
    bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount {
    bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount {
    bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount {
    bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount {
    bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount {
    bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount {
    bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount {
    bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount {
    bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount {
    bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount {
    bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount {
    bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount {
    bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount {
    bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount {
    bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount {
    bottom: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount {
    margin-top: 31.5px;
  }
}
#hudevo .hudevo__taxicount .hudevo__taxicount_title {
  font-style: normal;
  font-weight: 600;
  text-align: left;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_title {
    padding-left: 53.55px;
  }
}
#hudevo .hudevo__taxicount .box-flex {
  align-items: center;
}
#hudevo .hudevo__taxicount .hudevo__taxicount_thin {
  font-style: normal;
  font-weight: 400;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_thin {
    margin-right: 31.5px;
  }
}
#hudevo .hudevo__taxicount .hudevo__taxicount_cost {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0066CC;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__taxicount .hudevo__taxicount_cost {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__greenzone {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(103, 255, 79, 0) 0%, rgba(103, 255, 79, 0.25) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #67FF4F;
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone {
    right: -43.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone {
    right: -48.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone {
    right: -62.565px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone {
    right: -66.445px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone {
    right: -72.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone {
    right: -67.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone {
    right: -82.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone {
    right: -77.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone {
    right: -92.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone {
    right: -97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone {
    right: -97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone {
    right: -121.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone {
    right: -130.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone {
    right: -126.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone {
    right: -121.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    right: -160.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    right: -194px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    right: -160.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    right: -218.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone {
    right: -305.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 2.7px solid #67FF4F;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 3px solid #67FF4F;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 3.87px solid #67FF4F;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 4.11px solid #67FF4F;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 4.5px solid #67FF4F;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 4.2px solid #67FF4F;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 5.1px solid #67FF4F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 4.8px solid #67FF4F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 5.7px solid #67FF4F;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 6px solid #67FF4F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 6px solid #67FF4F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 7.5px solid #67FF4F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 8.1px solid #67FF4F;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 7.8px solid #67FF4F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 7.5px solid #67FF4F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 9.9px solid #67FF4F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 12px solid #67FF4F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 9.9px solid #67FF4F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 13.5px solid #67FF4F;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone {
    border-bottom: 18.9px solid #67FF4F;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone {
    width: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone {
    width: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone {
    width: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone {
    width: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone {
    width: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone {
    width: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone {
    width: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone {
    width: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone {
    width: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone {
    width: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone {
    width: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone {
    width: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone {
    width: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    width: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    width: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    width: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    width: 186.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone {
    width: 261.45px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone {
    height: 283.5px;
  }
}
#hudevo .hudevo__greenzone .hudevoicon-shield {
  filter: drop-shadow(0px 0px 23px #67FF4F);
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-top: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 78.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    font-size: 110.25px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevoicon-shield {
    margin-bottom: 12.6px;
  }
}
#hudevo .hudevo__greenzone .hudevo__greenzone_text {
  text-align: center;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 135px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    max-width: 189px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__greenzone .hudevo__greenzone_text {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__greenzone .hudevo__greenzone_text b {
  font-weight: 600;
}
#hudevo .hudevo__bottom_usebutton {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton {
    font-size: 63px;
  }
}
#hudevo .hudevo__bottom_usebutton::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #0066CC 0%, rgba(248, 40, 71, 0) 100%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton::after {
    height: 6.3px;
  }
}
#hudevo .hudevo__bottom_usebutton #ProgressBarKey {
  position: relative;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    margin-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 0.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.29px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.37px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 1.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 4.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton #ProgressBarKey {
    border: 6.3px solid rgba(255, 255, 255, 0.2);
  }
}
#hudevo .hudevo__bottom_usebutton .progressbar-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  background: white;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 0.9px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.29px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.37px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.5px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.4px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.7px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.6px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 1.9px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2.5px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2.7px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2.6px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 2.5px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 3.3px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 4px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 3.3px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 4.5px solid rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__bottom_usebutton .progressbar-text {
    border: 6.3px solid rgba(0, 0, 0, 0.3);
  }
}
#hudevo .hudevo-usebutton__text {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo-usebutton__text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo-usebutton__text {
    line-height: 50.4px;
  }
}
#hudevo .hudevo__mining_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_container {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_container {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_container {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_container {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_container {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_container {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_container {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_container {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_container {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_container {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_container {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_container {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_container {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_container {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_container {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_container {
    gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_container {
    padding: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_container {
    padding: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_container {
    padding: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_container {
    padding: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_container {
    padding: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_container {
    padding: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_container {
    padding: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_container {
    padding: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_container {
    padding: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_container {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_container {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_container {
    padding: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_container {
    padding: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_container {
    padding: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_container {
    padding: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    padding: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    padding: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    padding: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    padding: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_container {
    padding: 47.25px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_container {
    min-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_container {
    min-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_container {
    min-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_container {
    min-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_container {
    min-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_container {
    min-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_container {
    min-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_container {
    min-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_container {
    min-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_container {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_container {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_container {
    min-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_container {
    min-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_container {
    min-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_container {
    min-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    min-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    min-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_container {
    min-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_container {
    min-width: 675px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_container {
    min-width: 945px;
  }
}
#hudevo .hudevo__mining_text {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_text {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_text {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_text {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_text {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_text {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_text {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_text {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_text {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_text {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_text {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_text {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_text {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_text {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_text {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_text {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_text {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_text {
    line-height: 59.85px;
  }
}
#hudevo .hudevo__mining_progress {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_progress {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_progress {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_progress {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_progress {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_progress {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_progress {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_progress {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_progress {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_progress {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_progress {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_progress {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_progress {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_progress {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_progress {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_progress {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_progress {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_progress {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_progress {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_progress {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_progress {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__mining_progress {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__mining_progress {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__mining_progress {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__mining_progress {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__mining_progress {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__mining_progress {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__mining_progress {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__mining_progress {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__mining_progress {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__mining_progress {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__mining_progress {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__mining_progress {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__mining_progress {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__mining_progress {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__mining_progress {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_progress {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_progress {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__mining_progress {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__mining_progress {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__mining_progress {
    height: 25.2px;
  }
}
#hudevo .hudevo__mining_progress #ProgressBarKey {
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  border-radius: 4px;
}
#hudevo .hudevo-usebutton__mouse-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo-usebutton__mouse-icon {
    height: 75.6px;
  }
}
#hudevo .hudevo-usebutton__mouse-icon svg {
  width: 100%;
  height: 100%;
}
#hudevo .hudevo__check {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 143px;
  background-image: url(/src/views/player/hudevo/images/check.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 40px;
  flex-direction: column;
  padding-left: 13px;
  padding-right: 13px;
}
#hudevo .hudevo__check .hudevo__check_title {
  color: #252525;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
}
#hudevo .hudevo__check .hudevo__check_subtitle {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #252525;
  max-width: 75px;
  text-align: left;
}
#hudevo .hudevo__check .box-between {
  margin-bottom: 2px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#hudevo .hudevo__check .hudevo__check_money {
  text-shadow: 0px 0px 39px #53CC3F;
  align-self: center;
  margin-top: 22px;
  color: #53CC3F;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 14px;
  align-self: center;
}
#hudevo .hudevo__event {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
#hudevo .hudevo__event .hudevo__event_image {
  background-image: url(/src/views/player/hudevo/images/event.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 104.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 116.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 150.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 159.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 174.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 163.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 198.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 186.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 221.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 233px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 233px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 291.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 314.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 302.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 291.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 384.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 466px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 384.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 524.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__event .hudevo__event_image {
    width: 733.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 45.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 51px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 65.79px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 69.87px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 76.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 71.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 86.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 96.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 127.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 137.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 132.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 127.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 168.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 204px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 168.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 229.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__event .hudevo__event_image {
    height: 321.3px;
  }
}
#hudevo .hudevo__notification {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
#hudevo .hudevo__battlepass {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#hudevo .hudevo__battlepass .hudevo__battlepass_image {
  background-image: url(/src/views/player/hudevo/images/battlepass-info.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 160.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 178.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 230.265px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 244.545px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 267.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 249.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 303.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 285.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 339.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 357px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 357px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 446.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 481.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 464.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 446.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 589.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 714px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 589.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 803.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    width: 1124.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 209.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass .hudevo__battlepass_image {
    height: 292.95px;
  }
}
#hudevo .hudevo__notification_subtitle {
  background: #0066CC;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    padding-bottom: 6.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    padding-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-top: 100.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 9px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle.battlepass {
    margin-left: 12.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 114.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_subtitle.mt-51 {
    margin-top: 160.65px;
  }
}
#hudevo .hudevo__battlepass_background {
  background-image: url(/src/views/player/hudevo/images/battlepass-background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252525;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass_background {
    width: 160.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass_background {
    width: 178px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass_background {
    width: 229.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass_background {
    width: 243.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass_background {
    width: 267px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass_background {
    width: 249.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass_background {
    width: 302.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass_background {
    width: 284.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass_background {
    width: 338.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass_background {
    width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass_background {
    width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass_background {
    width: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass_background {
    width: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass_background {
    width: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass_background {
    width: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    width: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    width: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    width: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    width: 801px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass_background {
    width: 1121.4px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass_background {
    height: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass_background {
    height: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass_background {
    height: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass_background {
    height: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass_background {
    height: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass_background {
    height: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass_background {
    height: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass_background {
    height: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass_background {
    height: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass_background {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass_background {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass_background {
    height: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass_background {
    height: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass_background {
    height: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass_background {
    height: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    height: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    height: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    height: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    height: 83.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass_background {
    height: 116.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass_background {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__battlepass_background {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__notification_title {
  background: white;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #252525;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title {
    width: 120.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title {
    width: 134px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title {
    width: 172.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title {
    width: 183.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title {
    width: 201px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title {
    width: 187.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title {
    width: 227.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title {
    width: 214.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title {
    width: 254.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title {
    width: 361.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title {
    width: 348.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title {
    width: 335px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    width: 442.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    width: 536px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    width: 442.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    width: 603px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title {
    width: 844.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title {
    height: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title {
    height: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title {
    height: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title {
    height: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title {
    height: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title {
    height: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title {
    height: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title {
    height: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title {
    height: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title {
    height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title {
    height: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title {
    height: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title {
    height: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title {
    height: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    height: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    height: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    height: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    height: 83.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title {
    height: 116.55px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__notification_title.fs-14 {
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-weight: 500;
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title.fs-14 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title.fs-14 {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__notification_title.large {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title.large {
    padding-right: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title.large {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_title.large {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_title.large {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_title.large {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_title.large {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_title.large {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_title.large {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_title.large {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_title.large {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_title.large {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_title.large {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_title.large {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_title.large {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_title.large {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_title.large {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_title.large {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_title.large {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_title.large {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_title.large {
    height: 66.15px;
  }
}
#hudevo .hudevo__winner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  background-image: url(/src/views/player/hudevo/images/winner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner {
    width: 199.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner {
    width: 222px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner {
    width: 286.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner {
    width: 304.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner {
    width: 333px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner {
    width: 310.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner {
    width: 377.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner {
    width: 355.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner {
    width: 421.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner {
    width: 444px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner {
    width: 444px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner {
    width: 555px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner {
    width: 599.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner {
    width: 577.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner {
    width: 555px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    width: 732.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    width: 888px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    width: 732.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    width: 999px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner {
    width: 1398.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner {
    height: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner {
    height: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner {
    height: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner {
    height: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner {
    height: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner {
    height: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner {
    height: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner {
    height: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner {
    height: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner {
    height: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner {
    height: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner {
    height: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    height: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    height: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    height: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    height: 612px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner {
    height: 856.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner {
    padding-top: 126px;
  }
}
#hudevo .hudevo__winner .hudevo__winner_image {
  background-image: url(/src/views/player/hudevo/images/money.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 53.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 59.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 76.755px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 81.515px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 89.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 83.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 101.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 113.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 148.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 160.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 154.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 148.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 196.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 238px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 196.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 267.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    width: 374.85px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 198px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__winner .hudevo__winner_image {
    height: 277.2px;
  }
}
#hudevo .hudevo__winner.noback {
  background-image: none;
}
#hudevo .hudevo__level {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}
@media (max-width: 799px) {
  #hudevo .hudevo__level {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level {
    margin-bottom: 31.5px;
  }
}
#hudevo .hudevo__level .hudevo__level_image {
  background-image: url(/src/views/player/hudevo/images/level.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 109.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 122px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 157.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 167.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 183px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 170.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 207.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 195.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 231.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 244px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 244px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 305px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 329.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 317.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 305px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 402.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 488px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 402.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 549px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image {
    width: 768.6px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 29.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 33px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 42.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 45.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 49.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 46.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 56.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 52.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 62.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 148.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image {
    height: 207.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image {
    margin-bottom: 44.1px;
  }
}
#hudevo .hudevo__level .hudevo__level_image .level {
  font-weight: 600;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .level {
    margin-left: 40.95px;
  }
}
#hudevo .hudevo__level .hudevo__level_image .newlevel {
  color: rgba(255, 255, 255, 0.55);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__level .hudevo__level_image .newlevel {
    margin-right: 31.5px;
  }
}
#hudevo .hudevo__weekprise {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#hudevo .hudevo__weekprise .hudevo__weekprise_prise {
  background-image: url(/src/views/player/hudevo/images/prise.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 90.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 100.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 129.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 137.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 150.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 140.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 170.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 160.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 190.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 201px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 201px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 251.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 271.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 261.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 251.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 331.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 402px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 331.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 452.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    width: 633.15px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise {
    margin-right: -100.8px;
  }
}
#hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
  background-image: url(/src/views/player/hudevo/images/money.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 50.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 56.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 72.885px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 77.405px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 84.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 79.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 96.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 90.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 107.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 141.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 152.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 146.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 141.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 186.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 226px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 186.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 254.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    width: 355.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 50.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 56.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 72.885px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 77.405px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 84.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 79.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 96.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 90.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 107.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 113px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 141.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 152.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 146.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 141.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 186.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 226px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 186.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 254.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_prise .hudevo__weekprise_image {
    height: 355.95px;
  }
}
#hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/src/views/player/hudevo/images/sprite.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 155.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 173px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 223.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 237.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 259.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 242.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 294.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 276.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 328.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 432.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 467.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 449.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 432.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 570.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 692px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 570.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 778.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    width: 1089.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 247.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .hudevo__weekprise_sprite {
    height: 346.5px;
  }
}
#hudevo .hudevo__weekprise .align-right {
  align-self: flex-end;
  font-weight: 600;
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .align-right {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__weekprise .align-right {
    line-height: 44.1px;
  }
}
#hudevo .hudevo__weekprise .justify-start {
  justify-content: flex-start;
}
#hudevo .hudevo__notification_text {
  align-self: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    border-top: 1.35px solid #0066CC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    border-top: 1.5px solid #0066CC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    border-top: 1.935px solid #0066CC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.055px solid #0066CC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.25px solid #0066CC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.1px solid #0066CC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.55px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.4px solid #0066CC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    border-top: 2.85px solid #0066CC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    border-top: 3px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    border-top: 3px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    border-top: 3.75px solid #0066CC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    border-top: 4.05px solid #0066CC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    border-top: 3.9px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    border-top: 3.75px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    border-top: 4.95px solid #0066CC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    border-top: 6px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    border-top: 4.95px solid #0066CC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    border-top: 6.75px solid #0066CC;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    border-top: 9.45px solid #0066CC;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 787.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text.large {
    max-width: 1102.5px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text.small {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 102.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 114px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 147.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 156.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 171px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 159.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 193.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 182.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 216.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 228px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 228px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 285px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 307.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 296.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 285px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 376.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 456px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 376.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 513px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text.small {
    max-width: 718.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__notification_text.medium {
    width: 120.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__notification_text.medium {
    width: 134px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__notification_text.medium {
    width: 172.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__notification_text.medium {
    width: 183.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__notification_text.medium {
    width: 201px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__notification_text.medium {
    width: 187.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__notification_text.medium {
    width: 227.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__notification_text.medium {
    width: 214.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__notification_text.medium {
    width: 254.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__notification_text.medium {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__notification_text.medium {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__notification_text.medium {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__notification_text.medium {
    width: 361.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__notification_text.medium {
    width: 348.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__notification_text.medium {
    width: 335px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.medium {
    width: 442.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.medium {
    width: 536px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__notification_text.medium {
    width: 442.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__notification_text.medium {
    width: 603px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__notification_text.medium {
    width: 844.2px;
  }
}
#hudevo .hudevo__notification_text b {
  font-weight: 600;
}
#hudevo .hudevo__center_bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: auto;
  justify-content: center;
}
#hudevo .hudevo__playerinfo_button {
  background: #333330;
  display: flex;
  width: 3.704vh !important;
  height: 3.704vh !important;
  align-items: center;
  justify-content: center;
  border-radius: 0.37vh;
  font-style: normal;
  font-weight: 400;
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    min-width: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button {
    line-height: 47.25px;
  }
}
#hudevo .hudevo__playerinfo_button.bottom {
  position: relative;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    min-width: 100.8px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.bottom {
    height: 100.8px;
  }
}
#hudevo .hudevo__playerinfo_button:hover {
  background: rgb(255, 255, 255);
  color: #5b5b5b;
}
#hudevo .hudevo__playerinfo_button.active {
  animation: key-info-active 500ms;
}
#hudevo .hudevo__playerinfo_button.pressed {
  animation: none;
  background: rgb(255, 255, 255);
  color: #464545;
}
#hudevo .hudevo__playerinfo_button.disabled {
  opacity: 0.6;
  pointer-events: none;
}
#hudevo .hudevo__playerinfo_button.disabled #hudevo .hudevo__playerinfo_button:hover {
  background: #333330;
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__playerinfo_button.nonactive {
  background: #333330;
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__playerinfo_button.nonactive #hudevo .hudevo__playerinfo_button:hover {
  background: #333330;
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__playerinfo_button.keyDetector {
  color: rgb(255, 255, 255);
  animation: key-info-detector 2s infinite;
}
#hudevo .hudevo__playerinfo_button.keyDetector:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__playerinfo_button.keyDonate {
  color: rgb(255, 255, 255);
  animation: key-info-donate 5s infinite;
}
#hudevo .hudevo__playerinfo_button.keyDonate:hover {
  background: rgba(255, 240, 189, 0.3);
  color: rgb(255, 255, 255);
}
#hudevo .hudevo__playerinfo_button.keyPet {
  border-image-source: linear-gradient(43.64deg, rgba(248, 40, 71, 0) -1.83%, #0066CC 73.21%) !important;
  border-image-slice: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.45);
  font-family: "HudFontCustom", "ProximaNova", "Gilroy", Arial, sans-serif, "ProximaNova", "Gilroy", Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  background: transparent;
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 0.9px solid;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1px solid;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.29px solid;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.37px solid;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.5px solid;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.4px solid;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.7px solid;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.6px solid;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 1.9px solid;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2.5px solid;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2.7px solid;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2.6px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 2.5px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 3.3px solid;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 4px solid;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 3.3px solid;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 4.5px solid;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    border: 6.3px solid;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo .hudevo__playerinfo_button.keyPet {
    line-height: 53.55px;
  }
}
#hudevo .hudevo__playerinfo_button.keyPet.pressed, #hudevo .hudevo__playerinfo_button.keyPet:hover {
  color: white !important;
  background: rgba(0, 0, 0, 0) !important;
  border-image-source: linear-gradient(217.64deg, rgba(248, 40, 71, 0) -1.83%, #0066CC 73.21%) !important;
}
@media (max-width: 799px) {
  #hudevo .w-228 {
    width: 102.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .w-228 {
    width: 114px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .w-228 {
    width: 147.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .w-228 {
    width: 156.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .w-228 {
    width: 171px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .w-228 {
    width: 159.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .w-228 {
    width: 193.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .w-228 {
    width: 182.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .w-228 {
    width: 216.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .w-228 {
    width: 228px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .w-228 {
    width: 228px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .w-228 {
    width: 285px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .w-228 {
    width: 307.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .w-228 {
    width: 296.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .w-228 {
    width: 285px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .w-228 {
    width: 376.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .w-228 {
    width: 456px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .w-228 {
    width: 376.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .w-228 {
    width: 513px;
  }
}
@media (min-width: 6000px) {
  #hudevo .w-228 {
    width: 718.2px;
  }
}
#hudevo .hudevo__elementparams {
  border-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 74.56%) !important;
  border-image-slice: 1 !important;
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.19) 9.17%, rgba(255, 255, 255, 0) 74.56%);
}
#hudevo .hudevo__elementparams.paramsright {
  border-right-style: solid;
  border-left-style: hidden;
  background: linear-gradient(279deg, rgba(255, 255, 255, 0.19) 12.3%, rgba(255, 255, 255, 0) 100%) !important;
  border-image-source: linear-gradient(270.3deg, rgba(255, 255, 255, 0.25) 0.24%, rgba(255, 255, 255, 0) 99.74%) !important;
}
#hudevo.night .hudevo__elementparams {
  border-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-image-source: linear-gradient(90.3deg, rgba(255, 255, 255, 0.25) 0.24%, rgba(255, 255, 255, 0) 99.74%) !important;
  border-image-slice: 1 !important;
  position: relative;
  z-index: 1;
  background: linear-gradient(89.87deg, rgba(0, 0, 0, 0.25) -2.38%, rgba(0, 0, 0, 0) 99.89%) !important;
}
#hudevo.night .hudevo__elementparams.paramsright {
  border-right-style: solid;
  border-left-style: hidden;
  background: linear-gradient(279deg, rgba(0, 0, 0, 0.25) -2.38%, rgba(0, 0, 0, 0) 99.89%) !important;
  border-image-source: linear-gradient(270.3deg, rgba(255, 255, 255, 0.25) 0.24%, rgba(255, 255, 255, 0) 99.74%) !important;
}
#hudevo.night .hudevo__placetime .hudevo__placetime_image {
  background-image: url(/src/views/player/hudevo/images/bottom-info-night.png) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 76.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 84.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 109.005px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 115.765px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 126.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 118.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 143.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 135.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 160.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 169px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 211.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 228.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 219.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 211.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 278.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 338px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 278.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 380.25px;
  }
}
@media (min-width: 6000px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    width: 532.35px;
  }
}
@media (max-width: 799px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  #hudevo.night .hudevo__placetime .hudevo__placetime_image {
    height: 138.6px;
  }
}
#hudevo.night .hudevo__notification_text {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%) !important;
}
@media (max-width: 799px) {
  #hudevo .mr-6 {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #hudevo .mr-6 {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #hudevo .mr-6 {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #hudevo .mr-6 {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #hudevo .mr-6 {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #hudevo .mr-6 {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #hudevo .mr-6 {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #hudevo .mr-6 {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #hudevo .mr-6 {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #hudevo .mr-6 {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #hudevo .mr-6 {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #hudevo .mr-6 {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #hudevo .mr-6 {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #hudevo .mr-6 {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #hudevo .mr-6 {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #hudevo .mr-6 {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #hudevo .mr-6 {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #hudevo .mr-6 {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #hudevo .mr-6 {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #hudevo .mr-6 {
    margin-right: 18.9px;
  }
}
@font-face {
  font-family: "hudevoicon";
  src: url(../src/views/player/hudevo/fonts/fonts//hudevoicon.eot);
  src: url(../src/views/player/hudevo/fonts/fonts//hudevoicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/fonts//hudevoicon.ttf) format("truetype"), url(../src/views/player/hudevo/fonts/fonts//hudevoicon.woff) format("woff"), url(/src/views/player/hudevo/fonts/fonts/hudevoicon.svg#hudevoicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=hudevoicon-], [class*=" hudevoicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hudevoicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hudevoicon-ammo:before {
  content: "\e900";
}

.hudevoicon-bank:before {
  content: "\e901";
}

.hudevoicon-bel:before {
  content: "\e902";
}

.hudevoicon-clock:before {
  content: "\e903";
}

.hudevoicon-close:before {
  content: "\e904";
}

.hudevoicon-donate:before {
  content: "\e905";
}

.hudevoicon-engine:before {
  content: "\e906";
}

.hudevoicon-fuel:before {
  content: "\e907";
}

.hudevoicon-inv:before {
  content: "\e908";
}

.hudevoicon-key:before {
  content: "\e909";
}

.hudevoicon-left:before {
  content: "\e90a";
}

.hudevoicon-light:before {
  content: "\e90b";
}

.hudevoicon-lobby:before {
  content: "\e90c";
}

.hudevoicon-micro:before {
  content: "\e90d";
}

.hudevoicon-mini-rado:before {
  content: "\e90e";
}

.hudevoicon-person:before {
  content: "\e90f";
}

.hudevoicon-phone:before {
  content: "\e910";
}

.hudevoicon-prise-right:before {
  content: "\e911";
}

.hudevoicon-radio:before {
  content: "\e912";
}

.hudevoicon-right:before {
  content: "\e913";
}

.hudevoicon-shield:before {
  content: "\e914";
}

.hudevoicon-skull:before {
  content: "\e915";
}

.hudevoicon-star:before {
  content: "\e916";
}

.hudevoicon-wallet:before {
  content: "\e917";
}

.hudevoicon-war-left:before {
  content: "\e918";
}

.hudevoicon-war-person:before {
  content: "\e919";
}

.hudevoicon-war-right:before {
  content: "\e91a";
}
@font-face {
  font-family: "hud__icon";
  src: url(../src/views/player/hudevo/fonts/hudfonts//hud__icon.eot);
  src: url(../src/views/player/hudevo/fonts/hudfonts//hud__icon.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/hudfonts//hud__icon.ttf) format("truetype"), url(../src/views/player/hudevo/fonts/hudfonts//hud__icon.woff) format("woff"), url(/src/views/player/hudevo/fonts/hudfonts/hud__icon.svg#hud__icon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=hud__icon-], [class*=" hud__icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hud__icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hud__icon-send:before {
  content: "\e900";
}

.hud__icon-chat:before {
  content: "\e901";
}

.hud__icon-engine:before {
  content: "\e902";
}

.hud__icon-closedoor:before {
  content: "\e903";
}

.hud__icon-left:before {
  content: "\e904";
}

.hud__icon-right:before {
  content: "\e905";
}

.hud__icon-cruisecontrol:before {
  content: "\e906";
}

.hud__icon-autopilot:before {
  content: "\e907";
}

.hud__icon-belt:before {
  content: "\e908";
}

.hud__icon-phone:before {
  content: "\e909";
}

.hud__icon-micon:before {
  content: "\e90a";
}

.hud__icon-micoff:before {
  content: "\e90b";
}

.hud__icon-micmute:before {
  content: "\e90c";
}

.hud__icon-money3:before {
  content: "\e91e";
}

.hud__icon-money:before {
  content: "\e90d";
}

.hud__icon-money2:before {
  content: "\e91f";
}

.hud__icon-bank:before {
  content: "\e90e";
}

.hud__icon-hint:before {
  content: "\e90f";
}

.hud__icon-clock:before {
  content: "\e910";
}

.hud__icon-lights:before {
  content: "\e911";
}

.hud__icon-info:before {
  content: "\e912";
}

.hud__icon-error:before {
  content: "\e913";
}

.hud__icon-success:before {
  content: "\e914";
}

.hud__icon-warning:before {
  content: "\e915";
}

.hud__icon-Anim:before {
  content: "\e916";
}

.hud__icon-Binder:before {
  content: "\e917";
}

.hud__icon-donate:before {
  content: "\e920";
}

.hud__icon-donate2:before {
  content: "\e918";
}

.hud__icon-donate3:before {
  content: "\e921";
}

.hud__icon-inventory:before {
  content: "\e919";
}

.hud__icon-cuff:before {
  content: "\e91a";
}

.hud__icon-tolead:before {
  content: "\e91b";
}

.hud__icon-Payday:before {
  content: "\e91c";
}

.hud__icon-call:before {
  content: "\e91d";
}

.hud__icon-bonus:before {
  content: "\e922";
}

.hud__icon-skull:before {
  content: "\e923";
}

.hud__icon-user:before {
  content: "\e924";
}

.hud__icon-users:before {
  content: "\e925";
}

.hud__icon-star:before {
  content: "\e926";
}

.hud__icon-attacker:before {
  content: "\e927";
}

.hud__icon-shield:before {
  content: "\e928";
}

.hud__icon-walkie-talkie:before {
  content: "\e929";
}
@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Black.eot);
  src: local("Proxima Nova Black"), local("ProximaNova-Black"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Black.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Black.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Extrabld.eot);
  src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Extrabld.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Extrabld.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Extrabld.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Extrabld.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-SemiboldIt.eot);
  src: local("Proxima Nova Semibold Italic"), local("ProximaNova-SemiboldIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-SemiboldIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-SemiboldIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-SemiboldIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-SemiboldIt.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNovaT-Thin.eot);
  src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"), url(../src/views/player/hudevo/fonts/Nova//ProximaNovaT-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNovaT-Thin.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNovaT-Thin.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNovaT-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Light.eot);
  src: local("Proxima Nova Light"), local("ProximaNova-Light"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Light.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Light.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BlackIt.eot);
  src: local("Proxima Nova Black Italic"), local("ProximaNova-BlackIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BlackIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BlackIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BlackIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BlackIt.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BoldIt.eot);
  src: local("Proxima Nova Bold Italic"), local("ProximaNova-BoldIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BoldIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BoldIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BoldIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-BoldIt.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ThinIt.eot);
  src: local("Proxima Nova Thin Italic"), local("ProximaNova-ThinIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ThinIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ThinIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ThinIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ThinIt.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Bold.eot);
  src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Bold.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Bold.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-RegularIt.eot);
  src: local("Proxima Nova Regular Italic"), local("ProximaNova-RegularIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-RegularIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-RegularIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-RegularIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-RegularIt.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ExtrabldIt.eot);
  src: local("Proxima Nova Extrabold Italic"), local("ProximaNova-ExtrabldIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ExtrabldIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ExtrabldIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ExtrabldIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-ExtrabldIt.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Regular.eot);
  src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Regular.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Regular.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-LightIt.eot);
  src: local("Proxima Nova Light Italic"), local("ProximaNova-LightIt"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-LightIt.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-LightIt.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-LightIt.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-LightIt.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Semibold.eot);
  src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Semibold.woff2) format("woff2"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Semibold.woff) format("woff"), url(../src/views/player/hudevo/fonts/Nova//ProximaNova-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
.notilistpi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

body {
  background-color: rgba(35, 35, 35, 0.1019607843);
}

.notilistpi .notpiblock {
  width: 37.1296vh;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 0.3704vh;
  background: rgba(16, 21, 24, 0.7);
  margin-bottom: 0.6481vh;
}

.notilistpi .notpiblock .leftnotipi {
  margin-left: 0.9259vh;
  margin-top: 1.0185vh;
}

.notilistpi .notpiblock .rightnotipi {
  margin-top: 1.3889vh;
  margin-bottom: 1.3889vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32.4074vh;
  margin-right: 0.9259vh;
  color: #FFF;
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.notilistpi .notpiblock .leftnotipi svg {
  width: 2.2222vh;
  height: 2.2222vh;
}

.notilistpi .notpiblock .rightnotipi p {
  margin-bottom: 0vh;
  margin-top: 0vh;
}

.notilistpi .notpiblock.error {
  border-right: 0.2778vh solid #F21626;
}

.notilistpi .notpiblock.success {
  border-right: 0.2778vh solid #34B67C;
}

.notilistpi .notpiblock.information {
  border-right: 0.2778vh solid #F4C940;
}

.notilistpi .notpiblock.alert {
  border-right: 0.2778vh solid #F4C940;
}

.notilistpi .notpiblock.warning {
  border-right: 0.2778vh solid #F4C940;
}

.hudmagic {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.hudmagic .hmleft {
  position: absolute;
  left: 0vh;
  top: 0vh;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.hudmagic .hmcenter {
  position: absolute;
  top: 0vh;
  left: 50%;
  transform: translateX(-50%);
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmright {
  position: absolute;
  right: 0vh;
  top: 0vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicChat {
  width: 42.963vh;
  height: 27.7778vh;
  margin-left: 1.8519vh;
}

.hudmagic .hmleft .magicpetcontrol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.5741vh;
  margin-left: 1.8519vh;
}

.hudmagic .hmleft .magictaxi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.6667vh;
  margin-left: 1.8519vh;
  border-radius: 0.5556vh;
  background: rgba(14, 13, 13, 0.7);
  width: 24.3519vh;
  height: 2.963vh;
}

.hudmagic .hmleft .magicnotimap {
  margin-top: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6481vh;
  position: relative;
  top: -18vh;
}

.hudmagic .hmleft .bottomgps {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.hudmagic .hmcenter .magichead {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.magicbottom {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmright .magicserver {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 1.8519vh;
  margin-right: 1.0185vh;
}

.hudmagic .hmright .magicbonus {
  margin-top: 1.1111vh;
  margin-right: 1.0185vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 28.3333vh;
  height: 5.9259vh;
  border-radius: 0.5556vh;
  background: rgba(24, 24, 23, 0.9);
}

.hudmagic .hmright .magicquest {
  margin-top: 1.1111vh;
  margin-right: 1.0185vh;
  width: 28.3333vh;
  height: 12.7778vh;
  border-radius: 0.5556vh;
  background: rgba(24, 24, 23, 0.9);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hudmagic .hmright .magicbinds {
  position: absolute;
  width: 20.463vh;
  right: 0vh;
  top: 50%;
  transform: translate(0vh, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.6481vh;
}

.hudmagic .hmright .magicspeed {
  margin-top: auto;
  margin-right: 4.2593vh;
  margin-bottom: 3.7963vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicpetcontrol .infopet {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5556vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .icon {
  width: 2.7778vh;
  height: 2.7778vh;
  border-radius: 0.2778vh;
  background: rgba(30, 30, 30, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.2037vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .namepet {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 2.7778vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .namepet h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.1852vh;
  text-align: left;
}

.hudmagic .hmleft .magicpetcontrol .infopet .namepet .healbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5556vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .namepet .healbar .healprogres {
  background: rgba(30, 30, 30, 0.25);
  width: 2.963vh;
  height: 0.2778vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .icon svg {
  width: 1.4815vh;
  height: 1.4815vh;
}

.hudmagic .hmleft .magicpetcontrol p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 95.5%;
  letter-spacing: 0%;
  text-align: left;
}

.hudmagic .hmleft .magicpetcontrol .btninfo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 0.1852vh 0.463vh;
  width: 17.5vh;
  margin-top: 0.5556vh;
}

.hudmagic .hmleft .magicpetcontrol .btninfo .petdev {
  height: 1.4815vh;
  border-radius: 0.2778vh;
  background: rgba(30, 30, 30, 0.7);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0vh 0.3704vh;
}

.hudmagic .hmleft .magicpetcontrol .btninfo .petdev p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 0.9259vh;
  font-weight: 400;
  line-height: 95.5%;
  letter-spacing: 0%;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicpetcontrol .btninfo .petdev p b {
  display: flex;
  width: 1.1111vh;
  height: 1.1111vh;
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 0.7407vh;
  font-weight: 500;
  line-height: 95.5%;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 0.0926vh;
  background: rgb(204, 63, 112);
  align-items: center;
  justify-content: center;
  margin-right: 0.463vh;
}

.hudmagic .hmleft .magictaxi .taxiicon {
  width: 3.0556vh;
  height: 2.963vh;
  border-radius: 0.5556vh;
  box-shadow: 0vh 0vh 1.7593vh 0vh rgba(255, 199, 0, 0.54);
  background: rgb(255, 199, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmleft .magictaxi span {
  color: rgba(255, 255, 255, 0.5);
  font-family: "HudFontCustom";
  font-size: 1.2037vh;
  font-weight: 600;
  line-height: 1.4815vh;
  letter-spacing: 0%;
  text-align: center;
  margin: auto;
}

.hudmagic .hmleft .magictaxi p {
  width: 5.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-right: 0.0926vh solid rgba(255, 255, 255, 0.08);
  height: 2.963vh;
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
}

.hudmagic .hmleft .magictaxi .taxiicon svg {
  width: 1.3889vh;
  height: 0.463vh;
}

.hudmagic .hmleft .magicnotimap .blocknm {
  width: 25vh;
  height: 4.0741vh;
  border-radius: 0.2778vh;
  background: rgba(30, 33, 36, 0.84);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicnotimap .blocknm svg {
  width: 1.8519vh;
  height: 1.8519vh;
  margin-left: 1.1111vh;
  margin-right: 0.8333vh;
}

.hudmagic .hmleft .magicnotimap .blocknm p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.5741vh;
  font-weight: 400;
  line-height: 1.9444vh;
  letter-spacing: -0.088vh;
  text-align: left;
}

.hudmagic .hmleft .magicnotimap .blocknm p b {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.5741vh;
  font-weight: 400;
  line-height: 1.9444vh;
  letter-spacing: -0.088vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magicweather {
  margin-bottom: 1.2037vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .bottomgps .magictimedata {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 2.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3704vh;
  flex-wrap: wrap;
  height: 4.265vh;
}

.hudmagic .hmleft .bottomgps .magicstreet {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 1.2963vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3704vh;
}

.hudmagic .hmleft .bottomgps .magicmoney {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5556vh;
}

.hudmagic .hmleft .bottomgps .magicZZ {
  position: absolute;
  margin-left: -26.463vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  margin-bottom: 2vh;
  background: rgba(24, 24, 23, 0.56);
  width: 10.5556vh;
  height: 2.2222vh;
}

.hudmagic .hmleft .bottomgps .magicZZ svg {
  width: 1.1111vh;
  height: 1.1111vh;
}

.hudmagic .hmleft .bottomgps .magicZZ p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.1574vh;
  font-weight: 700;
  line-height: 1.5741vh;
  letter-spacing: 0.0278vh;
  text-align: center;
  margin-left: 0.7407vh;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmnal {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmbank {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmbank svg {
  width: 1.6667vh;
  height: 1.6667vh;
  margin-right: 0.6481vh;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmbank p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmnal svg {
  width: 1.6667vh;
  height: 1.6667vh;
  margin-right: 0.6481vh;
}

.hudmagic .hmleft .bottomgps .magicmoney .mmnal p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magicstreet p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magicstreet b {
  color: rgba(255, 255, 255, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magictimedata p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magictimedata span {
  color: rgba(255, 255, 255, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magictimedata p b {
  color: rgba(255, 255, 255, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 0.7407vh;
}

.hudmagic .hmleft .bottomgps .magicweather p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmleft .bottomgps .magicweather img {
  width: 1.5741vh;
  height: 1.5741vh;
  margin-left: 0.463vh;
  margin-right: 0.5556vh;
}

.hudmagic .hmcenter .magichead .magiccapt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: rgba(24, 24, 23, 0.84);
  width: 28.3333vh;
  height: 6.2963vh;
  margin-top: 0.9259vh;
}

.hudmagic .hmcenter .magichead .magiclvl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 1.5741vh;
}

.hudmagic .hmcenter .magichead .magicannons {
  margin-top: 1.8519vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmcenter .magichead .magicannons svg {
  width: 7.5926vh;
  height: 6.0185vh;
  margin-bottom: 1.5741vh;
}

.hudmagic .hmcenter .magichead .magicannons .magicannonshead {
  width: 19.9074vh;
  height: 2.7778vh;
  box-sizing: border-box;
  border-radius: 0.5556vh;
  background: rgba(255, 255, 255, 0.12);
  border: 0.0926vh solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmcenter .magichead .magicannons .magicannonstext {
  margin-top: 1.0185vh;
  width: 17.5926vh;
}

.hudmagic .hmcenter .magichead .magicannons .magicannonstext p {
  color: rgba(255, 255, 255, 0.5);
  font-family: "HudFontCustom";
  font-size: 1.1111vh;
  font-weight: 400;
  line-height: 1.2963vh;
  letter-spacing: 0%;
  text-align: center;
}

.hudmagic .hmcenter .magichead .magicannons .magicannonshead p {
  width: 14.7222vh;
  height: 2.7778vh;
  box-sizing: border-box;
  border: 0.0926vh solid #0066CC;
  border-radius: 0.5556vh;
  background: rgba(51, 137, 242, 0.52);
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.3889vh;
  font-weight: 500;
  line-height: 1.6667vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlleft {
  background: url(https://cdn.just-rp.online/imgur.com/ALjiMzH.png);
  background-size: cover;
  width: 4.6296vh;
  height: 4.6296vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.4815vh;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlcenter {
  background: url(https://cdn.just-rp.online/imgur.com/kL6Juzf.png);
  width: 38.7037vh;
  height: 0.7407vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlright {
  background: url(https://cdn.just-rp.online/imgur.com/ALjiMzH.png);
  background-size: cover;
  width: 4.6296vh;
  height: 4.6296vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.4815vh;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlright p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 3.5185vh;
  font-weight: 500;
  line-height: 4.2593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlcenter .progres {
  background: url(https://cdn.just-rp.online/imgur.com/GLma67J.png);
  max-width: 38.7037vh;
  height: 0.7407vh;
  width: 10%;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlleft p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 3.5185vh;
  font-weight: 500;
  line-height: 4.2593vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmcenter .magichead .magiccapt .captleft {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmcenter .magichead .magiccapt .captcenter {
  height: 6.2963vh;
  width: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmcenter .magichead .magiccapt .captright {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmcenter .magichead .magiccapt .captright b {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 2.8704vh;
  font-weight: 600;
  line-height: 3.5185vh;
  letter-spacing: 0vh;
  text-align: center;
  width: 6.1111vh;
}

.hudmagic .hmcenter .magichead .magiccapt .captright img {
  width: 6.2963vh;
  height: 6.2963vh;
}

.hudmagic .hmcenter .magichead .magiccapt .captcenter p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmcenter .magichead .magiccapt .captleft img {
  width: 6.2963vh;
  height: 6.2963vh;
}

.hudmagic .hmcenter .magichead .magiccapt .captleft b {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 2.8704vh;
  font-weight: 600;
  line-height: 3.5185vh;
  letter-spacing: 0vh;
  text-align: center;
  width: 6.1111vh;
}

.magicbottom .magicnoti {
  margin-bottom: 1.4815vh;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6481vh;
}

.magicbottom .magiciteminfo {
  margin-bottom: 1.4815vh;
  width: 37.1296vh;
  height: 9.8148vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.3704vh;
  background: rgba(24, 24, 23, 0.84);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.magicdial {
  margin-bottom: 0.9259vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 26.5741vh;
}

.magicdial .headuse {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 26.5741vh;
}

.magicdial .lineuse {
  width: 26.5741vh;
  height: 0.1852vh;
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.7593vh 0vh;
}

.magicdial .btnsuse {
  width: 26.5741vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.magicdial .btnsuse .btnus {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.magicdial .btnsuse .btnus span {
  width: 2.5926vh;
  height: 2.5926vh;
  box-sizing: border-box;
  border-bottom: 0.1389vh solid rgba(0, 0, 0, 0.35);
  border-radius: 0.3704vh;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(30, 30, 30, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 1%;
  text-align: center;
  margin-right: 0.8333vh;
}

.magicdial .btnsuse .btnus p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicdial .lineuse .linus {
  width: 19.2593vh;
  height: 0.1852vh;
  background: #0066CC;
}

.magicdial .headuse .iconuse {
  width: 4.537vh;
  height: 4.537vh;
  border-radius: 0.6481vh;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicdial .headuse .infouse {
  margin-left: 1.0185vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.magicdial .headuse .infouse h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 0.1852vh;
}

.magicdial .headuse .infouse p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.0185vh;
  font-weight: 500;
  line-height: 1.2037vh;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}

.magicdial .headuse .iconuse svg {
  width: 2.963vh;
  height: 2.963vh;
}

.magicbottom .magiciteminfo .imgitem {
  width: 5.9259vh;
  height: 5.9259vh;
  border-radius: 0.463vh;
  background: rgba(0, 0, 0, 0.2);
  margin-left: 1.9444vh;
  margin-right: 1.2037vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicbottom .magiciteminfo .infoitem {
  margin-right: 1.9444vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 5.9259vh;
}

.magicbottom .magiciteminfo .infoitem h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicbottom .magiciteminfo .infoitem p {
  color: rgba(255, 255, 255, 0.5);
  font-family: "HudFontCustom";
  font-size: 1.1111vh;
  font-weight: 400;
  line-height: 1.2963vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 0.2778vh;
}

.magicbottom .magiciteminfo .imgitem img {
  width: 5.9259vh;
  height: 5.9259vh;
  background-size: cover !important;
}

.magicbottom .magicnoti .blocknoti {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 37.1296vh;
  box-sizing: border-box;
  border-right: 0.2778vh solid rgb(88, 222, 128);
  border-radius: 0.3704vh;
  background: rgba(24, 24, 23, 0.84);
}

.magicbottom .magicnoti .blocknoti .leftnoti {
  height: 4.2593vh;
  width: 3.7963vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicbottom .magicnoti .blocknoti .rightnoti {
  width: 32.4074vh;
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 1.3889vh;
  margin-bottom: 1.3889vh;
}

.magicbottom .magicnoti .blocknoti .leftnoti svg {
  width: 2.2222vh;
  height: 2.2222vh;
}

.hudmagic .hmright .magicserver .mshead {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-right: 0.3231vh;
}

.hudmagic .hmright .magicserver .msinfo {
  margin-top: 1.3889vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmright .magicserver .msplayer {
  margin-top: 0.9259vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmright .magicserver .msweapon {
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmright .magicserver .mswanted {
  margin-top: 0.7407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2778vh;
}

.hudmagic .hmright .magicserver .mswanted .star {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmright .magicserver .mswanted .star svg {
  width: 2.037vh;
  height: 2.037vh;
  fill: #fff;
  opacity: 0.25;
}

.hudmagic .hmright .magicserver .mswanted .star.active svg {
  opacity: 1;
}

.hudmagic .hmright .magicserver .msweapon p {
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: right;
  color: rgb(255, 255, 255);
  margin-top: 0.0926vh;
}

.hudmagic .hmright .magicserver .msweapon svg {
  width: 1.8519vh;
  height: 1.8519vh;
  margin-left: 0.1852vh;
}

.hudmagic .hmright .magicserver .msweapon p b {
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: right;
  color: rgba(255, 255, 255, 0.6);
}

.hudmagic .hmright .magicserver .msplayer p {
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
  color: #fff;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
}

.hudmagic .hmright .magicserver .msplayer p b {
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
  color: #fff;
}

.hudmagic .hmright .magicserver .msinfo p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.hudmagic .hmright .magicserver .msinfo span {
  height: 1.8519vh;
  border-radius: 0.5556vh;
  background: rgba(24, 24, 23, 0.2);
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 0.9259vh;
  font-weight: 600;
  line-height: 0.9259vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0vh 0.7407vh;
  margin-left: 0.5556vh;
}

.hudmagic .hmright .magicserver .msinfo p b {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.hudmagic .hmright .magicserver .mshead .report {
  margin-right: 0.5556vh;
  height: 3.1296vh;
  padding: 0vh 0.7407vh;
  border-radius: 0.2778vh;
  background: rgba(24, 24, 23, 0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmright .magicserver .mshead .bonussvg {
  width: 3.1296vh;
  height: 3.1296vh;
  border: 0.5px solid #0066CC;
  background-color: rgba(24, 24, 23, 0.7);
  box-shadow: 1px #0066CC;
  border-radius: 0.2778vh;
  margin-right: 0.5556vh;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #0066CC;
  font-family: "HudFontCustom";
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
}

.hudmagic .hmright .magicserver .mshead .magiclogo {
  display: flex;
  justify-content: center;
  margin-left: 0.5556vh;
}

.hudmagic .hmright .magicserver .mshead .magiclogo img {
  width: 275px;
  height: 40px;
}

.hudmagic .hmright .magicserver .mshead .report p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0%;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.hudmagic .hmright .magicserver .mshead .report p b {
  height: 1.5741vh;
  padding: 0vh 0.4852vh;
  border-radius: 0.2778vh;
  background: #0066CC;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.0185vh;
  font-weight: 600;
  line-height: 1.2037vh;
  letter-spacing: 0%;
  text-align: center;
  margin-left: 0.8333vh;
}

.hudmagic .hmright .magicbonus h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 1.2963vh;
}

.hudmagic .hmright .magicbonus p {
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
}

.hudmagic .hmright .magicbonus p b {
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgb(255, 255, 255);
}

.hudmagic .hmright .magicquest .mqhead {
  width: 28.3333vh;
  min-height: 6.2963vh;
  box-sizing: border-box;
  border-bottom: 0.2778vh solid rgb(0, 102, 204);
  border-radius: 0.5556vh 0.5556vh 0vh 0vh;
  background: linear-gradient(0deg, rgba(0, 102, 204, 0.8) 0%, rgba(0, 102, 204, 0) 100%);
}

.hudmagic .hmright .magicquest .mqtext {
  color: rgba(255, 255, 255, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-top: 0.8333vh;
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
  margin-bottom: 0.8333vh;
}

.hudmagic .hmright .magicquest .mqhead h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-top: 1.1111vh;
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
}

.hudmagic .hmright .magicquest .mqhead p {
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
  margin-top: 0.5556vh;
  color: rgba(255, 255, 255, 0.8);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmright .magicbinds .blockbinds {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmright .magicbinds .blockbinds b {
  width: 2.8704vh;
  height: 2.963vh;
  border-radius: 0.1852vh;
  background: rgba(24, 24, 23, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-right: 0.9259vh;
}

.hudmagic .hmright .magicbinds .blockbinds p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0vh;
  text-align: left;
}

.hudmagic .hmright .magicspeed h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 700;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-right: 0.463vh;
}

.hudmagic .hmright .magicspeed .msspeed {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-top: -0.9259vh;
}

.hudmagic .hmright .magicspeed .msinfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.hudmagic .hmright .magicspeed .msinfo .msiicon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1.0185vh;
  height: 1.6667vh;
  border-right: solid 0.1852vh rgba(255, 255, 255, 0.5);
  padding-right: 0.5556vh;
}

.hudmagic .hmright .magicspeed .msinfo .msifuel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-left: 0.463vh;
}

.hudmagic .hmright .magicspeed .msinfo .msifuel svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.1852vh;
}

.hudmagic .hmright .magicspeed .msinfo .msifuel p {
  font-family: "HudFontCustom";
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: -0.0741vh;
  text-align: right;
  color: rgb(255, 255, 255);
}

.hudmagic .hmright .magicspeed .msinfo .msifuel p b {
  font-family: "HudFontCustom";
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.9444vh;
  letter-spacing: -0.0741vh;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}

.hudmagic .hmright .magicspeed .msinfo .msiicon svg {
  height: 1.4815vh;
  fill: rgba(255, 255, 255, 0.7098039216);
}

.hudmagic .hmright .magicspeed .msspeed span {
  width: 3.0556vh;
  height: 3.5185vh;
  color: rgb(0, 0, 0);
  font-family: "HudFontCustom";
  font-size: 2.8704vh;
  font-weight: 600;
  line-height: 3.5185vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3704vh;
  background: rgb(255, 255, 255);
  margin-right: 0.6481vh;
}

.hudmagic .hmright .magicspeed .msspeed p {
  font-family: "HudFontCustom";
  font-size: 5.2778vh;
  font-weight: 700;
  line-height: 6.3889vh;
  letter-spacing: 0.5926vh;
  text-align: right;
  color: rgba(255, 255, 255, 0.5);
}

.hudmagic .hmright .magicspeed .msspeed p b {
  font-family: "HudFontCustom";
  font-size: 5.2778vh;
  font-weight: 700;
  line-height: 6.3889vh;
  letter-spacing: 0.5926vh;
  text-align: right;
  color: rgb(255, 255, 255);
}

.hudmagic p, .hudmagic b, .hudmagic h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.hudmagic .hmleft .magicpetcontrol .infopet .namepet .healbar .healprogres.active {
  background: rgb(204, 63, 112);
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlcenter .exp {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.9259vh;
}

.hudmagic .hmcenter .magichead .magiclvl .magiclvlcenter .exp p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 2.3148vh;
  font-weight: 500;
  line-height: 2.7778vh;
  letter-spacing: 0vh;
  text-align: center;
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 0.1852vh;
  paint-order: stroke fill;
}

.magicuse {
  position: absolute;
  left: 2vh;
  top: 2vh;
  z-index: 1;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(30, 33, 36);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0vh 1.2963vh;
}

.magicuse p {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 300;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.magicuse p b {
  color: rgb(17, 17, 17);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  height: 2.4074vh;
  padding: 0vh 0.8333vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1852vh;
  background: rgb(248, 248, 248);
  margin: 0vh 0.6481vh;
}

.hudevo__map {
  height: auto !important;
  position: absolute;
  bottom: 1.574vh;
  display: flex;
  width: auto !important;
}

.blocknm {
  opacity: 0;
  animation: show 3s;
}

@keyframes show {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hudmagic .hmright .magicspeed .msinfo .msiicon svg.active {
  fill: #a70109;
}

.hudmagic .hmleft .bottomgps .magictimedata svg {
  width: 2.963vh;
  height: 2.963vh;
  margin-left: 0.6481vh;
  opacity: 0;
}

.hudmagic .hmleft .bottomgps .magictimedata svg.active {
  opacity: 1;
}

.hudmagic .hmleft .magicnotimap .blocknotisms {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 25vh;
  background: rgba(30, 30, 30, 0.8);
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 4.537vh;
  background: rgba(30, 30, 30, 0.4);
}

.hudmagic .hmleft .magicnotimap .blocknotisms .textsms {
  width: 100%;
  padding: 1.2037vh;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms img {
  width: 4.537vh;
  height: 4.537vh;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms .hinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 1.2037vh;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms .icon {
  margin-left: auto;
  margin-right: 1.2037vh;
  margin-top: 0.9259vh;
  margin-bottom: auto;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .textsms p {
  margin-bottom: 0.6481vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms .icon svg {
  width: 1.4815vh;
  height: 1.4815vh;
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms .hinfo h1 {
  font-family: "HudFontCustom";
  font-style: normal;
  font-weight: 400;
  font-size: 1.1111vh;
  line-height: 1.3889vh;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
}

.hudmagic .hmleft .magicnotimap .blocknotisms .headbnsms .hinfo p {
  font-family: "HudFontCustom";
  font-style: normal;
  font-weight: 400;
  font-size: 1.1111vh;
  line-height: 1.3889vh;
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
}

.hud_wrapper .carhud-container-content .car-status .fuel-status__text-fuel,
.hud_wrapper .carhud-container-content .car-status .fuel-status__text-maxFuel,
.hud_wrapper .carhud-container-content .car-status .oil-status__text,
.hud_wrapper .carhud-container-simple .hud_container.additional-info,
.hud_wrapper .carhud-container .progress-ring-wrapper .progress-ring-container svg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hud_wrapper .carhud-container-content,
.main-cover {
  position: absolute;
  left: 0;
  top: 0;
}

.hud_wrapper .carhud {
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  margin-right: 1.94444vh;
  padding-bottom: 1.01852vh;
}

.hud_wrapper .carhud-container {
  position: relative;
  inline-size: 25.09259vh;
  block-size: 25.09259vh;
}

.hud_wrapper .carhud-container-background {
  position: absolute;
  inline-size: 24.4488vh;
  block-size: 24.34898vh;
  left: 0.98%;
  top: 1.07%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3), transparent);
  border-radius: 50%;
}

.hud_wrapper .carhud-container-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  inline-size: 100%;
  block-size: 100%;
  padding: 3.33333vh;
  z-index: 4;
}

.hud_wrapper .carhud-container-content__picture-attention {
  inline-size: 1.94444vh;
  min-block-size: 1.2963vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .carhud-container-content__picture-attention.active {
  fill: #e51a22;
}

.hud_wrapper .carhud-container-content .velocities {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-block-start: 1.01852vh;
}

.hud_wrapper .carhud-container-content .velocities-arrow__picture {
  display: flex;
  inline-size: 1.2963vh;
  block-size: 1.38889vh;
  fill: hsla(0, 0%, 100%, 0.1);
}

.hud_wrapper .carhud-container-content .velocities-arrow.active svg {
  animation: blink-arrow-data-v-da12c228 0.5s ease infinite alternate;
}
@keyframes blink-arrow-data-v-da12c228 {
  0% {
    fill: hsla(0, 0%, 100%, 0.1);
  }
  to {
    fill: #ffc130;
  }
}
.hud_wrapper .carhud-container-content .velocities__picture-arrowRight {
  transform: rotate(180deg);
}

.hud_wrapper .carhud-container-content .velocities-content {
  flex-flow: row nowrap;
  margin-inline-end: 1.48148vh;
  margin-inline-start: 1.48148vh;
  inline-size: 7.40741vh;
  block-size: 2.40741vh;
  overflow: hidden;
}

.hud_wrapper .carhud-container-content .velocities-content-animated {
  display: flex;
  align-items: center;
  inline-size: 100%;
  block-size: 100%;
  margin-inline-start: 0;
  transition: margin-left 0.3s ease;
  justify-content: center;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-0 .velocity:nth-child(2),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-1 .velocity:first-child,
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-1 .velocity:nth-child(3),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-2 .velocity:nth-child(2),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-2 .velocity:nth-child(4),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-3 .velocity:nth-child(3),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-3 .velocity:nth-child(5),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-4 .velocity:nth-child(4),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-4 .velocity:nth-child(6),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-5 .velocity:nth-child(5),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-5 .velocity:nth-child(7),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-6 .velocity:nth-child(6),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-6 .velocity:nth-child(8),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-7 .velocity:nth-child(7) {
  font-size: 1.38889vh;
  color: hsla(0, 0%, 100%, 0.6);
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-0 .velocity:first-child,
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-1 .velocity:nth-child(2),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-2 .velocity:nth-child(3),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-3 .velocity:nth-child(4),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-4 .velocity:nth-child(5),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-5 .velocity:nth-child(6),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-6 .velocity:nth-child(7),
.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-7 .velocity:nth-child(8) {
  font-size: 1.94444vh;
  color: #fff;
}

.hud_wrapper .carhud-container-content .velocities-content-animated .velocity {
  width: 2.963vh;
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: 1.11852vh;
  color: hsla(0, 0%, 100%, 0.6);
  /* -webkit-margin-end: 1.0037vh; */
  /* margin-inline-end: 1.0037vh; */
  transition: color 0.5s ease, font-size 0.5s ease;
  text-align: center;
}

.hud_wrapper .carhud-container-content .velocities-content-animated .velocity:last-child {
  margin-inline-end: 0;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-0 {
  margin-inline-start: 3.33333vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-1 {
  margin-inline-start: 1.48148vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-3 {
  margin-inline-start: -1.75926vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-4 {
  margin-inline-start: -3.14815vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-5 {
  margin-inline-start: -4.62963vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-6 {
  margin-inline-start: -6.48148vh;
}

.hud_wrapper .carhud-container-content .velocities-content-animated.velocity-7 {
  margin-inline-start: -7.87037vh;
}

.hud_wrapper .carhud-container-content .car-status {
  flex-flow: row nowrap;
  justify-content: space-between;
  inline-size: 19.25926vh;
  block-size: 9.81481vh;
}

.hud_wrapper .carhud-container-content .car-status .oil-status,
.hud_wrapper .carhud-container-content .car-status {
  display: flex;
  align-items: center;
}

.hud_wrapper .carhud-container-content .car-status .oil-status {
  flex-flow: column nowrap;
  inline-size: 4.81481vh;
}

.hud_wrapper .carhud-container-content .car-status .oil-status svg {
  inline-size: 1.38889vh;
  block-size: 1.94444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .carhud-container-content .car-status .oil-status.warning svg {
  fill: #ffb300;
}

.hud_wrapper .carhud-container-content .car-status .oil-status.threat svg {
  fill: #e51a22;
}

.hud_wrapper .carhud-container-content .car-status .oil-status__text {
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: 1.38889vh;
  color: #fff;
  margin-block-start: 0.46296vh;
  min-inline-size: 1.48148vh;
}

.hud_wrapper .carhud-container-content .car-status .speed-status {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  max-inline-size: 7.77778vh;
}

.hud_wrapper .hud_wrapper .carhud-container-content .car-status .speed-status__text-speed {
  display: flex;
  justify-content: center;
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  margin-top: 3vh;
  font-size: 6.57407vh;
  min-inline-size: 8.61111vh;
  color: #fff;
}

.hud_wrapper .carhud-container-content .car-status .speed-status__text-speedType {
  font-family: "HudFontCustom";
  font-weight: 100;
  font-style: normal;
  margin-top: 2vh;
  font-size: 1.38889vh;
  color: #fff;
}

.hud_wrapper .carhud-container-content .car-status .fuel-status {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  min-inline-size: 1.75926vh;
  inline-size: 4.81481vh;
}

.hud_wrapper .carhud-container-content .car-status .fuel-status svg {
  inline-size: 1.57407vh;
  block-size: 1.94444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .carhud-container-content .car-status .fuel-status.active svg {
  fill: #e51a22;
}

.hud_wrapper .carhud-container-content .car-status .fuel-status.active .fuel-status__text-fuel {
  color: #e51a22;
}

.hud_wrapper .carhud-container-content .car-status .fuel-status__text-fuel {
  font-family: "HudFontCustom";
  font-weight: 100;
  font-style: normal;
  font-size: 1.38889vh;
  min-inline-size: 1.75926vh;
  color: #fff;
  border-block-end: 0.09259vh solid hsla(0, 0%, 100%, 0.5);
  margin-block-start: 0.46296vh;
}

.hud_wrapper .carhud-container-content .car-status .fuel-status__text-maxFuel {
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: 1.38889vh;
  min-inline-size: 1.75926vh;
  color: #fff;
}

.hud_wrapper .carhud-container-content .mileage {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-block-start: 1.01852vh;
}

.hud_wrapper .carhud-container-content .mileage__text-value {
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: 1.94444vh;
  color: #fff;
}

.hud_wrapper .carhud-container-content .mileage__text-mileageType {
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: 1.2037vh;
  color: #fff;
  margin-inline-start: 0.27778vh;
}

.hud_wrapper .carhud-container-content .designations {
  display: flex;
  flex-flow: row nowrap;
  margin-block-start: -0.74074vh;
}

.hud_wrapper .carhud-container .progress-ring-wrapper {
  inline-size: 100%;
  block-size: 100%;
  position: relative;
  z-index: 20;
}

.hud_wrapper .carhud-container .progress-ring-wrapper .progress-ring-container {
  transform-origin: center;
  transform: rotate(-220deg);
}

.hud_wrapper .carhud-container .progress-ring-wrapper .progress-ring-container svg {
  inline-size: 100%;
  block-size: 100%;
}

.hud_wrapper .carhud-container .progress-ring-wrapper .progress-ring-container svg .progress-ring__circle {
  stroke: #fff;
}

.hud_wrapper .carhud-container .progress-ring-wrapper .progress-ring-container svg .progress-ring__circle.animated {
  animation: blink-data-v-da12c228 0 0.5s linear infinite alternate;
}

@keyframes blink-data-v-da12c228 {
  0% {
    stroke: #fff;
  }
  to {
    stroke: #ff3131;
  }
}
.hud_wrapper .carhud-container .progress-ring-holder-rotating {
  position: absolute;
  height: 24.4vh;
  width: 24.4vh;
  left: 0.27778vh;
  top: 0.27778vh;
  transform: rotate(-130deg);
  transform-origin: center;
  transition: transform 0s ease-in-out;
  z-index: 30;
}

.hud_wrapper .carhud-container .speedbghax svg path {
  transition: stroke-dashoffset 0s ease-in-out;
}

.hud_wrapper .carhud-container .progress-ring-holder-rotating .progress-ring-holder-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
}

.hud_wrapper .carhud-container .progress-ring-holder-rotating .progress-ring-holder-wrapper .progress-ring-holder {
  inline-size: 0.37037vh;
  block-size: 2.22222vh;
  background: #e51a22;
}

.hud_wrapper .carhud-container .progress-ring-info.left {
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  transform-origin: center;
  -webkit-mask-image: url(https://cdn.just-rp.online/cdn.majestic-files.com/img/main/hud/speedometer/left.svg);
  mask-image: url(https://cdn.just-rp.online/cdn.majestic-files.com/img/main/hud/speedometer/left.svg);
  transform: translate(0.46296vh);
  z-index: 40;
}

.hud_wrapper .carhud-container .progress-ring-info.left .progress-ring-container {
  transform: rotate(-218deg);
}

.hud_wrapper .carhud-container .progress-ring-info.right {
  position: absolute;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  transform-origin: center;
  -webkit-mask-image: url(https://cdn.just-rp.online/cdn.majestic-files.com/img/main/hud/speedometer/right.svg);
  mask-image: url(https://cdn.just-rp.online/cdn.majestic-files.com/img/main/hud/speedometer/right.svg);
  transform: translate(-0.7vh);
  z-index: 40;
}

.hud_wrapper .carhud-container .speedbghax {
  position: absolute;
  left: 0.27778vh;
  top: 0.27778vh;
}

.hud_wrapper .carhud-container .speedbghax svg {
  width: auto;
  height: 20vh;
  transform: scale(-1, 1);
}

.hud_wrapper .carhud-container .progress-ring-info.right .progress-ring-container {
  transform: rotate(40deg);
}

.hud_wrapper .carhud-container-simple {
  display: inline-flex;
  block-size: 5.09259vh;
  margin-inline-end: 1.01852vh;
}

.hud_wrapper .carhud-container-simple .hud_container,
.hud_wrapper .carhud-container-simple {
  flex-direction: row;
}

.hud_wrapper .carhud-container-simple .hud_container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.64815vh 2.31481vh;
}

.hud_wrapper .carhud-container-simple .hud_container.additional-info {
  padding: 1.38889vh;
  margin-inline-start: 0.0926vh;
}

.hud_wrapper .carhud-container-simple .speedometer {
  font-family: "HudFontCustom";
  font-weight: 100;
  font-style: normal;
  font-size: 2.31481vh;
  color: #fbc900;
  justify-content: space-between;
  inline-size: 17.12963vh;
  block-size: 100%;
}

.hud_wrapper .carhud-container-simple .speedometer img {
  inline-size: 2.22222vh;
}

.hud_wrapper .carhud-container-simple .gas {
  justify-content: center;
  margin-inline-start: 0.0926vh;
  block-size: 100%;
}

.hud_wrapper .carhud-container-simple .gas .fuel {
  margin-inline-start: 1.38889vh;
  font-size: 1.94444vh;
}

.hud_wrapper .carhud-container-simple .gas .fuel__text-current {
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  font-size: auto;
  color: #fff;
}

.hud_wrapper .carhud-container-simple .gas .fuel__text-max {
  font-family: "HudFontCustom";
  font-weight: 100;
  font-style: normal;
  font-size: auto;
  color: hsla(0, 0%, 100%, 0.5);
}

.hud_wrapper .carhud-container-simple .gas img {
  inline-size: 2.12963vh;
}

.hud_wrapper .progress-ring__circle-background {
  stroke: hsla(0, 0%, 100%, 0.05);
}

.hud_wrapper .highBeam {
  margin-block-start: 0.27778vh;
  margin-inline-end: 1.01852vh;
}

.hud_wrapper .highBeam svg {
  inline-size: 1.94444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .dippedBeam {
  margin-block-start: 1.2037vh;
  margin-inline-end: 1.11111vh;
}

.hud_wrapper .dippedBeam svg {
  inline-size: 1.94444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .belt {
  margin-block-start: 1.2037vh;
  margin-inline-end: 1.2037vh;
}

.hud_wrapper .belt svg {
  inline-size: 1.48148vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .start {
  margin-block-start: 1.2037vh;
  margin-inline-end: 1.11111vh;
}

.hud_wrapper .start svg {
  inline-size: 1.94444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .doors {
  margin-block-start: 0;
  margin-inline-end: 0;
}

.hud_wrapper .doors svg {
  inline-size: 1.75926vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .dippedBeam.active svg {
  fill: #44a440;
}

.hud_wrapper .highBeam.active svg {
  fill: #34c1ff;
}

.hud_wrapper .attention-simple.active svg,
.hud_wrapper .belt-simple.active svg,
.hud_wrapper .belt.active svg,
.hud_wrapper .doors.active svg,
.hud_wrapper .start-simple.active svg,
.hud_wrapper .start.active svg {
  fill: #e51a22;
}

.hud_wrapper .attention svg {
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .attention.active svg {
  fill: #e51a22;
}

.hud_wrapper .belt-simple {
  margin: 0 1.01852vh;
}

.hud_wrapper .attention-simple svg,
.hud_wrapper .belt-simple svg,
.hud_wrapper .start-simple svg {
  inline-size: 2.22222vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.hud_wrapper .carhud-container-content .car-status .speed-status__text-speed {
  display: flex;
  justify-content: center;
  font-family: "HudFontCustom";
  font-weight: 400;
  font-style: normal;
  margin-top: 1vh;
  font-size: 6.57407vh;
  min-inline-size: 8.61111vh;
  color: #fff;
}

.hudmagic .hmleft .magicnotimap .bodicammaj {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  height: 6.7593vh;
  border-radius: 0.3704vh;
  background: rgba(25, 27, 33, 0.75);
  box-sizing: border-box;
  gap: 0.463vh;
  padding: 0.463vh 0.9259vh;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .iconbc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .infobc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1852vh;
  margin-top: 0.2778vh;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .zapbc {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 0.463vh;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .zapbc span {
  width: 0.9259vh;
  height: 0.9259vh;
  border-radius: 0.463vh;
  box-shadow: 0vh 0vh 0.6481vh 0vh rgba(234, 64, 69, 0.5);
  background: rgb(234, 64, 69);
  animation: fadeAnimation 3s infinite;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .infobc h1 {
  color: rgb(255, 255, 255);
  font-family: "HudFontCustom";
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .infobc p {
  color: rgb(194, 196, 200);
  font-family: "HudFontCustom";
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.hudmagic .hmleft .magicnotimap .bodicammaj .iconbc svg {
  width: 2.7778vh;
  height: 2.7778vh;
}

@keyframes fadeAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
#walkietalkie {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  color: white;
  font-family: "HudFontCustom";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #walkietalkie {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #walkietalkie {
    line-height: 7.425px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie {
    line-height: 8.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie {
    line-height: 10.6425px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie {
    line-height: 11.3025px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie {
    line-height: 12.375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie {
    line-height: 11.55px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie {
    line-height: 14.025px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie {
    line-height: 13.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie {
    line-height: 15.675px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie {
    line-height: 16.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie {
    line-height: 16.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie {
    line-height: 20.625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie {
    line-height: 22.275px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie {
    line-height: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie {
    line-height: 20.625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie {
    line-height: 27.225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie {
    line-height: 27.225px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie {
    line-height: 37.125px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie {
    line-height: 51.975px;
  }
}
@media (max-width: 799px) {
  #walkietalkie {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie {
    padding-bottom: 189px;
  }
}
@media (max-width: 799px) {
  #walkietalkie {
    padding-right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie {
    padding-right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie {
    padding-right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie {
    padding-right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie {
    padding-right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie {
    padding-right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie {
    padding-right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie {
    padding-right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie {
    padding-right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie {
    padding-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie {
    padding-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie {
    padding-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie {
    padding-right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie {
    padding-right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie {
    padding-right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie {
    padding-right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie {
    padding-right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie {
    padding-right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie {
    padding-right: 135px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie {
    padding-right: 189px;
  }
}
#walkietalkie .walkietalkie__danger {
  position: absolute;
  left: 0;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__danger {
    top: 229.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__danger {
    top: 255px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__danger {
    top: 328.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__danger {
    top: 349.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__danger {
    top: 382.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__danger {
    top: 357px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__danger {
    top: 433.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__danger {
    top: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__danger {
    top: 484.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__danger {
    top: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__danger {
    top: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__danger {
    top: 637.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__danger {
    top: 688.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__danger {
    top: 663px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__danger {
    top: 637.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    top: 841.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    top: 1020px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    top: 841.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    top: 1147.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__danger {
    top: 1606.5px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__danger {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__danger {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__danger {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__danger {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__danger {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__danger {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__danger {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__danger {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__danger {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__danger {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__danger {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__danger {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__danger {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__danger {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__danger {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__danger {
    width: 18.9px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__danger {
    height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__danger {
    height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__danger {
    height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__danger {
    height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__danger {
    height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__danger {
    height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__danger {
    height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__danger {
    height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__danger {
    height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__danger {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__danger {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__danger {
    height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__danger {
    height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__danger {
    height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__danger {
    height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__danger {
    height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__danger {
    height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__danger {
    height: 179.55px;
  }
}
#walkietalkie .walkietalkie__volume {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__volume {
    width: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__volume {
    width: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__volume {
    width: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__volume {
    width: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__volume {
    width: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__volume {
    width: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__volume {
    width: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__volume {
    width: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__volume {
    width: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__volume {
    width: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__volume {
    width: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__volume {
    width: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__volume {
    width: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__volume {
    width: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__volume {
    width: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    width: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    width: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    width: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    width: 128.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__volume {
    width: 179.55px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__volume {
    top: 174.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__volume {
    top: 193.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__volume {
    top: 249.615px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__volume {
    top: 265.095px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__volume {
    top: 290.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__volume {
    top: 270.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__volume {
    top: 328.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__volume {
    top: 309.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__volume {
    top: 367.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__volume {
    top: 387px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__volume {
    top: 387px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__volume {
    top: 483.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__volume {
    top: 522.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__volume {
    top: 503.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__volume {
    top: 483.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    top: 638.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    top: 774px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    top: 638.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    top: 870.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__volume {
    top: 1219.05px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__volume {
    right: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__volume {
    right: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__volume {
    right: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__volume {
    right: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__volume {
    right: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__volume {
    right: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__volume {
    right: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__volume {
    right: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__volume {
    right: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__volume {
    right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__volume {
    right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__volume {
    right: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__volume {
    right: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__volume {
    right: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__volume {
    right: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    right: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    right: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    right: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    right: 101.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__volume {
    right: 141.75px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__volume {
    font-size: 56.7px;
  }
}
#walkietalkie .walkietalkie__block {
  background: url(/src/views/player/hudevo/walkietalkie/images/walkie.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block {
    width: 118.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block {
    width: 132px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block {
    width: 170.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block {
    width: 180.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block {
    width: 198px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block {
    width: 184.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block {
    width: 224.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block {
    width: 211.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block {
    width: 250.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block {
    width: 264px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block {
    width: 264px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block {
    width: 356.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block {
    width: 343.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    width: 435.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    width: 435.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    width: 594px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block {
    width: 831.6px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block {
    height: 384.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block {
    height: 427.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block {
    height: 551.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block {
    height: 585.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block {
    height: 641.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block {
    height: 598.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block {
    height: 726.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block {
    height: 684px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block {
    height: 812.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block {
    height: 855px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block {
    height: 855px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block {
    height: 1068.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block {
    height: 1154.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block {
    height: 1111.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block {
    height: 1068.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    height: 1410.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    height: 1710px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    height: 1410.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    height: 1923.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block {
    height: 2693.25px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 204.525px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 227.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 293.1525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 311.3325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 340.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 318.15px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 386.325px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 363.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 431.775px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 454.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 454.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 568.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 613.575px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 590.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 568.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 749.925px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 909px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 749.925px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 1022.625px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block {
    padding-top: 1431.675px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__display {
  display: flex;
  flex-direction: column;
  color: #503C84;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 4.725px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 5.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 6.7725px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 7.1925px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 7.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 7.35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 8.925px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 8.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 9.975px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 13.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 14.175px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 13.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 13.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 17.325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 21px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 17.325px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 23.625px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-left: 33.075px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 4.725px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 5.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 6.7725px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 7.1925px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 7.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 7.35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 8.925px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 8.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 9.975px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 13.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 14.175px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 13.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 13.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 17.325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 21px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 17.325px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 23.625px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    padding-right: 33.075px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 79.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 88.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 114.165px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 121.245px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 132.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 123.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 150.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 141.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 168.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 177px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 221.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 238.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 230.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 221.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 292.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 354px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 292.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 398.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    width: 557.55px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 36.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 40.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 52.245px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 55.485px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 60.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 56.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 68.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 64.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 76.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 81px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 101.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 109.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 105.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 101.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 133.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 162px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 133.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 182.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    height: 255.15px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display {
    border-radius: 47.25px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.45px solid #503C84;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.5px solid #503C84;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.645px solid #503C84;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.685px solid #503C84;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.75px solid #503C84;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.7px solid #503C84;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.85px solid #503C84;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.8px solid #503C84;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 0.95px solid #503C84;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1px solid #503C84;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1px solid #503C84;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.25px solid #503C84;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.35px solid #503C84;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.3px solid #503C84;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.25px solid #503C84;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.65px solid #503C84;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 2px solid #503C84;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 1.65px solid #503C84;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 2.25px solid #503C84;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top {
    border-bottom: 3.15px solid #503C84;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
  margin-right: auto;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 47.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex {
    margin-left: 66.15px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 3.375px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 3.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 4.8375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 5.1375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 5.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 5.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 6.375px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 7.125px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 9.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 10.125px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 9.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 9.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 12.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 12.375px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 16.875px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_top .box-flex .walkie-persons {
    margin-right: 23.625px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 22.275px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 24.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 31.9275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 33.9075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 37.125px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 34.65px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 42.075px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 39.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 47.025px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 49.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 49.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 61.875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 66.825px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 61.875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 81.675px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 81.675px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 111.375px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__display .walkietalkie__display_bottom {
    max-height: 155.925px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 12.825px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 14.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 18.3825px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 19.5225px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 21.375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 19.95px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 24.225px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 22.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 27.075px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 28.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 28.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 35.625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 38.475px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 37.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 35.625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 47.025px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 57px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 47.025px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 64.125px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    margin-top: 89.775px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 114.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center {
    padding-left: 160.65px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
  cursor: pointer;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 87.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    width: 122.85px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 8.775px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 9.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 12.5775px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 13.3575px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 14.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 13.65px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 16.575px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 15.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 18.525px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 19.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 19.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 24.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 26.325px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 25.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 24.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 32.175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 39px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 32.175px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 43.875px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button {
    line-height: 61.425px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 87.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    width: 122.85px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 10.125px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 11.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 14.5125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 15.4125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 16.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 15.75px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 19.125px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 18px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 21.375px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 28.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 30.375px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 29.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 28.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 37.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 37.125px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 50.625px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    height: 70.875px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button .walkitetalkie__button_small {
    border-radius: 18.9px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
  background: #4F2718;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red {
    border-radius: 18.9px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.red .walkitetalkie__button_small {
  background: #A25031;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.25);
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
  background: #1D2C4D;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 29.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 33px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 42.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 45.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 49.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 46.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 56.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 52.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 62.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 148.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    margin-top: 207.9px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue {
    border-radius: 18.9px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__center .walkietalkie__button.blue .walkitetalkie__button_small {
  background: #4C6BAD;
  box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.25);
}
#walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 20.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    gap: 28.35px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 81px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list {
    margin-top: 113.4px;
  }
}
#walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #403F46;
  color: #C0C0C0;
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 74.25px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    width: 103.95px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    height: 47.25px;
  }
}
@media (max-width: 799px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 4.725px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 5.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 6.7725px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 7.1925px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 7.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 7.35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 8.925px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 8.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 9.975px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 10.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 13.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 14.175px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 13.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 13.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 17.325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 21px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 17.325px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 23.625px;
  }
}
@media (min-width: 6000px) {
  #walkietalkie .walkietalkie__block .walkietalkie__buttons_list .walkietalkie__list_element {
    border-radius: 33.075px;
  }
}
@font-face {
  font-family: "walkie";
  src: url(../src/views/player/hudevo/walkietalkie/fonts//walkie.eot);
  src: url(../src/views/player/hudevo/walkietalkie/fonts//walkie.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/walkietalkie/fonts//walkie.ttf) format("truetype"), url(../src/views/player/hudevo/walkietalkie/fonts//walkie.woff) format("woff"), url(/src/views/player/hudevo/walkietalkie/fonts/walkie.svg#walkie) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=walkie-], [class*=" walkie-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "walkie" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.walkie-battery:before {
  content: "\e900";
}

.walkie-persons:before {
  content: "\e901";
}

.walkie-nosound:before {
  content: "\e902";
}
@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBold.eot);
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBold.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Heavy.eot);
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Heavy.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-LightItalic.eot);
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-LightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ThinItalic.eot);
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ThinItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BlackItalic.eot);
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BlackItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BoldItalic.eot);
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBold.eot);
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBold.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.eot);
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Light.eot);
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Light.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Light.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-MediumItalic.eot);
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-MediumItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot);
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Regular.eot);
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Regular.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-HeavyItalic.eot);
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-HeavyItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Medium.eot);
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Medium.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-RegularItalic.eot);
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-RegularItalic.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLight.eot);
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLight.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-UltraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Bold.eot);
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Bold.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Thin.eot);
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Thin.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Black.eot);
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Black.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Black.woff) format('woff'),
        url(../src/views/player/hudevo/phonenew/assets/fonts/Gilroy//Gilroy-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}


#newphone {
  z-index: 10000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-family: "Gilroy";
  color: #000000;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #newphone {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #newphone {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone {
    padding-right: 252px;
  }
}
@media (max-width: 799px) {
  #newphone.notif {
    bottom: -221.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone.notif {
    bottom: -246px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone.notif {
    bottom: -317.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone.notif {
    bottom: -337.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone.notif {
    bottom: -369px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone.notif {
    bottom: -344.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone.notif {
    bottom: -418.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone.notif {
    bottom: -393.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone.notif {
    bottom: -467.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone.notif {
    bottom: -492px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone.notif {
    bottom: -492px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone.notif {
    bottom: -615px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone.notif {
    bottom: -664.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone.notif {
    bottom: -639.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone.notif {
    bottom: -615px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone.notif {
    bottom: -811.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone.notif {
    bottom: -984px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone.notif {
    bottom: -811.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone.notif {
    bottom: -1107px;
  }
}
@media (min-width: 6000px) {
  #newphone.notif {
    bottom: -1549.8px;
  }
}
#newphone .newphone__loader {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30000;
  background: white;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    width: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    width: 926.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    height: 285.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    height: 317px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    height: 408.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    height: 434.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    height: 475.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    height: 443.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    height: 538.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    height: 507.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    height: 602.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    height: 792.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    height: 855.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    height: 824.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    height: 792.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    height: 1046.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    height: 1268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    height: 1046.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    height: 1426.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    height: 1997.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    margin-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    margin-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    margin-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    margin-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    margin-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    margin-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    margin-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    margin-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    margin-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    margin-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    margin-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    margin-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    margin-right: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    margin-left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    margin-left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    margin-left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    margin-left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    margin-left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    margin-left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    margin-left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    margin-left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    margin-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    margin-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    margin-left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    margin-left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    margin-left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    margin-left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    margin-left: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader {
    margin-top: 44.1px;
  }
}
#newphone .newphone__loader.small {
  width: 100%;
  height: 100%;
  margin: 0;
}
#newphone .newphone__loader_spinner {
  position: relative;
  background: #6e6e6e;
  padding: 10px;
  align-self: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newphone .newphone__loader_spinner {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader_spinner {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader_spinner {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader_spinner {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader_spinner {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader_spinner {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader_spinner {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader_spinner {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader_spinner {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader_spinner {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader_spinner {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader_spinner {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader_spinner {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader_spinner {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader_spinner {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader_spinner {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader_spinner {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader_spinner {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader_spinner {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader_spinner {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader_spinner {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader_spinner {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader_spinner {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader_spinner {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader_spinner {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader_spinner {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader_spinner {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader_spinner {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader_spinner {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader_spinner {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader_spinner {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader_spinner {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__loader_spinner {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__loader_spinner {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__loader_spinner {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__loader_spinner {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__loader_spinner {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__loader_spinner {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__loader_spinner {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__loader_spinner {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__loader_spinner {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__loader_spinner {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__loader_spinner {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__loader_spinner {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__loader_spinner {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__loader_spinner {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__loader_spinner {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__loader_spinner {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__loader_spinner {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__loader_spinner {
    border-radius: 31.5px;
  }
}
#newphone .newphone__loader_spinner div {
  width: 6%;
  height: 16%;
  background: #FFF;
  position: absolute;
  left: 49%;
  top: 43%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-animation: fade 1s linear infinite;
}
#newphone .newphone__loader_spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s;
}
#newphone .newphone__loader_spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -130%);
  -webkit-animation-delay: -0.9167s;
}
#newphone .newphone__loader_spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -130%);
  -webkit-animation-delay: -0.833s;
}
#newphone .newphone__loader_spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -130%);
  -webkit-animation-delay: -0.7497s;
}
#newphone .newphone__loader_spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -130%);
  -webkit-animation-delay: -0.667s;
}
#newphone .newphone__loader_spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -130%);
  -webkit-animation-delay: -0.5837s;
}
#newphone .newphone__loader_spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -130%);
  -webkit-animation-delay: -0.5s;
}
#newphone .newphone__loader_spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -130%);
  -webkit-animation-delay: -0.4167s;
}
#newphone .newphone__loader_spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -130%);
  -webkit-animation-delay: -0.333s;
}
#newphone .newphone__loader_spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -130%);
  -webkit-animation-delay: -0.2497s;
}
#newphone .newphone__loader_spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -130%);
  -webkit-animation-delay: -0.167s;
}
#newphone .newphone__loader_spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -130%);
  -webkit-animation-delay: -0.0833s;
}
#newphone .no-loader .newphone__loader {
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
}
#newphone .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#newphone .newphone__image {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/phone.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    width: 147.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    width: 164px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    width: 211.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    width: 224.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    width: 246px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    width: 229.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    width: 278.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    width: 262.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    width: 311.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    width: 328px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    width: 328px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    width: 410px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    width: 442.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    width: 426.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    width: 410px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    width: 541.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    width: 656px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    width: 541.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    width: 738px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    width: 1033.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    height: 297.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    height: 331px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    height: 426.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    height: 453.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    height: 496.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    height: 463.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    height: 562.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    height: 529.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    height: 628.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    height: 662px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    height: 662px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    height: 827.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    height: 893.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    height: 860.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    height: 827.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    height: 1092.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    height: 1324px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    height: 1092.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    height: 1489.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    height: 2085.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    padding-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    padding-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    padding-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    padding-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    padding-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    padding-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    padding-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    padding-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    padding-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    padding-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    padding-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    padding-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    padding-right: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    padding-left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    padding-left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    padding-left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    padding-left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    padding-left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    padding-left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    padding-left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    padding-left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    padding-left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    padding-left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    padding-left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    padding-left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    padding-left: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__image {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__image {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__image {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__image {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__image {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__image {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__image {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__image {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__image {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__image {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__image {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__image {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__image {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__image {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__image {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__image {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__image {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__image {
    padding-top: 44.1px;
  }
}
#newphone .newphone__background {
  height: 100%;
  width: 100%;
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/background1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newphone .newphone__background {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__background {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__background {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__background {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__background {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__background {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__background {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__background {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__background {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__background {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__background {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__background {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__background {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__background {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__background {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__background {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__background {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__background {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__background {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__background {
    border-radius: 119.7px;
  }
}
#newphone .newphone__background.over-hiden {
  overflow: hidden;
}
#newphone .newphone__notification {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  background: #FFFFFF;
  z-index: 200000;
  box-shadow: 2px 2px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__notification {
    top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__notification {
    top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__notification {
    top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__notification {
    top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__notification {
    top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__notification {
    top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__notification {
    top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__notification {
    top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__notification {
    top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__notification {
    top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__notification {
    top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__notification {
    top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__notification {
    top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__notification {
    top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__notification {
    top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    top: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__notification {
    top: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__notification {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__notification {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__notification {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__notification {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__notification {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__notification {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__notification {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__notification {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__notification {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__notification {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__notification {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__notification {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__notification {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__notification {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__notification {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__notification {
    border-radius: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__notification {
    width: 127.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__notification {
    width: 142px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__notification {
    width: 183.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__notification {
    width: 194.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__notification {
    width: 213px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__notification {
    width: 198.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__notification {
    width: 241.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__notification {
    width: 227.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__notification {
    width: 269.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__notification {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__notification {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__notification {
    width: 355px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__notification {
    width: 383.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__notification {
    width: 369.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__notification {
    width: 355px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    width: 468.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    width: 568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    width: 468.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    width: 639px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__notification {
    width: 894.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__notification {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__notification {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__notification {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__notification {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__notification {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__notification {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__notification {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__notification {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__notification {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__notification {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__notification {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__notification {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__notification {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__notification {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__notification {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__notification {
    padding: 37.8px;
  }
}
#newphone .newphone__notification .box-between {
  line-height: normal;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 799px) {
  #newphone .newphone__notification .box-between {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__notification .box-between {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__notification .box-between {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__notification .box-between {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__notification .box-between {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__notification .box-between {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__notification .box-between {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__notification .box-between {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__notification .box-between {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__notification .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__notification .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__notification .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__notification .box-between {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__notification .box-between {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__notification .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__notification .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__notification .box-between {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__notification .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__notification .box-between {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__notification .box-between {
    font-size: 44.1px;
  }
}
#newphone .newphone__notification .fw-bold {
  font-weight: 600;
}
#newphone .newphone__header {
  z-index: 20000;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-weight: 700;
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    min-height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    min-height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    min-height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    min-height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    min-height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    min-height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    min-height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    min-height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    min-height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    min-height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    min-height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    min-height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    min-height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    min-height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    min-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    min-height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    min-height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    min-height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    min-height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    min-height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    max-height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    max-height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    max-height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    max-height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    max-height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    max-height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    max-height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    max-height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    max-height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    max-height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    max-height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    max-height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    max-height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    max-height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    max-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    max-height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    max-height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    max-height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    max-height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    max-height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    padding-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    padding-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    padding-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    padding-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    padding-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    padding-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    padding-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    padding-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    padding-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    padding-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    padding-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    padding-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    padding-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    padding-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    padding-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    padding-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    padding-right: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    padding-left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    padding-left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    padding-left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    padding-left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    padding-left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    padding-left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    padding-left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    padding-left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    padding-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    padding-left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    padding-left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    padding-left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    padding-left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    padding-left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    padding-left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    padding-left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    padding-left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    padding-left: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header {
    line-height: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header {
    line-height: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header {
    line-height: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header {
    line-height: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header {
    line-height: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header {
    line-height: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header {
    line-height: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header {
    line-height: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header {
    line-height: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header {
    line-height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header {
    line-height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header {
    line-height: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header {
    line-height: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header {
    line-height: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header {
    line-height: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    line-height: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    line-height: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header {
    line-height: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header {
    line-height: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header {
    line-height: 34.65px;
  }
}
#newphone .newphone__header .newphone__header_image {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/header.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0px 0px 18px 18px;
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_image {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_image {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_image {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_image {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_image {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_image {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_image {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_image {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_image {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_image {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_image {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_image {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_image {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_image {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_image {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_image {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_image {
    width: 59.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_image {
    width: 66px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_image {
    width: 85.14px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_image {
    width: 90.42px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_image {
    width: 99px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_image {
    width: 92.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_image {
    width: 112.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_image {
    width: 105.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_image {
    width: 125.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_image {
    width: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_image {
    width: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_image {
    width: 165px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_image {
    width: 178.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_image {
    width: 171.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_image {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    width: 217.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    width: 217.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    width: 297px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_image {
    width: 415.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_image {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_image {
    margin-left: 15.75px;
  }
}
#newphone .newphone__header .time {
  line-height: 1;
  color: white;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__header .time {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .time {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .time {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .time {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .time {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .time {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .time {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .time {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .time {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .time {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .time {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .time {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .time {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .time {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .time {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .time {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .time {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .time {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .time {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .time {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .time {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .time {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .time {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .time {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .time {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .time {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .time {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .time {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .time {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .time {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .time {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .time {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .time {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .time {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .time {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .time {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .time {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .time {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .time {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .time {
    font-size: 50.4px;
  }
}
#newphone .newphone__header .phoneicons-location {
  color: white;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .phoneicons-location {
    font-size: 37.8px;
  }
}
#newphone .newphone__header .newphone__header_connection {
  display: flex;
  align-items: flex-end;
}
#newphone .newphone__header .newphone__header_connection .newphone__header_connect {
  background: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 2.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect {
    margin-right: 3.15px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect1 {
    height: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect2 {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect3 {
    height: 22.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_connection .newphone__header_connect4 {
    height: 25.2px;
  }
}
#newphone .newphone__header .newphone__header_battery {
  color: white;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_battery {
    font-size: 34.65px;
  }
}
#newphone .newphone__header .box-between {
  align-items: flex-end;
}
@media (max-width: 799px) {
  #newphone .newphone__header .box-between {
    width: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .box-between {
    width: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .box-between {
    width: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .box-between {
    width: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .box-between {
    width: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .box-between {
    width: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .box-between {
    width: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .box-between {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .box-between {
    width: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .box-between {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .box-between {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .box-between {
    width: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .box-between {
    width: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .box-between {
    width: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .box-between {
    width: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-between {
    width: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-between {
    width: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-between {
    width: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-between {
    width: 153px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .box-between {
    width: 214.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__header .box-between {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .box-between {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .box-between {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .box-between {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .box-between {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .box-between {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .box-between {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .box-between {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .box-between {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .box-between {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .box-between {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-between {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-between {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .box-between {
    font-size: 44.1px;
  }
}
#newphone .newphone__header .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__header .box-flex {
    width: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .box-flex {
    width: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .box-flex {
    width: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .box-flex {
    width: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .box-flex {
    width: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .box-flex {
    width: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .box-flex {
    width: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .box-flex {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .box-flex {
    width: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .box-flex {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .box-flex {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .box-flex {
    width: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .box-flex {
    width: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .box-flex {
    width: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .box-flex {
    width: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-flex {
    width: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-flex {
    width: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .box-flex {
    width: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .box-flex {
    width: 153px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .box-flex {
    width: 214.2px;
  }
}
#newphone .newphone__header .newphone__header_text {
  color: white;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_text {
    font-size: 31.5px;
  }
}
#newphone .newphone__header .newphone__header_text.ml-auto {
  margin-left: auto;
}
@media (max-width: 799px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__header .newphone__header_text.ml-auto {
    margin-right: 15.75px;
  }
}
#newphone .newphone__mainmenu_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_grid {
    grid-gap: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 1.8px;
         column-gap: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 2.58px;
         column-gap: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 2.74px;
         column-gap: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 3px;
         column-gap: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 2.8px;
         column-gap: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 3.4px;
         column-gap: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 3.2px;
         column-gap: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 3.8px;
         column-gap: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 5.4px;
         column-gap: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 5.2px;
         column-gap: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 6.6px;
         column-gap: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 6.6px;
         column-gap: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_grid {
    -moz-column-gap: 12.6px;
         column-gap: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_grid {
    margin-top: 88.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_grid {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_grid {
    padding-left: 37.8px;
  }
}
#newphone .newphone__mainmenu_element {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_element {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_element {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_element {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_element {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_element {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_element {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_element {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_element {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_element {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_element {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_element {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_element {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_element {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_element {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_element {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_element {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_element {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_element {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_element {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_element {
    width: 201.6px;
  }
}
#newphone .newphone__mainmenu_element:hover {
  transition: all 0.5s ease;
}
#newphone .newphone__mainmenu_element:hover .newphone__mainmenu_icon {
  box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.3);
}
#newphone .newphone__mainmenu_icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_icon {
    width: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_icon {
    width: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_icon {
    width: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_icon {
    width: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_icon {
    width: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_icon {
    width: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_icon {
    width: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_icon {
    width: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_icon {
    width: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_icon {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_icon {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_icon {
    width: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_icon {
    width: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_icon {
    width: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_icon {
    width: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    width: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    width: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    width: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    width: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_icon {
    width: 144.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_icon {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_icon {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_icon {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_icon {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_icon {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_icon {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_icon {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_icon {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_icon {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_icon {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_icon {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_icon {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_icon {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_icon {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_icon {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_icon {
    height: 144.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_icon {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_name {
  text-align: center;
  font-weight: 500;
  color: white;
  text-shadow: 1px 1px 1px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_name {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_name {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_name {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_name {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_name {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_name {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_name {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_name {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_name {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_name {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_name {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_name {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_name {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_name {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_name {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_name {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_name {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_name {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_name {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_name {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_name {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_name {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_name {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_name {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_name {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_name {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_name {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_name {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_name {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_name {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_name {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_name {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_name {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_name {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_name {
    line-height: 50.4px;
  }
}
#newphone .newphone__mainmenu_bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(174, 173, 173, 0.1);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    width: 125.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    width: 139px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    width: 179.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    width: 190.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    width: 208.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    width: 194.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    width: 236.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    width: 222.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    width: 264.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    width: 278px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    width: 278px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    width: 347.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    width: 375.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    width: 361.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    width: 347.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    width: 458.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    width: 556px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    width: 458.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    width: 625.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    width: 875.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    height: 33.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    height: 37px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    height: 47.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    height: 50.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    height: 55.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    height: 51.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    height: 62.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    height: 59.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    height: 70.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    height: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    height: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    height: 92.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    height: 99.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    height: 96.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    height: 92.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    height: 122.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    height: 148px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    height: 122.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    height: 166.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    height: 233.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    border-radius: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    margin-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_bottom {
    padding-left: 44.1px;
  }
}
#newphone .newphone__mainmenu_weather {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  color: #000000;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather {
    line-height: 50.4px;
  }
}
#newphone .newphone__mainmenu_weather:hover {
  transition: all 0.5s ease;
}
#newphone .newphone__mainmenu_weather:hover .newphone__mainmenu_currentweather {
  box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.3);
}
#newphone .newphone__mainmenu_weather .phoneicons-location {
  color: white;
  text-shadow: 1px 1px 1px #000;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .phoneicons-location {
    font-size: 31.5px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  background-size: cover;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 288px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 403.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    padding: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 258.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    height: 362.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 258.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    width: 362.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 258.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-height: 362.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 258.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather {
    min-width: 362.25px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/cloud.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagecloud {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/fog.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagefog {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/rain.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagerain {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/snow.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesnow {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/sunny.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagesunny {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/thunder.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagethunder {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/night.png);
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenight {
    border-radius: 37.8px;
  }
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenightcloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/nightcloud.png);
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenightfog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/nightfog.png);
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenightrain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/nightrain.png);
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenightthunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/nightthunder.png);
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather.newphone__weather_imagenightsnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mainmenu__weather/nightsnow.png);
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .box-flex {
  z-index: 10001;
  align-items: center;
}
#newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
  z-index: 10001;
  font-style: normal;
  font-weight: normal;
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 83.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mainmenu_weather .newphone__mainmenu_currentweather .newphone__weather_gradus {
    line-height: 116.55px;
  }
}
#newphone .newphone__weather_icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__weather_icon {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_icon {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_icon {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_icon {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_icon {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_icon {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_icon {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_icon {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_icon {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_icon {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_icon {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_icon {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_icon {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather_icon {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_icon {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_icon {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_icon {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_icon {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_icon {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_icon {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_icon {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_icon {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_icon {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_icon {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_icon {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_icon {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather_icon {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_icon {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_icon {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_icon {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_icon {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_icon {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_icon {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_icon {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_icon {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_icon {
    margin-right: 15.75px;
  }
}
#newphone .newphone__weather_icon.cloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/cloud_small.png);
}
#newphone .newphone__weather_icon.fog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/fog_small.png);
}
#newphone .newphone__weather_icon.rain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/rain_small.png);
}
#newphone .newphone__weather_icon.snow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/snow_small.png);
}
#newphone .newphone__weather_icon.sunny {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/sun_small.png);
}
#newphone .newphone__weather_icon.thunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/thunder_small.png);
}
#newphone .newphone__weather_icon.night {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small.png);
}
#newphone .newphone__weather_icon.nightcloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_cloud.png);
}
#newphone .newphone__weather_icon.nightfog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_fog.png);
}
#newphone .newphone__weather_icon.nightrain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_rain.png);
}
#newphone .newphone__weather_icon.nightthunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_thunder.png);
}
#newphone .newphone__weather_icon.nightsnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_snow.png);
}
#newphone .newphone__weather_sunny {
  background: white;
  position: relative;
}
#newphone .newphone__weather_sunny::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #FDC964 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_sunny::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_cloud {
  background: white;
  position: relative;
}
#newphone .newphone__weather_cloud::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #C4DAE7 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_cloud::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_rain {
  background: white;
  position: relative;
}
#newphone .newphone__weather_rain::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #B5DFF7 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_rain::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_snow {
  background: white;
  position: relative;
}
#newphone .newphone__weather_snow::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #EFF5F8 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_snow::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_thunder {
  background: white;
  position: relative;
}
#newphone .newphone__weather_thunder::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #BEBEBE 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_thunder::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_fog {
  background: white;
  position: relative;
}
#newphone .newphone__weather_fog::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #C3CCD4 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_fog::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_night {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_night::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_night::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_night::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_night::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_night::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_night::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_night::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_night::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_night::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_night::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_night::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_night::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_night::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_night::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_night::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_night::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_night::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_night::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_night::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_night::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_night::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_nightcloud {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_nightcloud::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_nightcloud::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_nightfog {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_nightfog::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_nightfog::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_nightrain {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_nightrain::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_nightrain::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_nightthunder {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_nightthunder::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_nightthunder::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather_nightsnow {
  background: #052947;
  position: relative;
}
#newphone .newphone__weather_nightsnow::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #0f1e2b 29.17%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_nightsnow::after {
    border-radius: 37.8px;
  }
}
#newphone .newphone__weather {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newphone .newphone__weather {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather {
    border-radius: 119.7px;
  }
}
#newphone .newphone__weather::after {
  z-index: 10001;
}
@media (max-width: 799px) {
  #newphone .newphone__weather::after {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather::after {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather::after {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather::after {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather::after {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather::after {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather::after {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather::after {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather::after {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather::after {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather::after {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather::after {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather::after {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather::after {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather::after {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather::after {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather::after {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather::after {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather::after {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather::after {
    border-radius: 119.7px;
  }
}
#newphone .newphone__weather .newphone__weather_icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_icon {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_icon {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_icon {
    margin-right: 15.75px;
  }
}
#newphone .newphone__weather .newphone__weather_icon.cloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/cloud_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.fog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/fog_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.rain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/rain_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.snow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/snow_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.sunny {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/sun_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.thunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/thunder_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.night {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small.png);
}
#newphone .newphone__weather .newphone__weather_icon.nightcloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_cloud.png);
}
#newphone .newphone__weather .newphone__weather_icon.nightfog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_fog.png);
}
#newphone .newphone__weather .newphone__weather_icon.nightrain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_rain.png);
}
#newphone .newphone__weather .newphone__weather_icon.nightthunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_thunder.png);
}
#newphone .newphone__weather .newphone__weather_icon.nightsnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon_small_snow.png);
}
#newphone .newphone__weather .newphone__weather_headicon {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather.png);
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_headicon {
    margin-right: 50.4px;
  }
}
#newphone .newphone__weather .blue {
  color: #3D77FA;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .blue {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .blue {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .blue {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .blue {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .blue {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .blue {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .blue {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .blue {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .blue {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .blue {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .blue {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .blue {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .blue {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .blue {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .blue {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .blue {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .blue {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .blue {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .blue {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .blue {
    margin-left: 15.75px;
  }
}
#newphone .newphone__weather .newphone__weather_header {
  display: flex;
  align-items: center;
  z-index: 20000;
  position: relative;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_header {
    line-height: 66.15px;
  }
}
#newphone .newphone__weather .box-column {
  z-index: 20000;
}
#newphone .newphone__weather .newphone__weather_day {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_day {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_day {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_day {
    line-height: 59.85px;
  }
}
#newphone .newphone__weather .newphone__weather_city {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_city {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_city {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_city {
    line-height: 75.6px;
  }
}
#newphone .newphone__weather .newphone__weather_image {
  z-index: 20000;
  width: 100%;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 96.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 107px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 138.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 146.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 160.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 149.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 181.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 171.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 203.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 214px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 214px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 267.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 288.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 278.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 267.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 353.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 353.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 481.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_image {
    height: 674.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_image {
    margin-top: 63px;
  }
}
#newphone .newphone__weather .newphone__weather_image.cloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/cloud.png);
}
#newphone .newphone__weather .newphone__weather_image.fog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/fog.png);
}
#newphone .newphone__weather .newphone__weather_image.rain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/rain.png);
}
#newphone .newphone__weather .newphone__weather_image.snow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/snow.png);
}
#newphone .newphone__weather .newphone__weather_image.sunny {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/sun.png);
}
#newphone .newphone__weather .newphone__weather_image.thunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/thunder.png);
}
#newphone .newphone__weather .newphone__weather_image.night {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moon.png);
}
#newphone .newphone__weather .newphone__weather_image.nightcloud {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/mooncloud.png);
}
#newphone .newphone__weather .newphone__weather_image.nightfog {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moonfog.png);
}
#newphone .newphone__weather .newphone__weather_image.nightrain {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moonrain.png);
}
#newphone .newphone__weather .newphone__weather_image.nightthunder {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moonthunder.png);
}
#newphone .newphone__weather .newphone__weather_image.nightsnow {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/weather/moonsnow.png);
}
#newphone .newphone__weather .newphone__weather_temp {
  display: flex;
  font-weight: 500;
  z-index: 20000;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp {
    font-size: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 48.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 53.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 69.015px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 73.295px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 80.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 74.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 90.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 85.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 101.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 107px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 107px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 133.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 144.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 139.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 133.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 176.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 214px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 176.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 240.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp {
    line-height: 337.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_number {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_type {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_temp .newphone__weather_gr {
    height: 189px;
  }
}
#newphone .newphone__weather .newphone__weather_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  z-index: 20000;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list {
    margin-top: 63px;
  }
}
#newphone .newphone__weather .newphone__weather_list .newphone__weather_element {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_time {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_icon {
  margin: 0;
}
#newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
  font-weight: 600;
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather .newphone__weather_list .newphone__weather_element .newphone__weather_temper {
    line-height: 53.55px;
  }
}
#newphone .newphone__homebutton {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20000;
  margin-top: auto;
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton {
    margin-top: 37.8px;
  }
}
#newphone .newphone__homebutton .newphone__homebutton_button {
  background: #080C10;
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__homebutton .newphone__homebutton_button {
    border-radius: 9.45px;
  }
}
#newphone .newphone__weather_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__weather_content {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_content {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_content {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_content {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_content {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_content {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_content {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_content {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_content {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_content {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_content {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_content {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_content {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_content {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_content {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_content {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather_content {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_content {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_content {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_content {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_content {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_content {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_content {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_content {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_content {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_content {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_content {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_content {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_content {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_content {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__weather_content {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__weather_content {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__weather_content {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__weather_content {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__weather_content {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__weather_content {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__weather_content {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__weather_content {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__weather_content {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__weather_content {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__weather_content {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__weather_content {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__weather_content {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__weather_content {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__weather_content {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__weather_content {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__weather_content {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__weather_content {
    padding-bottom: 63px;
  }
}
#newphone .newphone__maps_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#newphone .newphone__maps_wrapper .newphone__maps_icon {
  color: #FB4F69;
  position: absolute;
  top: calc(50% - 0px);
  left: calc(50% - 0px);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_wrapper .newphone__maps_icon {
    font-size: 78.75px;
  }
}
#newphone .newphone__maps_wrapper .newphone__maps_container {
  position: relative;
  pointer-events: none;
}
#newphone .newphone__maps_wrapper .newphone__maps_container .newphone__maps_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 8192px;
  height: 8192px;
  background-repeat: no-repeat;
  background-position: top left;
  pointer-events: none;
}
#newphone .newphone__maps {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__maps {
    width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps {
    width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps {
    width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps {
    width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps {
    width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps {
    width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps {
    width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps {
    width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps {
    width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps {
    width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps {
    width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps {
    width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps {
    width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    width: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps {
    width: 926.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps {
    height: 285.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps {
    height: 317px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps {
    height: 408.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps {
    height: 434.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps {
    height: 475.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps {
    height: 443.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps {
    height: 538.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps {
    height: 507.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps {
    height: 602.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps {
    height: 792.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps {
    height: 855.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps {
    height: 824.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps {
    height: 792.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    height: 1046.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    height: 1268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    height: 1046.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    height: 1426.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps {
    height: 1997.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps {
    border-radius: 119.7px;
  }
}
#newphone .newphone__maps .newphone__maps_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 285.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 317px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 408.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 434.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 475.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 443.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 538.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 507.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 602.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 792.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 855.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 824.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 792.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 1046.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 1268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 1046.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 1426.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_box {
    height: 1997.1px;
  }
}
#newphone .newphone__maps .newphone__maps_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  z-index: 1;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_content {
    padding-top: 63px;
  }
}
#newphone .newphone__maps .box-flex {
  align-items: center;
}
#newphone .newphone__maps.taxi .newphone__important_icon, #newphone .newphone__maps.taxi .newphone__chevron-back {
  color: #00BBFF !important;
}
#newphone .newphone__maps.taxi .newphone__maps_square, #newphone .newphone__maps.taxi .newphone__project_button {
  background: #00BBFF !important;
}
#newphone .newphone__maps.taxi .newphone__maps_element .newphone__maps_elementicon {
  color: #00BBFF !important;
}
#newphone .newphone__maps.taxi .newphone__project_button {
  transition: all 0.5s ease;
}
#newphone .newphone__maps.taxi .newphone__project_button:hover {
  transition: all 0.5s ease;
  background: #d36600 !important;
}
@media (max-width: 799px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps.taxi .newphone__maps_selected .box-column .newphone__maps_headersubtitle {
    font-size: 37.8px;
  }
}
#newphone .newphone__maps.mech .newphone__important_icon, #newphone .newphone__maps.mech .newphone__chevron-back, #newphone .newphone__maps.mech .newphone__column_subtitle {
  color: #3E3E3E !important;
}
#newphone .newphone__maps.mech .newphone__maps_square, #newphone .newphone__maps.mech .newphone__project_button {
  background: #3E3E3E !important;
}
#newphone .newphone__maps.mech .newphone__maps_element .newphone__maps_elementicon {
  color: #3E3E3E !important;
}
#newphone .newphone__maps.mech .newphone__project_button {
  transition: all 0.5s ease;
}
#newphone .newphone__maps.mech .newphone__project_button:hover {
  transition: all 0.5s ease;
  background: #5a5a5a !important;
}
#newphone .newphone__maps.mech .newphone__chevron-back {
  color: #DA2640 !important;
}
#newphone .newphone__maps.mech .newphone__client_button {
  background: rgba(231, 29, 54, 0.2);
  color: #DA2640;
}
@media (max-width: 799px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps.mech .newphone__client_button {
    font-size: 50.4px;
  }
}
#newphone .newphone__maps .newmphone__maps_circle {
  background: #A6B1BA;
  position: relative;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    min-width: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    height: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle {
    margin-bottom: 81.9px;
  }
}
#newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
  position: absolute;
  background: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-width: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newmphone__maps_circle .newmphone__maps_circle2 {
    min-height: 12.6px;
  }
}
#newphone .newphone__maps .newphone__maps_column {
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column {
    margin-bottom: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 0.9px solid #E2EAF0;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1px solid #E2EAF0;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.29px solid #E2EAF0;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.37px solid #E2EAF0;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.5px solid #E2EAF0;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.4px solid #E2EAF0;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.7px solid #E2EAF0;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.6px solid #E2EAF0;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 1.9px solid #E2EAF0;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2px solid #E2EAF0;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2px solid #E2EAF0;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2.5px solid #E2EAF0;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2.7px solid #E2EAF0;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2.6px solid #E2EAF0;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 2.5px solid #E2EAF0;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 3.3px solid #E2EAF0;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 4px solid #E2EAF0;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 3.3px solid #E2EAF0;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 4.5px solid #E2EAF0;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column {
    border-bottom: 6.3px solid #E2EAF0;
  }
}
#newphone .newphone__maps .newphone__maps_column.hover {
  transition: all 0.5s ease;
}
#newphone .newphone__maps .newphone__maps_column.hover:hover {
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 0.9px solid #707477;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1px solid #707477;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.29px solid #707477;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.37px solid #707477;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.5px solid #707477;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.4px solid #707477;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.7px solid #707477;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.6px solid #707477;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 1.9px solid #707477;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2px solid #707477;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2px solid #707477;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2.5px solid #707477;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2.7px solid #707477;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2.6px solid #707477;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 2.5px solid #707477;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 3.3px solid #707477;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 4px solid #707477;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 3.3px solid #707477;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 4.5px solid #707477;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column.hover:hover {
    border-bottom: 6.3px solid #707477;
  }
}
#newphone .newphone__maps .newphone__maps_column.hover:hover .newphone__column_title {
  color: #666f75;
}
#newphone .newphone__maps .newphone__maps_column.hover:hover .newphone__column_subtitle {
  color: #c46004;
}
#newphone .newphone__maps .newphone__maps_column .newphone__column_title {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_title {
    line-height: 59.85px;
  }
}
#newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
  color: #00BBFF;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps .newphone__maps_column .newphone__column_subtitle {
    line-height: 66.15px;
  }
}
#newphone .newphone__maps_icon {
  color: #FB4F69;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_icon {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_icon {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_icon {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_icon {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_icon {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_icon {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_icon {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_icon {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_icon {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_icon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_icon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_icon {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_icon {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_icon {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_icon {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_icon {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_icon {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_icon {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_icon {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_icon {
    font-size: 94.5px;
  }
}
#newphone .newphone__maps_headerimage {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/renticon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage {
    margin-right: 50.4px;
  }
}
#newphone .newphone__maps_headerimage.trucker {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/trucker.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.trucker {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.trucker {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.trucker {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.taxi {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/taxi.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.taxi {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.taxi {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.taxi {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.tinderimg {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/tinder.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.tinderimg {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.mech {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mech.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.mech {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.mech {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.mech {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.radio {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/radioicon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.radio {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.radio {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.radio {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.rent {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/renticon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.rent {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.rent {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.rent {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.property {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/propertyicon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.property {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.property {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.property {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.property {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.property {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.property {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.property {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.property {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.property {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.property {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.property {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.property {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.property {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.property {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.property {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.property {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.property {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.property {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.property {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.property {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.property {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.property {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.property {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.property {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.property {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.property {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.property {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.property {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.property {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.property {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.property {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.property {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.property {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.news {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/newsicon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.news {
    width: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.news {
    width: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.news {
    width: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.news {
    width: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.news {
    width: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.news {
    width: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.news {
    width: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.news {
    width: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.news {
    width: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.news {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.news {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.news {
    width: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.news {
    width: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.news {
    width: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.news {
    width: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    width: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    width: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    width: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    width: 123.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.news {
    width: 173.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.news {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.news {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.news {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.news {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.news {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.news {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.news {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.news {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.news {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.news {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.news {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.news {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.news {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.news {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.news {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.news {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.news {
    margin-right: 31.5px;
  }
}
#newphone .newphone__maps_headerimage.ravito {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/avito.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.ravito {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.ravito {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.ravito {
    margin-right: 12.6px;
  }
}
#newphone .newphone__maps_headerimage.auction {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/auction.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.auction {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.auction {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.auction {
    margin-right: 12.6px;
  }
}
#newphone .newphone__maps_headerimage.small {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/notification.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.small {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.small {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.small {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.small {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.small {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.small {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.small {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.small {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.small {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.small {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.small {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.small {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.small {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.small {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.small {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.small {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.small {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.small {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.small {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.small {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.small {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.small {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.small {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.small {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.small {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.small {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.small {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.small {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.small {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.small {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.small {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.small {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headerimage.small {
    border-radius: 12.6px;
  }
}
#newphone .newphone__maps_headertitle {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitle {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitle {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitle {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitle {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitle {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitle {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitle {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitle {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitle {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitle {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitle {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitle {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitle {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitle {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitle {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitle {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitle {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitle {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitle {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitle {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitle {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitle {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitle {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitle {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitle {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitle {
    margin-bottom: 12.6px;
  }
}
#newphone .newphone__maps_headertitleGPS {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitleGPS {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitleGPS {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitleGPS {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    max-width: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headertitleGPS.mw-60 {
    width: 189px;
  }
}
#newphone .newphone__maps_headersubtitle {
  color: #E2EAF0;
  font-weight: normal;
  font-style: normal;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headersubtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headersubtitle {
    line-height: 50.4px;
  }
}
#newphone .newphone__maps_headersubtitleGPS {
  color: #E2EAF0;
  font-weight: normal;
  font-style: normal;
  text-shadow: 2px 2px 3px #000;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headersubtitleGPS {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_headersubtitleGPS {
    line-height: 50.4px;
  }
}
#newphone .newphone__maps_importannt {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: auto;
  width: 100%;
  color: #000000;
}
#newphone .newphone__maps_importannt::-webkit-scrollbar {
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar {
    width: 0px;
  }
}
#newphone .newphone__maps_importannt::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__maps_importannt .newphone__important_element {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    border-radius: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element {
    font-size: 44.1px;
  }
}
#newphone .newphone__maps_importannt .newphone__important_element:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
  color: #DA2640;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_importannt .newphone__important_element .newphone__important_icon {
    font-size: 37.8px;
  }
}
#newphone .newphone__maps_categories {
  width: 100%;
  height: auto;
  margin-top: auto;
  background: white;
  color: #1E262F;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories {
    max-height: 256.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories {
    max-height: 285px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories {
    max-height: 367.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories {
    max-height: 390.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories {
    max-height: 427.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories {
    max-height: 399px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories {
    max-height: 484.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories {
    max-height: 456px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories {
    max-height: 541.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories {
    max-height: 570px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories {
    max-height: 570px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories {
    max-height: 712.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories {
    max-height: 769.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories {
    max-height: 741px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories {
    max-height: 712.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories {
    max-height: 940.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories {
    max-height: 1140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories {
    max-height: 940.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories {
    max-height: 1282.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories {
    max-height: 1795.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories {
    border-radius: 119.7px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    height: 220.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price {
    padding-left: 88.2px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
  position: absolute;
  right: 0;
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/taxicar.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    top: -94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    width: 538.65px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 274.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car {
    height: 384.3px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/mechcar.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 61.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 68.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 88.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 93.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 102.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 95.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 116.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 109.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 130.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 171.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 184.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 171.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 226.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 226.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 308.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    width: 431.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 49.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 55.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 71.595px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 76.035px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 83.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 77.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 94.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 88.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 105.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 111px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 111px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 138.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 149.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 144.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 138.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 183.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 222px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 183.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 249.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.mech {
    height: 349.65px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/truckcar.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 61.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 68.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 88.365px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 93.845px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 102.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 95.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 116.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 109.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 130.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 137px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 171.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 184.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 171.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 226.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 226.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 308.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    width: 431.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 49.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 55.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 71.595px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 76.035px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 83.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 77.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 94.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 88.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 105.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 111px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 111px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 138.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 149.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 144.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 138.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 183.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 222px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 183.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 249.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_car.truck {
    height: 349.65px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricetitle {
    line-height: 53.55px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
  font-weight: 600;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_price .newphone__maps_pricesubtitle {
    line-height: 56.7px;
  }
}
#newphone .newphone__maps_categories .newphone__maps_subcategories {
  width: 100%;
  height: auto;
  background: white;
  color: #1E262F;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_categories .newphone__maps_subcategories {
    padding-top: 50.4px;
  }
}
#newphone .phoneicons-add1 {
  color: #A6B1BA;
  transform: rotate(45deg);
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .phoneicons-add1 {
    font-size: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-add1 {
    font-size: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-add1 {
    font-size: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-add1 {
    font-size: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-add1 {
    font-size: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-add1 {
    font-size: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-add1 {
    font-size: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-add1 {
    font-size: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-add1 {
    font-size: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-add1 {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-add1 {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-add1 {
    font-size: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-add1 {
    font-size: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-add1 {
    font-size: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-add1 {
    font-size: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-add1 {
    font-size: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-add1 {
    font-size: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-add1 {
    font-size: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-add1 {
    font-size: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-add1 {
    font-size: 72.45px;
  }
}
#newphone .phoneicons-add1:hover {
  color: #5e6469;
  transition: all 0.5s ease;
}
#newphone .newphone__maps_header {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_header {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_header {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_header {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_header {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_header {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_header {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_header {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_header {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_header {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_header {
    margin-bottom: 50.4px;
  }
}
#newphone .newphone__maps_header.none-m {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_header.m-top {
    margin-top: 50.4px;
  }
}
#newphone .newphone__maps_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid {
    min-height: 113.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid {
    min-height: 126px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid {
    min-height: 162.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid {
    min-height: 172.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid {
    min-height: 189px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid {
    min-height: 176.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid {
    min-height: 214.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid {
    min-height: 201.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid {
    min-height: 239.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid {
    min-height: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid {
    min-height: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid {
    min-height: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid {
    min-height: 340.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid {
    min-height: 327.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid {
    min-height: 315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    min-height: 415.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    min-height: 504px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    min-height: 415.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    min-height: 567px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid {
    min-height: 793.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid {
    max-height: 113.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid {
    max-height: 126px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid {
    max-height: 162.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid {
    max-height: 172.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid {
    max-height: 189px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid {
    max-height: 176.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid {
    max-height: 214.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid {
    max-height: 201.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid {
    max-height: 239.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid {
    max-height: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid {
    max-height: 252px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid {
    max-height: 315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid {
    max-height: 340.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid {
    max-height: 327.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid {
    max-height: 315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    max-height: 415.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    max-height: 504px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    max-height: 415.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    max-height: 567px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid {
    max-height: 793.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid {
    margin-bottom: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid {
    gap: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid {
    gap: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid {
    gap: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid {
    gap: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid {
    gap: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid {
    gap: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid {
    gap: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid {
    gap: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid {
    gap: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid {
    gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid {
    gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid {
    gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid {
    gap: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid {
    gap: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid {
    gap: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    gap: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    gap: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid {
    gap: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid {
    gap: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid {
    gap: 37.8px;
  }
}
#newphone .newphone__maps_grid .newphone__maps_element {
  background: #F4F5F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 171px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    height: 239.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 171px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    width: 239.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    padding: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element {
    border-radius: 31.5px;
  }
}
#newphone .newphone__maps_grid .newphone__maps_element:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
  color: #DA2640;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementicon {
    margin-bottom: 25.2px;
  }
}
#newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
  color: #1E262F;
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_grid .newphone__maps_element .newphone__maps_elementname {
    line-height: 53.55px;
  }
}
#newphone .newphone__chevron-back {
  color: #FB4F69;
  margin-left: auto;
  transform: rotate(180deg);
}
@media (max-width: 799px) {
  #newphone .newphone__chevron-back {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__chevron-back {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__chevron-back {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__chevron-back {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__chevron-back {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__chevron-back {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__chevron-back {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__chevron-back {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__chevron-back {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__chevron-back {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__chevron-back {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__chevron-back {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__chevron-back {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__chevron-back {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__chevron-back {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__chevron-back {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__chevron-back {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__chevron-back {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__chevron-back {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__chevron-back {
    font-size: 50.4px;
  }
}
#newphone .newphone__maps_selected {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected {
    min-height: 220.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected {
    margin-bottom: 37.8px;
  }
}
#newphone .newphone__maps_selected:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__maps_selected .newphone__maps_square {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DA2640;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-height: 110.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    min-width: 110.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_square {
    margin-right: 63px;
  }
}
#newphone .newphone__maps_selected .newphone__maps_headertitle {
  font-weight: 600;
  color: #1E262F;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_headertitle {
    line-height: 59.85px;
  }
}
#newphone .newphone__maps_selected .newphone__maps_headersubtitle {
  font-weight: normal;
  color: #869199;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_selected .newphone__maps_headersubtitle {
    line-height: 59.85px;
  }
}
#newphone .newphone__shadow {
  text-shadow: 1px 1px 1px #000;
}
#newphone .newphone__maps_client {
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .box-flex {
    margin-bottom: 25.2px;
  }
}
#newphone .newphone__maps_client .gray {
  color: #869199;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .gray {
    margin-bottom: 25.2px;
  }
}
#newphone .newphone__maps_client .orange {
  font-weight: bold;
}
#newphone .newphone__maps_client .newphone__client_button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 122, 0, 0.2);
  color: #00BBFF;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newphone__client_button {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newphone__client_button {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newphone__client_button {
    margin-top: 31.5px;
  }
}
#newphone .newphone__maps_client .newphone__client_button:hover {
  transition: all 0.5s ease;
  cursor: pointer;
  background: rgba(255, 122, 0, 0.1);
}
#newphone .newphone__maps_client .newmphone__client_circle {
  border-radius: 50%;
  background: #1E262F;
  border: 1px solid #1E262F;
  box-shadow: 0px 0px 2px 2px rgba(255, 107, 0, 0.3);
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-width: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    min-height: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_client .newmphone__client_circle {
    margin-right: 15.75px;
  }
}
#newphone .newphone__maps_client .newmphone__client_circle.to {
  background: #00BBFF;
  border: 1px solid #00BBFF;
}
#newphone .newphone__maps_client .newmphone__client_circle.mech {
  background: #DA2640;
  border: 1px solid #DA2640;
  box-shadow: 0px 0px 2px 2px rgba(231, 29, 54, 0.2);
}
#newphone .newphone__maps_list {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    min-height: 189.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    min-height: 210.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    min-height: 271.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    min-height: 288.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    min-height: 315.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    min-height: 294.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    min-height: 357.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    min-height: 336.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    min-height: 399.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    min-height: 421px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    min-height: 421px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    min-height: 526.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    min-height: 568.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    min-height: 547.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    min-height: 526.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    min-height: 694.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    min-height: 842px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    min-height: 694.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    min-height: 947.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    min-height: 1326.15px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    max-height: 189.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    max-height: 210.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    max-height: 271.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    max-height: 288.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    max-height: 315.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    max-height: 294.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    max-height: 357.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    max-height: 336.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    max-height: 399.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    max-height: 421px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    max-height: 421px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    max-height: 526.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    max-height: 568.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    max-height: 547.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    max-height: 526.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    max-height: 694.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    max-height: 842px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    max-height: 694.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    max-height: 947.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    max-height: 1326.15px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 207.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 231px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 297.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 316.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 346.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 323.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 392.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 369.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 438.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 577.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 623.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 600.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 762.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 762.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 1039.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list.newphone__maps_clients {
    height: 1455.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__maps_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__maps_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__maps_list .newphone__maps_title {
  text-align: center;
  color: #1E262F;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_title {
    margin-top: 75.6px;
  }
}
#newphone .newphone__maps_list .newphone__maps_subtitle {
  text-align: center;
  color: #869199;
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__maps_list .newphone__maps_subtitle {
    margin-bottom: 44.1px;
  }
}
#newphone .newphone__project_button {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #DA2640;
  color: white;
  transition: all 0.5s ease;
  cursor: pointer;
  text-align: center;
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button {
    min-height: 163.8px;
  }
}
#newphone .newphone__project_button:hover {
  transition: all 0.5s ease;
  background: #c0233b;
}
#newphone .newphone__project_button.rent {
  background: rgba(255, 107, 0, 0.15);
  color: #00BBFF;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.rent {
    margin-bottom: 0px;
  }
}
#newphone .newphone__project_button.rent:hover {
  background: #00BBFF;
  color: white;
}
#newphone .newphone__project_button.tinder {
  background: #F44E73;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.tinder {
    max-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.tinder {
    max-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.tinder {
    max-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.tinder {
    max-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.tinder {
    max-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.tinder {
    max-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.tinder {
    max-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.tinder {
    max-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.tinder {
    max-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.tinder {
    max-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.tinder {
    max-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.tinder {
    max-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.tinder {
    max-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.tinder {
    max-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.tinder {
    max-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    max-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    max-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    max-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    max-height: 117px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.tinder {
    max-height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.tinder {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.tinder {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.tinder {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.tinder {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.tinder {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.tinder {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.tinder {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.tinder {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.tinder {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.tinder {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.tinder {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.tinder {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.tinder {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.tinder {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.tinder {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.tinder {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.tinder {
    margin-bottom: 0px;
  }
}
#newphone .newphone__project_button.tinder:hover {
  background: #c7425f;
  color: white;
}
#newphone .newphone__project_button.rentnm {
  background: rgba(255, 107, 0, 0.15);
  color: #00BBFF;
}
#newphone .newphone__project_button.rentnm:hover {
  background: #00BBFF;
  color: white;
}
#newphone .newphone__project_button.radio {
  background: #9001D1;
  color: white;
}
#newphone .newphone__project_button.radio:hover {
  background: #670992;
  color: white;
}
#newphone .newphone__project_button.property {
  background: #5D5FEF;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.property {
    margin-bottom: 0px;
  }
}
#newphone .newphone__project_button.property:hover {
  background: #5052c7;
  color: white;
}
#newphone .newphone__project_button.auction {
  background: #259A70;
  color: white;
}
#newphone .newphone__project_button.auction:hover {
  background: #196449;
  color: white;
}
#newphone .newphone__project_button.forbes {
  background: #1E262F;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.forbes {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.forbes {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.forbes {
    width: 111.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.forbes {
    width: 124px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.forbes {
    width: 159.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.forbes {
    width: 169.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.forbes {
    width: 186px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.forbes {
    width: 173.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.forbes {
    width: 210.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.forbes {
    width: 198.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.forbes {
    width: 235.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.forbes {
    width: 248px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.forbes {
    width: 248px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.forbes {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.forbes {
    width: 334.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.forbes {
    width: 322.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.forbes {
    width: 310px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    width: 409.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    width: 496px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.forbes {
    width: 409.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.forbes {
    width: 558px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.forbes {
    width: 781.2px;
  }
}
#newphone .newphone__project_button.forbes:hover {
  background: #14191f;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.small {
    min-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.small {
    min-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.small {
    min-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.small {
    min-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.small {
    min-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.small {
    min-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.small {
    min-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.small {
    min-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.small {
    min-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.small {
    min-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.small {
    min-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.small {
    min-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.small {
    min-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    min-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    min-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    min-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    min-height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.small {
    min-height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.small {
    min-width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.small {
    min-width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.small {
    min-width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.small {
    min-width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.small {
    min-width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.small {
    min-width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.small {
    min-width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.small {
    min-width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.small {
    min-width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.small {
    min-width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.small {
    min-width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.small {
    min-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.small {
    min-width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.small {
    min-width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.small {
    min-width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    min-width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    min-width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    min-width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    min-width: 270px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.small {
    min-width: 378px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.small {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.small {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.small {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.small {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.small {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.small {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.small {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.small {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.small {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.small {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.small {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.small {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.small {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.small {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.small {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.small {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_button.small {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_button.small {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_button.small {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_button.small {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_button.small {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_button.small {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_button.small {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_button.small {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_button.small {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_button.small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_button.small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_button.small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_button.small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_button.small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_button.small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_button.small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_button.small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_button.small {
    font-size: 37.8px;
  }
}
#newphone .newphone__gallery {
  width: 100%;
  height: 100%;
  background: #FEFEFE;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery {
    border-radius: 119.7px;
  }
}
#newphone .newphone__gallery .newphone__homebutton {
  margin-top: 0;
}
#newphone .newphone__gallery .newphone__gallery_grid {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: repeat(3, 1fr);
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 130.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 145px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 187.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 198.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 217.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 203px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 246.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 232px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 275.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 362.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 391.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 377px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 362.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 478.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 478.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 652.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    width: 913.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 251.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 279.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 360.555px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 382.915px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 419.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 391.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 475.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 447.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 531.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 698.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 754.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 726.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 698.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 922.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 1118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 922.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 1257.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    max-height: 1760.85px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid {
    gap: 6.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_grid::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__gallery .newphone__gallery_count {
  font-weight: bold;
  margin-top: auto;
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_count {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__gallery .newphone__gallery_item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 198px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    width: 277.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 198px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_item {
    height: 277.2px;
  }
}
#newphone .newphone__gallery .newphone__gallery_item.active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/selected__image.png);
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 198px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    width: 277.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 198px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_item.active::after {
    height: 277.2px;
  }
}
#newphone .newphone__gallery .newphone__gallery_title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery .newphone__gallery_title {
    font-size: 75.6px;
  }
}
#newphone .newphone__gallery_date {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#newphone .newphone__gallery_date .newphone__gallery_month {
  color: #060503;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_date .newphone__gallery_month {
    font-size: 44.1px;
  }
}
#newphone .newphone__gallery_date .newphone__gallery_time {
  color: #060503;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_date .newphone__gallery_time {
    font-size: 37.8px;
  }
}
#newphone .newphone__gallery_image {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  border-top: 1px solid gray;
}
#newphone .newphone__gallery_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_header {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_header {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_header {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_header {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_header {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_header {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_header {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_header {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_header {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_header {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_header {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_header {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_header {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_header {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_header {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_header {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_header {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_header {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_header {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_header {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_header {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_header {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_header {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_header {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_header {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_header {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_header {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_header {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_header {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_header {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_header {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_header {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_header {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_header {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_header {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_header {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_header {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_header {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_header {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_header {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_header {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_header {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_header {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_header {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_header {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_header {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_header {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_header {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_header {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_header {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_header {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_header {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_header {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_header {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_header {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_header {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_header {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_header {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_header {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_header {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_header {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_header {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_header {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_header {
    padding-top: 31.5px;
  }
}
#newphone .newphone__backicon {
  color: #156FE3;
}
@media (max-width: 799px) {
  #newphone .newphone__backicon {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__backicon {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__backicon {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__backicon {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__backicon {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__backicon {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__backicon {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__backicon {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__backicon {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__backicon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__backicon {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__backicon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__backicon {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__backicon {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__backicon {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__backicon {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__backicon {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__backicon {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__backicon {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__backicon {
    font-size: 50.4px;
  }
}
#newphone .newphone__gallery_footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer {
    padding-bottom: 31.5px;
  }
}
#newphone .newphone__gallery_footer .box-between {
  color: #216BCD;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .box-between {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .box-between {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .box-between {
    padding-right: 63px;
  }
}
#newphone .newphone__gallery_footer .box-between .phoneicons-upload {
  cursor: pointer;
  transition: all 0.5s ease;
}
#newphone .newphone__gallery_footer .box-between .phoneicons-upload:hover {
  transition: all 0.5s ease;
  color: #1d57a1;
}
#newphone .newphone__gallery_footer .box-between .phoneicons-trash {
  cursor: pointer;
  transition: all 0.5s ease;
}
#newphone .newphone__gallery_footer .box-between .phoneicons-trash:hover {
  transition: all 0.5s ease;
  color: #1d57a1;
}
#newphone .newphone__gallery_footer .box-between .phoneicons-reload {
  cursor: pointer;
  transition: all 0.5s ease;
}
#newphone .newphone__gallery_footer .box-between .phoneicons-reload:hover {
  transition: all 0.5s ease;
  color: #1d57a1;
}
#newphone .newphone__gallery_footer .newphone__gallery_last {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: auto;
  width: 100%;
}
#newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar {
    width: 0px;
  }
}
#newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
  opacity: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    min-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_footer .newphone__gallery_last .newphone__galleryfooter_item {
    height: 126px;
  }
}
#newphone .newphone__popup {
  position: absolute;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%, 0%);
  height: 100%;
  width: 100%;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: rgba(82, 80, 80, 0.3019607843);
  z-index: 30000;
}
@media (max-width: 799px) {
  #newphone .newphone__popup {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup {
    padding-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup {
    padding-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup {
    padding-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup {
    padding-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup {
    padding-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup {
    padding-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup {
    padding-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup {
    max-width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup {
    max-width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup {
    max-width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup {
    max-width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup {
    max-width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup {
    max-width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup {
    max-width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup {
    max-width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup {
    max-width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup {
    max-width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup {
    max-width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup {
    max-width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup {
    max-width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup {
    max-width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup {
    max-width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    max-width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    max-width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup {
    max-width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup {
    max-width: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup {
    max-width: 926.1px;
  }
}
#newphone .newphone__popup .newphone__popup_element {
  width: 95%;
  background: white;
  color: #1d57a1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup .newphone__popup_element {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup .newphone__popup_element {
    border-radius: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup .newphone__popup_element {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__popup .newphone__popup_element:hover {
  transition: all 0.5s ease;
  background: #E2E1DD;
}
#newphone .newphone__popup .newphone__popup_element.red {
  color: #E2424F;
  transition: all 0.5s ease;
}
#newphone .newphone__popup .newphone__popup_element.red:hover {
  transition: all 0.5s ease;
  background: #E2E1DD;
}
#newphone .orange {
  color: #00BBFF;
}
#newphone .red {
  color: #DA2640;
}
#newphone .purple {
  color: #9001D1;
}
#newphone .violet {
  color: #5D5FEF !important;
}
#newphone .green {
  color: #259A70 !important;
}
#newphone .green__background {
  background: #259A70 !important;
}
#newphone .newphone__ads_violet {
  color: #5D5FEF !important;
  width: 100%;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_violet {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_violet {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_violet {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_violet {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_violet {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_violet {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_violet {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_violet {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_violet {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_violet {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_violet {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_violet {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_violet {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_violet {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_violet {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_violet {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_violet {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_violet {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_violet {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_violet {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_violet {
    padding-left: 50.4px;
  }
}
#newphone .violet__background {
  cursor: pointer;
  background: #5D5FEF !important;
}
#newphone .red__background {
  background: #DA2640 !important;
  cursor: pointer;
}
#newphone .orange__background {
  background: #00BBFF !important;
  cursor: pointer;
}
#newphone .newphone__rent {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__rent {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent {
    border-radius: 119.7px;
  }
}
#newphone .newphone__rent .newphone__rent_status {
  background: #E2EAF0;
  border-radius: 2px;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    padding-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    margin-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_status {
    font-size: 37.8px;
  }
}
#newphone .newphone__rent .newphone__rent_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#newphone .newphone__rent .newphone__rent_content .box-flex {
  align-items: center;
}
#newphone .newphone__rent .newphone__rent_content .box-center {
  text-align: center;
}
#newphone .newphone__rent .newphone__rent_list {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 231.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 257px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 331.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 352.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 385.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 359.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 436.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 411.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 488.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 514px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 514px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 642.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 693.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 668.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 642.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 848.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 1028px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 848.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 1156.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list {
    max-height: 1619.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 204.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 227px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 292.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 310.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 340.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 317.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 385.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 363.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 431.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 567.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 612.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 590.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 567.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 749.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 908px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 749.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 1021.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list.small {
    max-height: 1430.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__rent .newphone__rent_none {
  background: #F4F5F5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: center;
  transition: all 0.5s ease;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 46.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 52px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 67.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 71.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 78px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 72.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 88.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 83.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 98.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 104px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 104px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 140.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 135.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 171.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 208px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 171.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 234px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none {
    min-height: 327.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none {
    padding-left: 50.4px;
  }
}
#newphone .newphone__rent .newphone__rent_none.vehicle .box-flex {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#newphone .newphone__rent .newphone__rent_none.vehicle .box-flex .newphone__rent_status {
  position: absolute;
  left: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none:first-child {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none:last-child {
    margin-bottom: 15.75px;
  }
}
#newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 146.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .box-column .box-flex .orange {
    max-width: 204.75px;
  }
}
#newphone .newphone__rent .newphone__rent_none.hover:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__rent .newphone__rent_none .orange {
  color: #00BBFF;
  font-weight: 600;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .orange {
    line-height: 56.7px;
  }
}
#newphone .newphone__rent .newphone__rent_none .gray {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .gray {
    line-height: 44.1px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/nonerent.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: inherit;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 44.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 49px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 63.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 67.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 73.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 68.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 83.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 78.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 93.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 122.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 132.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 127.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 122.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 161.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 196px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 161.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 220.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    min-width: 308.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 46.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 52px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 67.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 71.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 78px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 72.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 88.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 83.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 98.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 104px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 104px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 140.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 135.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 171.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 208px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 171.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 234px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage {
    height: 327.6px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.pos-center {
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.rent {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/auction_pers.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.auction {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/house.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.house {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/shop.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.business {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/person.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.person {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/heal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.heal {
    margin-right: 31.5px;
  }
}
#newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/signal.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .newphone__rent_noneimage.signal {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__rent .newphone__rent_none .date {
    margin-top: 25.2px;
  }
}
#newphone .newphone__project_title {
  color: #1E262F;
}
@media (max-width: 799px) {
  #newphone .newphone__project_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_title {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__margin_left16 {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__margin_left16 {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__margin_left16 {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__margin_left16 {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__margin_left16 {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__margin_left16 {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__margin_left16 {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__margin_left16 {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__margin_left16 {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__margin_left16 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__margin_left16 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__margin_left16 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__margin_left16 {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__margin_left16 {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__margin_left16 {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__margin_left16 {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__margin_left16 {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__margin_left16 {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__margin_left16 {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__margin_left16 {
    margin-left: 50.4px;
  }
}
#newphone .newphone__auction_content {
  height: auto;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    max-height: 222.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    max-height: 247.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    max-height: 319.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    max-height: 339.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    max-height: 371.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    max-height: 346.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    max-height: 420.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    max-height: 396px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    max-height: 470.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    max-height: 495px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    max-height: 495px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    max-height: 618.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    max-height: 668.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    max-height: 643.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    max-height: 618.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    max-height: 816.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    max-height: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    max-height: 816.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    max-height: 1113.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    max-height: 1559.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content {
    margin-right: 18.9px;
  }
}
#newphone .newphone__auction_content .box-center {
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 207.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 231px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 297.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 316.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 346.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 323.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 392.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 369.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 438.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 577.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 623.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 600.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 762.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 762.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 1039.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content.newphone__maps_clients {
    max-height: 1455.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__auction_content::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__auction_content::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__auction_content::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__ads_list {
  height: auto;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    max-height: 168.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    max-height: 187px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    max-height: 241.23px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    max-height: 256.19px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    max-height: 280.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    max-height: 261.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    max-height: 317.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    max-height: 299.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    max-height: 355.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    max-height: 374px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    max-height: 374px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    max-height: 467.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    max-height: 504.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    max-height: 486.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    max-height: 467.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    max-height: 617.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    max-height: 748px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    max-height: 617.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    max-height: 841.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    max-height: 1178.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.auction {
    max-height: 164.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.auction {
    max-height: 183px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.auction {
    max-height: 236.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.auction {
    max-height: 250.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.auction {
    max-height: 274.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.auction {
    max-height: 256.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.auction {
    max-height: 311.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.auction {
    max-height: 292.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.auction {
    max-height: 347.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.auction {
    max-height: 366px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.auction {
    max-height: 366px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.auction {
    max-height: 457.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.auction {
    max-height: 494.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.auction {
    max-height: 475.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.auction {
    max-height: 457.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction {
    max-height: 603.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction {
    max-height: 732px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction {
    max-height: 603.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction {
    max-height: 823.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.auction {
    max-height: 1152.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.auction {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.auction.big {
    max-height: 1417.5px;
  }
}
#newphone .newphone__ads_list.filter {
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.filter {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.filter {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.filter {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.filter {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.filter {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.filter {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.filter {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.filter {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.filter {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.filter {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.filter {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.filter {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.filter {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.filter {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.filter {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.filter {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.filter {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.filter {
    margin-bottom: 63px;
  }
}
#newphone .newphone__ads_list.filter .w-100 {
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.filter .w-100 {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 207.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 231px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 297.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 316.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 346.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 323.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 392.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 369.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 438.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 577.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 623.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 600.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 762.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 762.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 1039.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list.newphone__maps_clients {
    max-height: 1455.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__ads_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__ads_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__ads_element {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
  align-items: center;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element {
    padding-bottom: 50.4px;
  }
}
#newphone .newphone__ads_element .box-between {
  min-height: -moz-fit-content;
  min-height: fit-content;
}
#newphone .newphone__ads_element .newphone__ads_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 472.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    width: 661.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    min-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_image {
    margin-bottom: 50.4px;
  }
}
#newphone .newphone__ads_element .newphone__ads_image.contain {
  background-size: contain;
}
#newphone .newphone__ads_element .newphone__ads_titletext {
  font-weight: bold;
  color: #000000;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_titletext {
    font-size: 50.4px;
  }
}
#newphone .newphone__ads_element .newphone__ads_text {
  word-break: break-all;
  font-weight: 500;
  color: #000000;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_text {
    font-size: 44.1px;
  }
}
#newphone .newphone__ads_element .box-between {
  font-weight: 500;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .box-between {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .box-between {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .box-between {
    font-size: 44.1px;
  }
}
#newphone .newphone__ads_element .newphone__ads_vip {
  width: 100%;
  background: #DA2640;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
  white-space: nowrap;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_vip {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_vip div {
    margin-right: 37.8px;
  }
}
#newphone .newphone__ads_element .newphone__ads_circle {
  color: white;
  background: #DA2640;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_element .newphone__ads_circle {
    margin-right: 25.2px;
  }
}
#newphone .newphone__ads_element .newphone__ads_circle:last-child {
  margin: 0;
}
#newphone .newphone__ads_element .newphone__ads_circle:hover {
  background: #aa2034;
}
#newphone .newphone__ads_gray {
  font-weight: 500;
  color: #869199;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_gray.m-8 {
    margin-bottom: 25.2px;
  }
}
#newphone .newphone__message_textarea {
  font-family: inherit;
  resize: none;
  width: 100%;
  border: none;
  outline: none;
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea.profile {
    width: 118.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea.profile {
    width: 132px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea.profile {
    width: 170.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea.profile {
    width: 180.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea.profile {
    width: 198px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea.profile {
    width: 184.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea.profile {
    width: 224.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea.profile {
    width: 211.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea.profile {
    width: 250.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea.profile {
    width: 264px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea.profile {
    width: 264px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea.profile {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea.profile {
    width: 356.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea.profile {
    width: 343.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea.profile {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    width: 435.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    width: 435.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    width: 594px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea.profile {
    width: 831.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.45px solid black;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.5px solid black;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.645px solid black;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.685px solid black;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.75px solid black;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.7px solid black;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.85px solid black;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.8px solid black;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea.profile {
    border: 0.95px solid black;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea.profile {
    border: 1px solid black;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea.profile {
    border: 1px solid black;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.25px solid black;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.35px solid black;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.3px solid black;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.25px solid black;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.65px solid black;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    border: 2px solid black;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    border: 1.65px solid black;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    border: 2.25px solid black;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea.profile {
    border: 3.15px solid black;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea.profile {
    border-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__message_textarea.profile {
    padding: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__message_textarea.profile {
    padding: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__message_textarea.profile {
    padding: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__message_textarea.profile {
    padding: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__message_textarea.profile {
    padding: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__message_textarea.profile {
    padding: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__message_textarea.profile {
    padding: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__message_textarea.profile {
    padding: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__message_textarea.profile {
    padding: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__message_textarea.profile {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__message_textarea.profile {
    padding: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__message_textarea.profile {
    padding: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__message_textarea.profile {
    padding: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__message_textarea.profile {
    padding: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__message_textarea.profile {
    padding: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    padding: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    padding: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__message_textarea.profile {
    padding: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__message_textarea.profile {
    padding: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__message_textarea.profile {
    padding: 44.1px;
  }
}
#newphone .newphone__ads_info {
  font-weight: 500;
  color: #869199;
  align-self: center;
  border: 1px solid #A6B1BA;
  box-sizing: border-box;
  font-family: inherit;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    height: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    height: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    height: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    height: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    height: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    height: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    height: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    height: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    height: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    height: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    height: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    height: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    height: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    height: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    height: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    height: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    height: 508.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    height: 711.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info.small {
    height: 78.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info.small {
    height: 87.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info.small {
    height: 112.875px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info.small {
    height: 119.875px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info.small {
    height: 131.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info.small {
    height: 122.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info.small {
    height: 148.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info.small {
    height: 140px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info.small {
    height: 166.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info.small {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info.small {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info.small {
    height: 218.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info.small {
    height: 236.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info.small {
    height: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info.small {
    height: 218.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info.small {
    height: 288.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info.small {
    height: 350px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info.small {
    height: 288.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info.small {
    height: 393.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info.small {
    height: 551.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 146.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info.small .newphone__ads_textarea {
    height: 204.75px;
  }
}
#newphone .newphone__ads_info .newphone__ads_textarea {
  font-family: inherit;
  resize: none;
  width: 100%;
  border: none;
  outline: none;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_textarea {
    padding-right: 31.5px;
  }
}
#newphone .newphone__ads_info .newphone__ads_capture {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_capture {
    height: 189px;
  }
}
#newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/nonerent.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 225px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    min-width: 315px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_capture .newphone__ads_addimg {
    height: 189px;
  }
}
#newphone .newphone__ads_info .newphone__ads_capture .box-column {
  cursor: pointer;
  color: #DA2640;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_info .newphone__ads_capture .box-column {
    font-size: 63px;
  }
}
#newphone .newphone__project_categorie {
  background: #FFFFFF;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: #1E262F;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    min-height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    min-height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    min-height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    min-height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    min-height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    min-height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    min-height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    min-height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    min-height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    min-height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    min-height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    min-height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    min-height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    min-height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    min-height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    min-height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    min-height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    padding-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie {
    font-size: 50.4px;
  }
}
#newphone .newphone__project_categorie:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__project_categorie:last-child {
  margin: 0;
}
#newphone .newphone__project_categorie .newphone__tinder_circle {
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    min-width: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_categorie .newphone__tinder_circle {
    height: 113.4px;
  }
}
#newphone .newphone__radio {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__radio {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio {
    border-radius: 119.7px;
  }
}
#newphone .newphone__radio .newphone__radio_list {
  height: auto;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list {
    height: 1512px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__radio .newphone__radio_back {
  margin-top: auto;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__project_categorie .box-flex {
    margin-left: 25.2px;
  }
}
#newphone .newphone__radio .newphone__chevron-back {
  color: #9001D1;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__project_title {
    font-size: 50.4px;
  }
}
#newphone .newphone__radio .newphone__radio_headertitle {
  font-weight: 600;
  color: #1E262F;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headertitle {
    line-height: 59.85px;
  }
}
#newphone .newphone__radio .newphone__radio_content {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_content {
    padding: 63px;
  }
}
#newphone .newphone__radio .newphone__radio_content .box-flex {
  align-items: center;
}
#newphone .newphone__radio .newphone__radio_live {
  background: #DA2640;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_live {
    width: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_live {
    height: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_live {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .m-t33 {
    margin-top: 103.95px;
  }
}
#newphone .newphone__radio .newphone__radio_headphones {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/headphones.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-top: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    margin-bottom: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 612px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    min-width: 856.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 612px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_headphones {
    height: 856.8px;
  }
}
#newphone .newphone__radio .newphone__radio_button {
  background: #E2EAF0;
  color: #9001D1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button {
    margin-right: 63px;
  }
}
#newphone .newphone__radio .newphone__radio_button:hover {
  transition: all 0.5s ease;
  background: #bfc5ca;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-right: 0px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .newphone__radio_button.m-l {
    margin-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .box-between {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .box-between {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .box-between {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .box-between {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .box-between {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .box-between {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .box-between {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .box-between {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .box-between {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .box-between {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .box-between {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .box-between {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .box-between {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .box-between {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .box-between {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .box-between {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .box-between {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .box-between {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .box-between {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .box-between {
    margin-top: 25.2px;
  }
}
#newphone .newphone__radio .switch input {
  display: none;
}
#newphone .newphone__radio .switch {
  position: relative;
  display: inline-block;
  background: #131517;
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch {
    border-radius: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch {
    border-radius: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch {
    border-radius: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch {
    border-radius: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch {
    border-radius: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch {
    border-radius: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch {
    border-radius: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch {
    border-radius: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch {
    border-radius: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch {
    border-radius: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch {
    border-radius: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch {
    border-radius: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    border-radius: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    border-radius: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    border-radius: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    border-radius: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch {
    border-radius: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch {
    height: 88.2px;
  }
}
#newphone .newphone__radio .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #9001D1;
  transition: 0.4s;
}
#newphone .newphone__radio .switch .slider::before {
  position: absolute;
  content: "";
  top: 50%;
  transition: 0.4s;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch .slider::before {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch .slider::before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch .slider::before {
    left: 53.55px;
  }
}
#newphone .newphone__radio .switch input:checked + .slider:before {
  background: white;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch input:checked + .slider:before {
    left: 107.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__radio .switch .slider.round {
    border-radius: 107.1px;
  }
}
#newphone .newphone__radio .switch .slider.round::before {
  border-radius: 50%;
}
#newphone .newphone__forbes {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes {
    border-radius: 119.7px;
  }
}
#newphone .newphone__forbes .newphone__forbes_list {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 219.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 244px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 314.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 334.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 366px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 341.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 414.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 390.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 463.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 488px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 488px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 610px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 658.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 634.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 610px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 805.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 976px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 805.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 1098px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    height: 1537.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 144.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 161px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 207.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 220.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 241.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 225.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 273.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 257.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 305.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 322px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 322px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 402.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 434.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 418.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 402.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 531.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 644px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 531.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 724.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list.small {
    height: 1014.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_subtitle {
    padding-left: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element {
    font-size: 50.4px;
  }
}
#newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element .box-column {
  width: 100%;
}
#newphone .newphone__forbes .newphone__forbes_list.small .newphone__forbes_element .box-between {
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__forbes .newphone__forbes_back {
  margin-top: auto;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_categorie .box-flex {
    margin-left: 25.2px;
  }
}
#newphone .newphone__forbes .newphone__chevron-back {
  color: #000000;
}
#newphone .newphone__forbes .newphone__project_title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__project_title {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__project_title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__project_title {
    padding-left: 63px;
  }
}
#newphone .newphone__forbes .newphone__forbes_headertitle {
  font-weight: 600;
  color: #1E262F;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headertitle {
    line-height: 59.85px;
  }
}
#newphone .newphone__forbes .newphone__forbes_content {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 260.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 289px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 372.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 395.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 433.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 404.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 491.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 462.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 549.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 722.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 780.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 751.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 722.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 953.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 1156px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 953.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 1300.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    max-height: 1820.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_content {
    padding-top: 63px;
  }
}
#newphone .newphone__forbes .newphone__forbes_content .box-flex {
  align-items: center;
}
#newphone .newphone__forbes .newphone__forbes_headerimage {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/forbesicon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    width: 220.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_headerimage {
    margin-left: 63px;
  }
}
#newphone .newphone__forbes .newphone__forbes_element {
  display: flex;
  justify-content: space-between;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 189px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    min-height: 264.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element {
    line-height: 59.85px;
  }
}
#newphone .newphone__forbes .newphone__forbes_element.hover:hover {
  transition: all 0.5s ease;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#newphone .newphone__forbes .newphone__forbes_element .gray {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_element .gray {
    margin-top: 12.6px;
  }
}
#newphone .newphone__forbes .newphone__forbes_position {
  height: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_position {
    margin-right: 50.4px;
  }
}
#newphone .newphone__forbes .newphone__forbes_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_title {
    margin-bottom: 50.4px;
  }
}
#newphone .newphone__forbes .newphone__forbes_subtitle {
  font-weight: 500;
  color: #000000;
  text-align: left;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_subtitle {
    margin-bottom: 50.4px;
  }
}
#newphone .newphone__forbes .newphone__forbes_text {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .newphone__forbes_text {
    line-height: 66.15px;
  }
}
#newphone .newphone__forbes .box-between .box-flex {
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .box-between .box-flex {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .box-between .box-flex {
    line-height: 66.15px;
  }
}
#newphone .newphone__forbes .box-between .box-flex .gray {
  color: #869199;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes .box-between .box-flex .gray {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding16 {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding16 {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding16 {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding16 {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding16 {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding16 {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding16 {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding16 {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding16 {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding16 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding16 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding16 {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding16 {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding16 {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding16 {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding16 {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding16 {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding16 {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding16 {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding16 {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding16 {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding16 {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding16 {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding16 {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding16 {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding16 {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding16 {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding16 {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding16 {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding16 {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding16 {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding16 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding16 {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding16 {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding16 {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding16 {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding16 {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding16 {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding16 {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding16 {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding20 {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding20 {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding20 {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding20 {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding20 {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding20 {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding20 {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding20 {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding20 {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding20 {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding20 {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding20 {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding20 {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding20 {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding20 {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding20 {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding20 {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding20 {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding20 {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding20 {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding20 {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding20 {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding20 {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding20 {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding20 {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding20 {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding20 {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding20 {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding20 {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding20 {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding20 {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding20.p-top {
    padding-top: 63px;
  }
}
#newphone .newphone__project_padding20 .newphone__project_title {
  padding: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__project_padding {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__project_padding {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__project_padding {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__project_padding {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__project_padding {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__project_padding {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__project_padding {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__project_padding {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__project_padding {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__project_padding {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__project_padding {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__project_padding {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__project_padding {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__project_padding {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__project_padding {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__project_padding {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__project_padding {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__project_padding {
    padding-right: 63px;
  }
}
#newphone .newphone__project_padding .newphone__project_title {
  padding: 0;
}
@media (max-width: 799px) {
  #newphone .phoneicons-clubs {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-clubs {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-clubs {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-clubs {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-clubs {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-clubs {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-clubs {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-clubs {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-clubs {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-clubs {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-clubs {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-clubs {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-clubs {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-clubs {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-clubs {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-clubs {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-clubs {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-clubs {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-clubs {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-clubs {
    font-size: 94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-clubs {
    margin-bottom: 47.25px;
  }
}
#newphone .newphone__forbes_hidden {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/hidden.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_hidden {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_hidden {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_hidden {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_hidden {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_hidden {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_hidden {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_hidden {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_hidden {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_hidden {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_hidden {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_hidden {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_hidden {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_hidden {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_hidden {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_hidden {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_hidden {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_hidden {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_hidden {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_hidden {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_hidden {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_hidden {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_hidden {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_hidden {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_hidden {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_hidden {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_hidden {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_hidden {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_hidden {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_hidden {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_hidden {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_hidden {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_hidden {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_hidden {
    margin-bottom: 47.25px;
  }
}
#newphone .newphone__forbes_hidden.noneelements {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/tumbleweed.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#newphone .newphone__forbes_anon {
  color: #869199;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_anon {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_anon {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_anon {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_anon {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_anon {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_anon {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_anon {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_anon {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_anon {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_anon {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_anon {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_anon {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_anon {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_anon {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_anon {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_anon {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 114.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 127.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 164.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 174.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 191.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 178.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 216.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 242.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 318.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 344.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 331.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 318.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 420.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 510px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 420.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 573.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_anon {
    margin-bottom: 803.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_anon {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_anon {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_anon {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_anon {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_anon {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_anon {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_anon {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_anon {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_anon {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_anon {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_anon {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_anon {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_anon {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_anon {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_anon {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_anon {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_anon {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_anon {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_anon {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_anon {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_anon {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_anon {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_anon {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_anon {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_anon {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_anon {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_anon {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_anon {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_anon {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_anon {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_anon {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_anon {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 555.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__forbes_anon.no-mar {
    margin-bottom: 778.05px;
  }
}
#newphone .phoneicons-filter {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/filter.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .phoneicons-filter {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-filter {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-filter {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-filter {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-filter {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-filter {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-filter {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-filter {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-filter {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-filter {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-filter {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-filter {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-filter {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-filter {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-filter {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-filter {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .phoneicons-filter {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-filter {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-filter {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-filter {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-filter {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-filter {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-filter {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-filter {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-filter {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-filter {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-filter {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-filter {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-filter {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-filter {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-filter {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-filter {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .phoneicons-filter {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-filter {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-filter {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-filter {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-filter {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-filter {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-filter {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-filter {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-filter {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-filter {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-filter {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-filter {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-filter {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-filter {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-filter {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-filter {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-filter {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-filter {
    margin-right: 15.75px;
  }
}
#newphone .newphone__button_filter {
  color: white;
  background: #60686D;
  transition: all 0.5s ease;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__button_filter {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__button_filter {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__button_filter {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__button_filter {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__button_filter {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__button_filter {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__button_filter {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__button_filter {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__button_filter {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__button_filter {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__button_filter {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__button_filter {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__button_filter {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__button_filter {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__button_filter {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__button_filter {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__button_filter {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__button_filter {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__button_filter {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__button_filter {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__button_filter {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__button_filter {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__button_filter {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__button_filter {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__button_filter {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__button_filter {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__button_filter {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__button_filter {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__button_filter {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__button_filter {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__button_filter {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__button_filter {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__button_filter {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__button_filter {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__button_filter {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__button_filter {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__button_filter {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__button_filter {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__button_filter {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__button_filter {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__button_filter {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__button_filter {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__button_filter {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__button_filter {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__button_filter {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__button_filter {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__button_filter {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__button_filter {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__button_filter {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__button_filter {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__button_filter {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__button_filter {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__button_filter {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__button_filter {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__button_filter {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__button_filter {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__button_filter {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__button_filter {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__button_filter {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__button_filter {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__button_filter {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__button_filter {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__button_filter {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__button_filter {
    border-radius: 25.2px;
  }
}
#newphone .newphone__button_filter:hover {
  background: #4e5558;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__button_filter .phoneicons-close {
    margin-left: 6.3px;
  }
}
#newphone .newphone__ads_categorie {
  background: #080C10;
  border-radius: 2px;
  color: white;
  line-height: 1;
  text-transform: lowercase;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_categorie {
    padding: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_categorie {
    padding: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_categorie {
    padding: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_categorie {
    padding: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_categorie {
    padding: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_categorie {
    padding: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_categorie {
    padding: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_categorie {
    padding: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_categorie {
    padding: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_categorie {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_categorie {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_categorie {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_categorie {
    padding: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_categorie {
    padding: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_categorie {
    padding: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_categorie {
    padding: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_categorie {
    padding: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_categorie {
    padding: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_categorie {
    padding: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_categorie {
    padding: 12.6px;
  }
}
#newphone .m-0 {
  margin: 0;
}
#newphone .w-1 {
  width: 100%;
}
#newphone .newphone__ads_input {
  font-family: inherit;
  border: 1px solid #869199;
  color: #869199;
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    width: 114.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    width: 127px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    width: 163.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    width: 173.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    width: 190.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    width: 177.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    width: 215.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    width: 203.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    width: 241.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    width: 254px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    width: 317.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    width: 342.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    width: 330.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    width: 317.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    width: 419.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    width: 508px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    width: 419.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    width: 571.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    width: 800.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input.small {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input.small {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input.small {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input.small {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input.small {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input.small {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input.small {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input.small {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input.small {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input.small {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input.small {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input.small {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input.small {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input.small {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input.small {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input.small {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input.small {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input.small {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input.small {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input.small {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_input.small170 {
    width: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_input.small170 {
    width: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_input.small170 {
    width: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_input.small170 {
    width: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_input.small170 {
    width: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_input.small170 {
    width: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_input.small170 {
    width: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_input.small170 {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_input.small170 {
    width: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_input.small170 {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_input.small170 {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_input.small170 {
    width: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_input.small170 {
    width: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_input.small170 {
    width: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_input.small170 {
    width: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input.small170 {
    width: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input.small170 {
    width: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_input.small170 {
    width: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_input.small170 {
    width: 382.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_input.small170 {
    width: 535.5px;
  }
}
#newphone .newphone__ads_title {
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__ads_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__ads_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__ads_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__ads_title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__ads_title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__ads_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__ads_title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__ads_title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__ads_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__ads_title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__ads_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__ads_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__ads_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__ads_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__ads_title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__ads_title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__ads_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__ads_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__ads_title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__ads_title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__ads_title {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__font_16 {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__font_16 {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__font_16 {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__font_16 {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__font_16 {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__font_16 {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__font_16 {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__font_16 {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__font_16 {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__font_16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__font_16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__font_16 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__font_16 {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__font_16 {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__font_16 {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__font_16 {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__font_16 {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__font_16 {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__font_16 {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__font_16 {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__font_12 {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__font_12 {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__font_12 {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__font_12 {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__font_12 {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__font_12 {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__font_12 {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__font_12 {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__font_12 {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__font_12 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__font_12 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__font_12 {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__font_12 {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__font_12 {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__font_12 {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__font_12 {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__font_12 {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__font_12 {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__font_12 {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__font_12 {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__mb-10 {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__checkbox {
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox-1 {
    height: 63px;
  }
}
#newphone .newphone__checkbox .styled-checkbox {
  position: absolute;
  opacity: 0;
}
#newphone .newphone__checkbox .styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
#newphone .newphone__checkbox .styled-checkbox + label:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background: #dedcdc;
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox + label:before {
    border-radius: 12.6px;
  }
}
#newphone .newphone__checkbox .styled-checkbox:checked + label:before {
  background: #DA2640;
}
#newphone .newphone__checkbox .styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
#newphone .newphone__checkbox .styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
#newphone .newphone__checkbox .styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__checkbox .styled-checkbox:checked + label:after {
    height: 50.4px;
  }
}
#newphone .newphone__checkbox .styled-checkbox.viol:checked + label:before {
  background: #5D5FEF !important;
}
#newphone .newphone__call {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__call {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__call {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__call {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__call {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__call {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__call {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__call {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__call {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__call {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__call {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__call {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__call {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__call {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__call {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__call {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__call {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__call {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__call {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__call {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__call {
    border-radius: 119.7px;
  }
}
#newphone .nephone__call_selectors {
  width: 100%;
  background: #FFFFFF;
  z-index: 2000;
  box-shadow: 0px -4px 40px rgba(131, 134, 166, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 38px 38px;
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors {
    height: 52.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors {
    height: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors {
    height: 74.82px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors {
    height: 79.46px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors {
    height: 87px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors {
    height: 81.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors {
    height: 98.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors {
    height: 92.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors {
    height: 110.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors {
    height: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors {
    height: 156.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors {
    height: 150.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors {
    height: 145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    height: 191.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    height: 232px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    height: 191.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    height: 261px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors {
    height: 365.4px;
  }
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors {
    padding-left: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors {
    padding-left: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors {
    padding-left: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors {
    padding-left: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors {
    padding-left: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors {
    padding-left: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors {
    padding-left: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors {
    padding-left: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors {
    padding-left: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors {
    padding-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors {
    padding-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors {
    padding-left: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors {
    padding-left: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors {
    padding-left: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors {
    padding-left: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-left: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-left: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-left: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-left: 69.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors {
    padding-left: 97.65px;
  }
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors {
    padding-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors {
    padding-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors {
    padding-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors {
    padding-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors {
    padding-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors {
    padding-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors {
    padding-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors {
    padding-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors {
    padding-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors {
    padding-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors {
    padding-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors {
    padding-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors {
    padding-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors {
    padding-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors {
    padding-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors {
    padding-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors {
    padding-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors {
    padding-right: 97.65px;
  }
}
#newphone .nephone__call_selectors .newphone__call_selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(52, 52, 53, 0.5);
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors .newphone__call_selector {
    font-size: 44.1px;
  }
}
#newphone .nephone__call_selectors .newphone__call_selector:active, #newphone .nephone__call_selectors .newphone__call_selector.active {
  color: #0A75F2;
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .nephone__call_selectors .newphone__selector_icon {
    margin-bottom: 18.9px;
  }
}
#newphone .newphone__dial {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__dial {
    padding-top: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial {
    padding-top: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial {
    padding-top: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial {
    padding-top: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial {
    padding-top: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial {
    padding-top: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial {
    padding-top: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial {
    padding-top: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial {
    padding-top: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial {
    padding-top: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial {
    padding-top: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial {
    padding-top: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial {
    padding-top: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial {
    padding-top: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial {
    padding-top: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial {
    padding-top: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial {
    padding-top: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial {
    padding-top: 110.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial {
    border-radius: 119.7px;
  }
}
#newphone .newphone__dial_input {
  font-family: inherit;
  color: #343435;
  text-align: center;
  font-weight: 500;
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_input {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_input {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_input {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_input {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_input {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_input {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_input {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_input {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_input {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_input {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_input {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_input {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_input {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_input {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_input {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_input {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_input {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_input {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_input {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_input {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_input {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_input {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_input {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_input {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_input {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_input {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_input {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_input {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_input {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_input {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_input {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_input {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_input {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_input {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_input {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_input {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_input {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_input {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_input {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_input {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_input {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_input {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_input {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_input {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_input {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_input {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_input {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_input {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_input {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_input {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_input {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_input {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_input {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_input {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_input {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_input {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_input {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_input {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_input {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_input {
    margin-bottom: 25.2px;
  }
}
#newphone .newphone__dial_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #2F6AA4;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_button {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_button {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_button {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_button {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_button {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_button {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_button {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_button {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_button {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_button {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_button {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_button {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_button {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_button {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_button {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_button {
    width: 724.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_button {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_button {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_button {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_button {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_button {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_button {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_button {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_button {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_button {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_button {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_button {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_button {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_button {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_button {
    height: 103.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_button {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_button {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_button {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_button {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_button {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_button {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_button {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_button {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_button {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_button {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_button {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_button {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_button {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_button {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_button {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_button {
    border-radius: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_button {
    font-size: 44.1px;
  }
}
#newphone .newphone__dial_button:hover {
  transition: all 0.5s ease;
  color: #255585;
}
#newphone .newphone__dial_grid {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 799px) {
  #newphone .newphone__dial_grid {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_grid {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_grid {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_grid {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_grid {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_grid {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_grid {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_grid {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_grid {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_grid {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_grid {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_grid {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_grid {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_grid {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_grid {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_grid {
    width: 724.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_grid {
    grid-gap: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_grid {
    grid-gap: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_grid {
    grid-gap: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_grid {
    grid-gap: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_grid {
    grid-gap: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_grid {
    grid-gap: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_grid {
    grid-gap: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_grid {
    grid-gap: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_grid {
    grid-gap: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_grid {
    grid-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_grid {
    grid-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_grid {
    grid-gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_grid {
    grid-gap: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_grid {
    grid-gap: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_grid {
    grid-gap: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    grid-gap: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    grid-gap: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    grid-gap: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    grid-gap: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_grid {
    grid-gap: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 9.9px;
         column-gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 11px;
         column-gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 14.19px;
         column-gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 15.07px;
         column-gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 15.4px;
         column-gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 18.7px;
         column-gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 17.6px;
         column-gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 20.9px;
         column-gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 29.7px;
         column-gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 28.6px;
         column-gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 44px;
         column-gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 49.5px;
         column-gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_grid {
    -moz-column-gap: 69.3px;
         column-gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_grid {
    margin-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_grid {
    margin-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_grid {
    margin-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_grid {
    margin-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_grid {
    margin-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_grid {
    margin-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_grid {
    margin-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_grid {
    margin-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_grid {
    margin-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_grid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_grid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_grid {
    margin-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_grid {
    margin-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_grid {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_grid {
    margin-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    margin-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_grid {
    margin-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_grid {
    margin-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_grid {
    margin-top: 78.75px;
  }
}
#newphone .newphone__dial_element {
  cursor: pointer;
  background: rgba(172, 177, 187, 0.2);
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #343435;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_element {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_element {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_element {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_element {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_element {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_element {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_element {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_element {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_element {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_element {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_element {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_element {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_element {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_element {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_element {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_element {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_element {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_element {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_element {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_element {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_element {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_element {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_element {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_element {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_element {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_element {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_element {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_element {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_element {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_element {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_element {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_element {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_element {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_element {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_element {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_element {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_element {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_element {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_element {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_element {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_element {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_element {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_element {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_element {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_element {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_element {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_element {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_element {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_element {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_element {
    font-size: 113.4px;
  }
}
#newphone .newphone__dial_element:hover {
  background: rgba(172, 177, 187, 0.5);
  transition: all 0.5s ease;
}
#newphone .newphone__dial_element.hidden {
  background: transparent;
}
#newphone .newphone__dial_element.call {
  background: linear-gradient(137.39deg, #0BBC28 14.46%, #5BF775 94.6%);
  color: white;
  transition: all 0.5s ease;
}
#newphone .newphone__dial_element.call:hover {
  transition: all 0.5s ease;
  background: #5BF775;
  color: white;
}
#newphone .newphone__dial_element.decline {
  background: linear-gradient(137.39deg, #DA0211 14.46%, #FF0000 94.6%);
  color: white;
  transition: all 0.5s ease;
}
#newphone .newphone__dial_element.decline:hover {
  transition: all 0.5s ease;
  background: #FF0000;
}
#newphone .newphone__dial_remove {
  transition: all 0.5s ease;
  background: rgba(172, 177, 187, 0.2);
  color: #000000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove {
    font-size: 44.1px;
  }
}
#newphone .newphone__dial_remove:hover {
  background: rgba(172, 177, 187, 0.5);
  transition: all 0.5s ease;
}
#newphone .newphone__dial_remove:hover::after {
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 4.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 6.45px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 6.85px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 7.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 7px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 8.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 8px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 9.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 10px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 10px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 12.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 13.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 13px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 12.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 16.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 20px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 16.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 22.5px solid rgba(172, 177, 187, 0.5);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove:hover::after {
    border-right: 31.5px solid rgba(172, 177, 187, 0.5);
  }
}
#newphone .newphone__dial_remove::after {
  transition: all 0.5s ease;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove::after {
    border-top: 4.5px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove::after {
    border-top: 5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove::after {
    border-top: 6.45px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove::after {
    border-top: 6.85px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove::after {
    border-top: 7.5px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove::after {
    border-top: 7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove::after {
    border-top: 8.5px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove::after {
    border-top: 8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove::after {
    border-top: 9.5px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove::after {
    border-top: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove::after {
    border-top: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove::after {
    border-top: 12.5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove::after {
    border-top: 13.5px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove::after {
    border-top: 13px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove::after {
    border-top: 12.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-top: 16.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-top: 20px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-top: 16.5px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-top: 22.5px solid transparent;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove::after {
    border-top: 31.5px solid transparent;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 4.5px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 6.45px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 6.85px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 7.5px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 8.5px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 9.5px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 10px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 12.5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 13.5px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 13px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 12.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 16.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 20px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 16.5px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 22.5px solid transparent;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove::after {
    border-bottom: 31.5px solid transparent;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove::after {
    border-right: 4.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove::after {
    border-right: 5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove::after {
    border-right: 6.45px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove::after {
    border-right: 6.85px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove::after {
    border-right: 7.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove::after {
    border-right: 7px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove::after {
    border-right: 8.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove::after {
    border-right: 8px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove::after {
    border-right: 9.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove::after {
    border-right: 10px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove::after {
    border-right: 10px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove::after {
    border-right: 12.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove::after {
    border-right: 13.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove::after {
    border-right: 13px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove::after {
    border-right: 12.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-right: 16.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-right: 20px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    border-right: 16.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    border-right: 22.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove::after {
    border-right: 31.5px solid rgba(172, 177, 187, 0.2);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove::after {
    left: -2.16585px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove::after {
    left: -2.4065px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove::after {
    left: -3.104385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove::after {
    left: -3.296905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove::after {
    left: -3.60975px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove::after {
    left: -3.3691px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove::after {
    left: -4.09105px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove::after {
    left: -3.8504px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove::after {
    left: -4.57235px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove::after {
    left: -4.813px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove::after {
    left: -4.813px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove::after {
    left: -6.01625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove::after {
    left: -6.49755px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove::after {
    left: -6.2569px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove::after {
    left: -6.01625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    left: -7.94145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    left: -9.626px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    left: -7.94145px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    left: -10.82925px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove::after {
    left: -15.16095px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_remove::after {
    top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_remove::after {
    top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_remove::after {
    top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_remove::after {
    top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_remove::after {
    top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_remove::after {
    top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_remove::after {
    top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_remove::after {
    top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_remove::after {
    top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_remove::after {
    top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_remove::after {
    top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_remove::after {
    top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_remove::after {
    top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_remove::after {
    top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_remove::after {
    top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_remove::after {
    top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_remove::after {
    top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_remove::after {
    top: 31.5px;
  }
}
#newphone .newphone__dial_popup {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 20000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_popup {
    border-radius: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_popup {
    border-radius: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_popup {
    border-radius: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_popup {
    border-radius: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_popup {
    border-radius: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_popup {
    border-radius: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_popup {
    border-radius: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_popup {
    border-radius: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_popup {
    border-radius: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_popup {
    border-radius: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_popup {
    border-radius: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_popup {
    border-radius: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_popup {
    border-radius: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_popup {
    border-radius: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_popup {
    border-radius: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popup {
    border-radius: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popup {
    border-radius: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popup {
    border-radius: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popup {
    border-radius: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_popup {
    border-radius: 88.2px;
  }
}
#newphone .newphone__dial_popupback {
  background: #F5F5F5;
  height: 90%;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__dial_popupback {
    border-radius: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_popupback {
    border-radius: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_popupback {
    border-radius: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_popupback {
    border-radius: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_popupback {
    border-radius: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_popupback {
    border-radius: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_popupback {
    border-radius: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_popupback {
    border-radius: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_popupback {
    border-radius: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_popupback {
    border-radius: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_popupback {
    border-radius: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_popupback {
    border-radius: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_popupback {
    border-radius: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_popupback {
    border-radius: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_popupback {
    border-radius: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    border-radius: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    border-radius: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    border-radius: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    border-radius: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_popupback {
    border-radius: 88.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_popupback {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_popupback {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_popupback {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_popupback {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_popupback {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_popupback {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_popupback {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_popupback {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_popupback {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_popupback {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_popupback {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_popupback {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_popupback {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_popupback {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_popupback {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_popupback {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_popupback {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_popupback {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_popupback {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_popupback {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_popupback {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_popupback {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_popupback {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_popupback {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_popupback {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_popupback {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_popupback {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_popupback {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_popupback {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_popupback {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_popupback {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_popupback {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__dial_popupback {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__dial_popupback {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__dial_popupback {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__dial_popupback {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__dial_popupback {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__dial_popupback {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__dial_popupback {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__dial_popupback {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__dial_popupback {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__dial_popupback {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__dial_popupback {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__dial_popupback {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__dial_popupback {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__dial_popupback {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__dial_popupback {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__dial_popupback {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__dial_popupback {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__dial_popupback {
    padding-left: 50.4px;
  }
}
#newphone .newphone__addcontact_image {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/addcontact.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_image {
    width: 98.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_image {
    width: 109px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_image {
    width: 140.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_image {
    width: 149.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_image {
    width: 163.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_image {
    width: 152.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_image {
    width: 185.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_image {
    width: 174.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_image {
    width: 207.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_image {
    width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_image {
    width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_image {
    width: 272.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_image {
    width: 294.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_image {
    width: 283.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_image {
    width: 272.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    width: 359.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    width: 436px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    width: 359.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    width: 490.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_image {
    width: 686.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_image {
    height: 79.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_image {
    height: 88px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_image {
    height: 113.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_image {
    height: 120.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_image {
    height: 132px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_image {
    height: 123.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_image {
    height: 149.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_image {
    height: 140.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_image {
    height: 167.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_image {
    height: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_image {
    height: 176px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_image {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_image {
    height: 237.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_image {
    height: 228.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_image {
    height: 220px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    height: 290.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    height: 352px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    height: 290.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    height: 396px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_image {
    height: 554.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_image {
    margin-bottom: 63px;
  }
}
#newphone .newphone__addcontact_element {
  background: #FFFFFF;
  text-align: left;
  align-self: center;
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element {
    margin-bottom: 37.8px;
  }
}
#newphone .newphone__addcontact_element.edit {
  background: #F5F5F5;
}
#newphone .newphone__addcontact_element.edit .newphone__addcontact_input {
  background: #F5F5F5;
}
#newphone .newphone__addcontact_element .gray {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element .gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element .gray {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element .gray {
    margin-bottom: 12.6px;
  }
}
#newphone .newphone__addcontact_element .newphone__addcontact_input {
  font-family: inherit;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_element .newphone__addcontact_input {
    font-size: 59.85px;
  }
}
#newphone .newphone__addcontact_button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90.02deg, #2A8CFF 0.01%, #0A75F2 99.98%);
  color: white;
  font-weight: 500;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button {
    margin-top: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button {
    margin-top: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button {
    margin-top: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button {
    margin-top: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button {
    margin-top: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button {
    margin-top: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button {
    margin-top: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button {
    margin-top: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button {
    margin-top: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button {
    margin-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button {
    margin-top: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button {
    margin-top: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button {
    margin-top: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    margin-top: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    margin-top: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button {
    margin-top: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button {
    margin-top: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button {
    margin-top: 252px;
  }
}
#newphone .newphone__addcontact_button:hover {
  transition: all 0.5s ease;
  background: linear-gradient(90.02deg, #1e6bc4 0.01%, #0c54a7 99.98%);
}
#newphone .newphone__addcontact_button .phoneicons-add1 {
  color: white;
  transform: rotate(0);
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__addcontact_button .phoneicons-add1 {
    font-size: 59.85px;
  }
}
#newphone .newphone__contacts {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts {
    padding-top: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts {
    padding-top: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts {
    padding-top: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts {
    padding-top: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts {
    padding-top: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts {
    padding-top: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts {
    padding-top: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts {
    padding-top: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts {
    padding-top: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts {
    padding-top: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts {
    padding-top: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts {
    padding-top: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts {
    padding-top: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts {
    padding-top: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts {
    padding-top: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts {
    padding-top: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts {
    padding-top: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts {
    padding-top: 110.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts {
    border-radius: 119.7px;
  }
}
#newphone .contactgray {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 600;
}
@media (max-width: 799px) {
  #newphone .contactgray {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .contactgray {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .contactgray {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .contactgray {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .contactgray {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .contactgray {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .contactgray {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .contactgray {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .contactgray {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .contactgray {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .contactgray {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .contactgray {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .contactgray {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .contactgray {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .contactgray {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .contactgray {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .contactgray {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .contactgray {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .contactgray {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .contactgray {
    margin-top: 63px;
  }
}
#newphone .blue {
  color: #2A8CFF;
  margin: 0;
}
#newphone .newphone__maps_header {
  margin: 0;
}
#newphone .newphone__contacts_circle {
  color: #2A8CFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_circle {
    font-size: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_circle {
    font-size: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_circle {
    font-size: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_circle {
    font-size: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_circle {
    font-size: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_circle {
    font-size: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_circle {
    font-size: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_circle {
    font-size: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_circle {
    font-size: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_circle {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_circle {
    font-size: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_circle {
    font-size: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_circle {
    font-size: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_circle {
    font-size: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_circle {
    font-size: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    font-size: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    font-size: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    font-size: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    font-size: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_circle {
    font-size: 59.85px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_circle {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_circle {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_circle {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_circle {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_circle {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_circle {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_circle {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_circle {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_circle {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_circle {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_circle {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_circle {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_circle {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_circle {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_circle {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_circle {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_circle {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_circle {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_circle {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_circle {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_circle {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_circle {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_circle {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_circle {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_circle {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_circle {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_circle {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_circle {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_circle {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_circle {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_circle {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_circle {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_circle {
    border: 1.35px solid #2A8CFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_circle {
    border: 1.5px solid #2A8CFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_circle {
    border: 1.935px solid #2A8CFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_circle {
    border: 2.055px solid #2A8CFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_circle {
    border: 2.25px solid #2A8CFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_circle {
    border: 2.1px solid #2A8CFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_circle {
    border: 2.55px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_circle {
    border: 2.4px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_circle {
    border: 2.85px solid #2A8CFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_circle {
    border: 3px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_circle {
    border: 3px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_circle {
    border: 3.75px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_circle {
    border: 4.05px solid #2A8CFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_circle {
    border: 3.9px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_circle {
    border: 3.75px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    border: 4.95px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    border: 6px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle {
    border: 4.95px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle {
    border: 6.75px solid #2A8CFF;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_circle {
    border: 9.45px solid #2A8CFF;
  }
}
#newphone .newphone__contacts_circle:hover {
  color: #1f6cc5;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_circle:hover {
    border: 1.35px solid #1f6cc5;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_circle:hover {
    border: 1.5px solid #1f6cc5;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_circle:hover {
    border: 1.935px solid #1f6cc5;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.055px solid #1f6cc5;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.25px solid #1f6cc5;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.1px solid #1f6cc5;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.55px solid #1f6cc5;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.4px solid #1f6cc5;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_circle:hover {
    border: 2.85px solid #1f6cc5;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_circle:hover {
    border: 3px solid #1f6cc5;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_circle:hover {
    border: 3px solid #1f6cc5;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_circle:hover {
    border: 3.75px solid #1f6cc5;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_circle:hover {
    border: 4.05px solid #1f6cc5;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_circle:hover {
    border: 3.9px solid #1f6cc5;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_circle:hover {
    border: 3.75px solid #1f6cc5;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle:hover {
    border: 4.95px solid #1f6cc5;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle:hover {
    border: 6px solid #1f6cc5;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_circle:hover {
    border: 4.95px solid #1f6cc5;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_circle:hover {
    border: 6.75px solid #1f6cc5;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_circle:hover {
    border: 9.45px solid #1f6cc5;
  }
}
#newphone .newphone__contacts_inputblock {
  background: #EEEFF1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(52, 52, 53, 0.4);
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    width: 825.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    padding-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock {
    margin-bottom: 69.3px;
  }
}
#newphone .newphone__contacts_inputblock .newphone__contacts_input {
  background: #EEEFF1;
  width: 100%;
  height: 100%;
  font-family: inherit;
  text-align: left;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_inputblock .newphone__contacts_input {
    font-size: 50.4px;
  }
}
#newphone .newphone__gallery_nophoto {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_nophoto {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__gallery_nophoto {
    font-size: 50.4px;
  }
}
#newphone .newphone__contacts_info {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 600;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info {
    margin-bottom: 63px;
  }
}
#newphone .newphone__contacts_info.b-white {
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info.b-white {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info.b-white {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info.b-white {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info.b-white {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info.b-white {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info.b-white {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info.b-white {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info.b-white {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info.b-white {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info.b-white {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info.b-white {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info.b-white {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info.b-white {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info.b-white {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info.b-white {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info.b-white {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info.b-white {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info.b-white {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info.b-white {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info.b-white {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info.b-white {
    margin-top: 31.5px;
  }
}
#newphone .newphone__contacts_info .newphone__contacts_avatar {
  border-radius: 50%;
  background: #444444;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info .newphone__contacts_avatar {
    margin-right: 37.8px;
  }
}
#newphone .newphone__contacts_info .gray {
  color: rgba(52, 52, 53, 0.5);
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_info .gray {
    margin-bottom: 12.6px;
  }
}
#newphone .newphone__contacts_list {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list {
    max-height: 136.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list {
    max-height: 151.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list {
    max-height: 195.435px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list {
    max-height: 207.555px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list {
    max-height: 227.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list {
    max-height: 212.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list {
    max-height: 257.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list {
    max-height: 242.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list {
    max-height: 287.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list {
    max-height: 303px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list {
    max-height: 303px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list {
    max-height: 378.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list {
    max-height: 409.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list {
    max-height: 393.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list {
    max-height: 378.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    max-height: 499.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    max-height: 606px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    max-height: 499.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    max-height: 681.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list {
    max-height: 954.45px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list {
    margin-right: 25.2px;
  }
}
#newphone .newphone__contacts_list.n-p {
  margin: 0;
  padding: 0;
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list.n-p {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list.n-p {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list.big {
    max-height: 196.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list.big {
    max-height: 218px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list.big {
    max-height: 281.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list.big {
    max-height: 298.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list.big {
    max-height: 327px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list.big {
    max-height: 305.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list.big {
    max-height: 370.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list.big {
    max-height: 348.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list.big {
    max-height: 414.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list.big {
    max-height: 436px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list.big {
    max-height: 436px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list.big {
    max-height: 545px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list.big {
    max-height: 588.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list.big {
    max-height: 566.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list.big {
    max-height: 545px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.big {
    max-height: 719.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.big {
    max-height: 872px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.big {
    max-height: 719.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.big {
    max-height: 981px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list.big {
    max-height: 1373.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list.big {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__contacts_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__contacts_list .newphone__contacts_categorie {
  width: 100%;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
  display: flex;
  align-items: center;
  background: #EEEFF1;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    padding-left: 103.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_categorie {
    line-height: 59.85px;
  }
}
#newphone .newphone__contacts_list .newphone__contacts_element {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  color: #000000;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 0.9px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.29px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.37px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.4px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.6px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 1.9px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2.6px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 2.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 3.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 4px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 3.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 4.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    border-bottom: 6.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    padding-left: 103.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_list .newphone__contacts_element {
    line-height: 59.85px;
  }
}
#newphone .box-between .box-flex {
  transition: all 0.5s ease;
  opacity: 1;
}
#newphone .box-between .box-flex:hover {
  transition: all 0.5s ease;
  opacity: 0.7;
}
#newphone .newphone__contacts_bigicon {
  align-self: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    font-size: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    min-width: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_bigicon {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_bigicon {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_bigicon {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_bigicon {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_bigicon {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_bigicon {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_bigicon {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_bigicon {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_bigicon {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_bigicon {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_bigicon {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_bigicon {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_bigicon {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_bigicon {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_bigicon {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_bigicon {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_bigicon {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_bigicon {
    height: 283.5px;
  }
}
#newphone .newphone__contacts_bigicon.hover {
  transition: all 0.5s ease;
}
#newphone .newphone__contacts_bigicon.hover:hover {
  transition: all 0.5s ease;
  opacity: 0.75;
}
#newphone .newphone__contacts_name {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_name {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_name {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_name {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_name {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_name {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_name {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_name {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_name {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_name {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_name {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_name {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_name {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_name {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_name {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_name {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_name {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_name {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_name {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_name {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_name {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_name {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_name {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_name {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_name {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_name {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_name {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_name {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_name {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_name {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_name {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_name {
    margin-bottom: 63px;
  }
}
#newphone .newphone__contacts_box {
  background: #F5F5F5;
  color: #3A9FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_box {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_box {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_box {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_box {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_box {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_box {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_box {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_box {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_box {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_box {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_box {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_box {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_box {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_box {
    border-radius: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_box {
    min-width: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_box {
    min-width: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_box {
    min-width: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_box {
    min-width: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_box {
    min-width: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_box {
    min-width: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_box {
    min-width: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_box {
    min-width: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_box {
    min-width: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_box {
    min-width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_box {
    min-width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_box {
    min-width: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_box {
    min-width: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_box {
    min-width: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_box {
    min-width: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    min-width: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    min-width: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    min-width: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    min-width: 283.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_box {
    min-width: 396.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_box {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_box {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_box {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_box {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_box {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_box {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_box {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_box {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_box {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_box {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_box {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_box {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_box {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_box {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_box {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_box {
    height: 189px;
  }
}
#newphone .newphone__contacts_box:hover {
  transition: all 0.5s ease;
  background: #e9e7e7;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_box .newphone__contacts_but {
    margin-bottom: 12.6px;
  }
}
#newphone .newphone__contacts_number {
  width: 100%;
  font-weight: 500;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    padding-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_number .blue {
    margin-top: 18.9px;
  }
}
#newphone .newphone__contacts_button {
  background: #F5F5F5;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_button {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_button {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_button {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_button {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_button {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_button {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_button {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_button {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_button {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_button {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_button {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_button {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_button {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_button {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_button {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_button {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_button {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_button {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_button {
    height: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_button {
    height: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_button {
    height: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_button {
    height: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_button {
    height: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_button {
    height: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_button {
    height: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_button {
    height: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_button {
    height: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_button {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_button {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_button {
    height: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_button {
    height: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_button {
    height: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_button {
    height: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    height: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    height: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    height: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    height: 105.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_button {
    height: 148.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_button {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_button {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_button {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_button {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_button {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_button {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_button {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_button {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_button {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_button {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_button {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_button {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_button {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_button {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_button {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_button {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__contacts_button {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__contacts_button:hover {
  transition: all 0.5s ease;
  background: #e9e7e7;
}
#newphone .newphone__contacts_button.red {
  color: #FF0000;
}
#newphone .newphone__recent_element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  color: #000000;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element {
    padding-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element {
    padding-right: 50.4px;
  }
}
#newphone .newphone__recent_element .box-flex {
  align-items: center;
}
#newphone .newphone__recent_element .phoneicons-call {
  color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .phoneicons-call {
    margin-right: 25.2px;
  }
}
#newphone .newphone__recent_element .gray {
  color: rgba(0, 0, 0, 0.5);
}
#newphone .newphone__recent_element .newphone__recent_info {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #2A8CFF;
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.45px solid #2A8CFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.5px solid #2A8CFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.645px solid #2A8CFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.685px solid #2A8CFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.75px solid #2A8CFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.7px solid #2A8CFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.85px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.8px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 0.95px solid #2A8CFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.25px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.35px solid #2A8CFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.3px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.25px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.65px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 2px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 1.65px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 2.25px solid #2A8CFF;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    border: 3.15px solid #2A8CFF;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_info {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element:last-child {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
#newphone .newphone__recent_element .newphone__recent_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 799px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 283.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__recent_element .newphone__recent_name {
    width: 396.9px;
  }
}
#newphone .newphone__callview {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__callview {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview {
    border-radius: 119.7px;
  }
}
#newphone .newphone__callview .newphone__callview_content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 33.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 37px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 47.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 50.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 55.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 51.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 62.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 59.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 70.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 74px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 92.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 99.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 96.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 92.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 122.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 148px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 122.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 166.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content {
    padding-top: 233.1px;
  }
}
#newphone .newphone__callview .newphone__callview_content .newphone__contacts_bigicon {
  color: rgba(255, 255, 255, 0.4);
}
#newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
  text-align: center;
  font-weight: 500;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content .newphone__callview_name {
    font-size: 110.25px;
  }
}
#newphone .newphone__callview .newphone__callview_content .gray {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__callview_content .gray {
    font-size: 50.4px;
  }
}
#newphone .newphone__callview .newphone__calview_center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#newphone .newphone__callview .newphone__dial_element {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__dial_element {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__dial_element {
    font-size: 85.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__dial_element {
    height: 189px;
  }
}
#newphone .newphone__callview .newphone__dial_element:hover, #newphone .newphone__callview .newphone__dial_element.active {
  background: rgba(255, 255, 255, 0.8);
  color: black;
}
#newphone .newphone__callview .newphone__dial_element.call {
  background: #5BF775;
  color: white;
  transition: all 0.5s ease;
}
#newphone .newphone__callview .newphone__dial_element.call:hover {
  transition: all 0.5s ease;
  background: #5BF775;
  color: white;
}
#newphone .newphone__callview .newphone__dial_element.decline {
  background: #DA0211;
  color: white;
  transition: all 0.5s ease;
}
#newphone .newphone__callview .newphone__dial_element.decline:hover {
  transition: all 0.5s ease;
  background: #FF0000;
}
#newphone .newphone__callview .newphone__calview_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 96.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 107px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 138.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 146.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 160.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 149.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 181.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 171.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 203.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 214px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 214px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 267.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 288.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 278.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 267.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 353.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 353.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 481.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__calview_flex {
    width: 674.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 126px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__calview_flex {
    margin-bottom: 176.4px;
  }
}
#newphone .newphone__callview .newphone__calview_flex.isCall {
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__calview_flex .newphone__dial_element {
    margin-bottom: 31.5px;
  }
}
#newphone .newphone__callview .newphone__calview_flex .box-column {
  align-items: center;
  font-weight: 400;
}
@media (max-width: 799px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__callview .newphone__calview_flex .box-column {
    font-size: 44.1px;
  }
}
#newphone .newphone__settings {
  background: #F3F2F7;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #000000;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__settings {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings {
    border-radius: 119.7px;
  }
}
#newphone .newphone__settings .newphone__settings_imagesselect {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    grid-gap: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 5.4px;
         column-gap: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 7.74px;
         column-gap: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 8.22px;
         column-gap: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 8.4px;
         column-gap: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 10.2px;
         column-gap: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 9.6px;
         column-gap: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 11.4px;
         column-gap: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 16.2px;
         column-gap: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 15.6px;
         column-gap: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 19.8px;
         column-gap: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 19.8px;
         column-gap: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 27px;
         column-gap: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    -moz-column-gap: 37.8px;
         column-gap: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 228.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 253.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 327.015px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 347.295px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 380.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 354.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 430.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 405.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 481.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 507px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 507px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 633.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 684.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 659.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 633.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 836.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 1014px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 836.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 1140.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    max-height: 1597.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imagesselect::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__settings .newphone__settings_imageselector {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 360px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    height: 504px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 0.9px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.29px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.37px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.5px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.4px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.7px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.6px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 1.9px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2.5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2.7px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2.6px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 2.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 3.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 4px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 3.3px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 4.5px solid transparent;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imageselector {
    border: 6.3px solid transparent;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 0.9px solid #2A8CFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1px solid #2A8CFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.29px solid #2A8CFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.37px solid #2A8CFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.5px solid #2A8CFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.4px solid #2A8CFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.7px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.6px solid #2A8CFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 1.9px solid #2A8CFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2.5px solid #2A8CFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2.7px solid #2A8CFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2.6px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 2.5px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 3.3px solid #2A8CFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 4px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 3.3px solid #2A8CFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 4.5px solid #2A8CFF;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_imageselector.active {
    border: 6.3px solid #2A8CFF;
  }
}
#newphone .newphone__settings .phoneicons-asdasd {
  color: #3F8AE0;
}
#newphone .newphone__settings .newphone__settings_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_content {
    padding-top: 47.25px;
  }
}
#newphone .newphone__settings .switch input {
  display: none;
}
#newphone .newphone__settings .switch {
  position: relative;
  display: inline-block;
  background: white;
  border: none;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch {
    border-radius: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch {
    border-radius: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch {
    border-radius: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch {
    border-radius: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch {
    border-radius: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch {
    border-radius: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch {
    border-radius: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch {
    border-radius: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch {
    border-radius: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch {
    border-radius: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch {
    border-radius: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch {
    border-radius: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    border-radius: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    border-radius: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    border-radius: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    border-radius: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch {
    border-radius: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch {
    height: 88.2px;
  }
}
#newphone .newphone__settings .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #b6b6b6;
  background: #d6d6d6;
  transition: 0.4s;
}
#newphone .newphone__settings .switch .slider::before {
  position: absolute;
  content: "";
  top: 50%;
  transition: 0.4s;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch .slider::before {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch .slider::before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch .slider::before {
    left: 53.55px;
  }
}
#newphone .newphone__settings .switch input:checked + .slider:before {
  background: #3F8AE0;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch input:checked + .slider:before {
    left: 107.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .switch .slider.round {
    border-radius: 107.1px;
  }
}
#newphone .newphone__settings .switch .slider.round::before {
  border-radius: 50%;
}
#newphone .newphone__settings .newphone__chevron-back {
  color: rgba(10, 54, 104, 0.2);
}
#newphone .newphone__settings .newphone__settings_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_icon {
    min-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_icon {
    margin-right: 34.65px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_icon {
    height: 94.5px;
  }
}
#newphone .newphone__settings .newphone__settings_icon.wallpaper {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/wallpaper.png);
}
#newphone .newphone__settings .newphone__settings_icon.sound {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/sound.png);
}
#newphone .newphone__settings .newphone__settings_icon.sounds {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/sounds.png);
}
#newphone .newphone__settings .newphone__settings_icon.mute {
  background: #FF9402;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_icon.mute {
    border-radius: 25.2px;
  }
}
#newphone .newphone__settings .newphone__settings_icon.forbes {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/forbes.png);
  border: 1px solid gray;
}
@media (max-width: 799px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings .newphone__settings_icon.forbes {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .phoneicons-Vector-Stroke {
    margin-right: 18.9px;
  }
}
#newphone .newphone__settings_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newphone .newphone__settings_flex {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_flex {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_flex {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_flex {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_flex {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_flex {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_flex {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_flex {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_flex {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_flex {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_flex {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_flex {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_flex {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_flex {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_flex {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_flex {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_flex {
    margin-bottom: 63px;
  }
}
#newphone .newphone__settings_flex .box-flex {
  color: #3F8AE0;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_flex .box-flex {
    width: 189px;
  }
}
#newphone .newphone__settings_flex .box-flex:hover {
  transition: all 0.5s ease;
  color: #3470b4;
}
#newphone .newphone__settings_element {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  color: #000000;
  font-weight: 500;
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element {
    padding-left: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element {
    padding-left: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element {
    padding-left: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element {
    padding-left: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element {
    padding-left: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element {
    padding-left: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element {
    padding-left: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element {
    padding-left: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element {
    padding-left: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element {
    padding-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element {
    padding-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element {
    padding-left: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element {
    padding-left: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element {
    padding-left: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element {
    padding-left: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    padding-left: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    padding-left: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    padding-left: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    padding-left: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element {
    padding-left: 40.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element {
    line-height: 59.85px;
  }
}
#newphone .newphone__settings_element:hover {
  transition: all 0.5s ease;
}
#newphone .newphone__settings_element:hover .newphone__chevron-back {
  transition: all 0.5s ease;
  color: #3F8AE0;
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.bot {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.bot {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.bot {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.bot {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element .box-between {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element .box-between {
    padding-right: 40.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element .box-between {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
#newphone .newphone__settings_element .last-child {
  border: 0px solid transparent !important;
}
#newphone .newphone__settings_element:last-child .box-between {
  border-bottom: none;
}
#newphone .newphone__settings_element.tinderprofile .box-between {
  padding: 0;
}
#newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
  position: relative;
  display: inline-block;
  background: white;
  border: none;
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    border-radius: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch {
    height: 88.2px;
  }
}
#newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #b6b6b6;
  background: #d6d6d6;
  transition: 0.4s;
}
#newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
  position: absolute;
  content: "";
  top: 50%;
  transition: 0.4s;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider::before {
    left: 53.55px;
  }
}
#newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
  background: #F44E73;
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch input:checked + .slider:before {
    left: 107.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round {
    border-radius: 107.1px;
  }
}
#newphone .newphone__settings_element.tinderprofile .box-between .sound__input-block .switch .slider.round::before {
  border-radius: 50%;
}
#newphone .newphone__messages {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__messages {
    padding-top: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages {
    padding-top: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages {
    padding-top: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages {
    padding-top: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages {
    padding-top: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages {
    padding-top: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages {
    padding-top: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages {
    padding-top: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages {
    padding-top: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages {
    padding-top: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages {
    padding-top: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages {
    padding-top: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages {
    padding-top: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages {
    padding-top: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages {
    padding-top: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages {
    padding-top: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages {
    padding-top: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages {
    padding-top: 110.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages {
    border-radius: 119.7px;
  }
}
#newphone .newphone__messages .newphone__messages_list {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 189px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 210px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 270.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 287.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 315px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 294px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 357px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 336px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 399px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 525px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 567px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 546px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 525px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 693px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 840px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 693px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 945px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list {
    max-height: 1323px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_element {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  color: #000000;
  font-weight: 500;
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 162px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_element {
    min-height: 226.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_element {
    padding-left: 40.95px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_element {
    line-height: 59.85px;
  }
}
#newphone .newphone__messages .newphone__messages_element:hover {
  transition: all 0.5s ease;
}
#newphone .newphone__messages .newphone__messages_element .box-between {
  width: 100%;
}
#newphone .newphone__messages .newphone__messages_element .last-child {
  border: 0px solid transparent !important;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_element .box-column {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
#newphone .newphone__messages .newphone__settings_bigicon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  color: rgba(10, 54, 104, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__settings_bigicon {
    margin-right: 25.2px;
  }
}
#newphone .newphone__messages .newphone__settings_bigicon.n-m {
  margin: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 99px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .phoneicons-Button {
    width: 138.6px;
  }
}
#newphone .newphone__messages .text-center {
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .pr-13 {
    width: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .pr-13 {
    width: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .pr-13 {
    width: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .pr-13 {
    width: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .pr-13 {
    width: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .pr-13 {
    width: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .pr-13 {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .pr-13 {
    width: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .pr-13 {
    width: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .pr-13 {
    width: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .pr-13 {
    width: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .pr-13 {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .pr-13 {
    width: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .pr-13 {
    width: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .pr-13 {
    width: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .pr-13 {
    width: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .pr-13 {
    width: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .pr-13 {
    width: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .pr-13 {
    width: 432px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .pr-13 {
    width: 604.8px;
  }
}
#newphone .newphone__messages .gray {
  color: #818C99;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .gray {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .gray {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .gray {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .gray {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .gray {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .gray {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .gray {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .gray {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .gray {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .gray {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .gray {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .gray {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .gray {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .gray {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .gray {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .gray {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .gray {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .gray {
    line-height: 50.4px;
  }
}
#newphone .newphone__messages .newphone__messages_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 207px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_name {
    width: 289.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_name {
    font-size: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_name {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 72.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 81px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 104.49px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 110.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 121.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 113.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 137.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 129.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 153.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 202.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 218.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 210.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 202.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 267.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 324px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 267.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 364.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_name.w-162 {
    width: 510.3px;
  }
}
#newphone .newphone__messages .newphone__messages_message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6D7885;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 432px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_message {
    width: 604.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_message {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_message {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_message {
    margin-bottom: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_time {
  color: #6D7885;
  font-weight: normal;
  width: -moz-max-content;
  width: max-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_time {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_time {
    width: 283.5px;
  }
}
#newphone .newphone__messages .newphone__circle_count {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0779F2;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__circle_count {
    min-width: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__circle_count {
    height: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__circle_count {
    margin-right: 15.75px;
  }
}
#newphone .newphone__messages .newphone__circle_count.isNotVisible {
  opacity: 0;
}
#newphone .newphone__messages .phoneicons-Button {
  color: #3A9FFF;
}
#newphone .newphone__messages .newphone__messages_smallicon {
  transform: rotate(0);
  color: #3A9FFF;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_smallicon {
    font-size: 72.45px;
  }
}
#newphone .newphone__messages .newphone__messages_smallicon:hover {
  transition: all 0.5s ease;
  color: #348de0;
}
#newphone .newphone__messages .newphone__messages_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom {
    margin-bottom: 66.15px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
  position: absolute;
  z-index: 30000;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    bottom: 157.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    right: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 900px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    height: 1260px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.45px solid #d9d9d9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.5px solid #d9d9d9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.645px solid #d9d9d9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.685px solid #d9d9d9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.75px solid #d9d9d9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.7px solid #d9d9d9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.85px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.8px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 0.95px solid #d9d9d9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.35px solid #d9d9d9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.3px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 2px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 2.25px solid #d9d9d9;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles {
    border: 3.15px solid #d9d9d9;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
  font-family: inherit;
  color: #818C99;
  display: flex;
  align-items: center;
  color: #869199;
  background: #F2F3F5;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 607.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    width: 850.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border-radius: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.45px solid #E1E3E6;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.5px solid #E1E3E6;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.645px solid #E1E3E6;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.685px solid #E1E3E6;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.75px solid #E1E3E6;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.7px solid #E1E3E6;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.85px solid #E1E3E6;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.8px solid #E1E3E6;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 0.95px solid #E1E3E6;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.25px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.35px solid #E1E3E6;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.3px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.25px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.65px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 2px solid #E1E3E6;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 1.65px solid #E1E3E6;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 2.25px solid #E1E3E6;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    border: 3.15px solid #E1E3E6;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input {
    margin-top: 31.5px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
  font-family: inherit;
  color: #869199;
  width: 100%;
  height: 100%;
  background: #F2F3F5;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_input .phonesmiles-loop {
    margin-right: 15.75px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.45px solid #d9d9d9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.5px solid #d9d9d9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.645px solid #d9d9d9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.685px solid #d9d9d9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.75px solid #d9d9d9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.7px solid #d9d9d9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.85px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.8px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 0.95px solid #d9d9d9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.35px solid #d9d9d9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.3px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 2px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 2.25px solid #d9d9d9;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    border-bottom: 3.15px solid #d9d9d9;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector {
    padding-bottom: 12.6px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
  color: gray;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 0.9px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.29px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.37px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.5px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.4px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.7px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.6px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 1.9px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2.5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2.7px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2.6px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 2.5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 3.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 4px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 3.3px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 4.5px solid transparent;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select {
    border-bottom: 6.3px solid transparent;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
  color: black;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 0.9px solid #DA0211;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1px solid #DA0211;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.29px solid #DA0211;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.37px solid #DA0211;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.5px solid #DA0211;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.4px solid #DA0211;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.7px solid #DA0211;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.6px solid #DA0211;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 1.9px solid #DA0211;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2px solid #DA0211;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2px solid #DA0211;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2.5px solid #DA0211;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2.7px solid #DA0211;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2.6px solid #DA0211;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 2.5px solid #DA0211;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 3.3px solid #DA0211;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 4px solid #DA0211;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 3.3px solid #DA0211;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 4.5px solid #DA0211;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select.active, #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_selector .newphone__smiles_select:hover {
    border-bottom: 6.3px solid #DA0211;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.45px solid #d9d9d9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.5px solid #d9d9d9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.645px solid #d9d9d9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.685px solid #d9d9d9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.75px solid #d9d9d9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.7px solid #d9d9d9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.85px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.8px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 0.95px solid #d9d9d9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.35px solid #d9d9d9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.3px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 2px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 2.25px solid #d9d9d9;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    border-top: 3.15px solid #d9d9d9;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info {
    height: 166.95px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_info .newphone__smiles_image {
    font-size: 94.5px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
  color: gray;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_subtitle {
    margin-top: 6.3px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 50%;
  transform: translate(0%, 50%);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    padding: 6.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.45px solid #d9d9d9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.5px solid #d9d9d9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.645px solid #d9d9d9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.685px solid #d9d9d9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.75px solid #d9d9d9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.7px solid #d9d9d9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.85px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.8px solid #d9d9d9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 0.95px solid #d9d9d9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.35px solid #d9d9d9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.3px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.25px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 2px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 1.65px solid #d9d9d9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 2.25px solid #d9d9d9;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border: 3.15px solid #d9d9d9;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    border-radius: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins {
    right: 37.8px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.mr-3 {
    margin-right: 9.45px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.yellow {
  background-color: #ffc93a;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.white {
  background-color: #fadcbc;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.medium {
  background-color: #e0bb95;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.zagar {
  background-color: #bf8f68;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.nigger {
  background-color: #9b643d;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.makaka {
  background-color: #594539;
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 100%;
  transition: opacity 0.2s ease-out;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    width: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_skins .newphone__smiles_skin.selected::after {
    height: 12.6px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
  overflow-y: auto;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 607.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    width: 850.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 585px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    max-height: 819px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 585px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    height: 819px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block {
    padding-right: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
  text-align: left;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_categorie {
    margin-top: 25.2px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid {
    gap: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box {
    width: 113.4px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 2;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_img {
    width: 81.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
  position: relative;
  z-index: 2;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box .newphone__smile_text {
    font-size: 81.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f4f4f4;
  border-radius: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_box:hover::after {
    width: 113.4px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile {
    width: 113.4px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
  position: relative;
  z-index: 2;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile .newphone__smile_img {
    width: 81.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f4f4f4;
  border-radius: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid .newphone__smiles_smile:hover::after {
    width: 113.4px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    height: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile .newphone__smile_img {
    width: 252px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f4f4f4;
  border-radius: 100%;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    height: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 202.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block .newphone__smiles_grid.stickers_grid .newphone__smiles_smile:hover::after {
    width: 283.5px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__smiles_block::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_bottom .newphone__messages_smiles .newphone__messages_smile {
  cursor: pointer;
}
#newphone .newphone__messages .newphone__messages_input {
  font-family: inherit;
  color: #818C99;
  width: 100%;
  color: #869199;
  background: #F2F3F5;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 378px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    min-width: 529.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    margin-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    border-radius: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    font-size: 53.55px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.45px solid #E1E3E6;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.5px solid #E1E3E6;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.645px solid #E1E3E6;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.685px solid #E1E3E6;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.75px solid #E1E3E6;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.7px solid #E1E3E6;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.85px solid #E1E3E6;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.8px solid #E1E3E6;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 0.95px solid #E1E3E6;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.25px solid #E1E3E6;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.35px solid #E1E3E6;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.3px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.25px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.65px solid #E1E3E6;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 2px solid #E1E3E6;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 1.65px solid #E1E3E6;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 2.25px solid #E1E3E6;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_input {
    border: 3.15px solid #E1E3E6;
  }
}
#newphone .newphone__messages .newphone__messages_chat {
  width: 100%;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-bottom: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.45px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.645px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.685px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.75px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.7px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.85px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.8px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 0.95px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.35px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.3px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 2px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 1.65px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 2.25px solid rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    border-top: 3.15px solid rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 990px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    max-height: 1386px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 990px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    min-height: 1386px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
  background: #EBEDF0;
  align-self: flex-start;
  color: #000000;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    padding-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 459px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    max-width: 642.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    border-radius: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message {
    margin-bottom: 6.3px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
  color: #000000;
  opacity: 0.4;
  text-align: right;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__time {
    font-size: 34.65px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .getElementData {
  position: absolute;
  width: 100%;
  height: 100%;
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    min-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    max-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms .message__img {
    border-radius: 56.7px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me {
  align-self: flex-end;
  background: #5A5E63;
  color: #FFFFFF;
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
  color: #FFFFFF;
  opacity: 0.6;
  text-align: right;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time {
    font-size: 34.65px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.me .message__time.message__error {
  color: #E86270;
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    min-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    border-radius: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    min-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .newphone__maps_wrapper {
    height: 441px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
  position: absolute;
  opacity: 1;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    bottom: -63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.map .message__time {
    right: 31.5px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
  position: relative;
  padding: 0;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    min-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 315px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    max-height: 441px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image {
    margin-bottom: 63px;
  }
}
#newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
  position: absolute;
  opacity: 1;
  color: #000000;
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -45px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    bottom: -63px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages .newphone__messages_chat .newphone__messages_sms.image .message__time {
    right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newphone .m-top10 {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .m-top10 {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .m-top10 {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .m-top10 {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .m-top10 {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .m-top10 {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .m-top10 {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .m-top10 {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .m-top10 {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .m-top10 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .m-top10 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .m-top10 {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .m-top10 {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .m-top10 {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .m-top10 {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .m-top10 {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .m-top10 {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .m-top10 {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .m-top10 {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .m-top10 {
    margin-top: 31.5px;
  }
}
#newphone .newphone__messages_smallicon {
  transform: rotate(0);
  color: #3A9FFF;
  transition: all 0.5s ease;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newphone .newphone__messages_smallicon {
    font-size: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages_smallicon {
    font-size: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages_smallicon {
    font-size: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages_smallicon {
    font-size: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages_smallicon {
    font-size: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages_smallicon {
    font-size: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages_smallicon {
    font-size: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages_smallicon {
    font-size: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages_smallicon {
    font-size: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages_smallicon {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages_smallicon {
    font-size: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages_smallicon {
    font-size: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages_smallicon {
    font-size: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages_smallicon {
    font-size: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages_smallicon {
    font-size: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon {
    font-size: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon {
    font-size: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon {
    font-size: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon {
    font-size: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages_smallicon {
    font-size: 72.45px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages_smallicon {
    margin-left: 25.2px;
  }
}
#newphone .newphone__messages_smallicon:hover {
  transition: all 0.5s ease;
  color: #348de0;
}
@media (max-width: 799px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__messages_smallicon.small {
    font-size: 56.7px;
  }
}
#newphone .m-0 {
  margin: 0;
}
#newphone .newphone__popup_border {
  height: auto;
  background: white;
}
@media (max-width: 799px) {
  #newphone .newphone__popup_border {
    max-height: 236.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup_border {
    max-height: 263px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup_border {
    max-height: 339.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup_border {
    max-height: 360.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup_border {
    max-height: 394.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup_border {
    max-height: 368.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup_border {
    max-height: 447.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup_border {
    max-height: 420.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup_border {
    max-height: 499.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup_border {
    max-height: 526px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup_border {
    max-height: 526px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup_border {
    max-height: 657.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup_border {
    max-height: 710.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup_border {
    max-height: 683.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup_border {
    max-height: 657.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    max-height: 867.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    max-height: 1052px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    max-height: 867.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    max-height: 1183.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup_border {
    max-height: 1656.9px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup_border {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup_border {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup_border {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup_border {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup_border {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup_border {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup_border {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup_border {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup_border {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup_border {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup_border {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup_border {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup_border {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup_border {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup_border {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup_border {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup_border {
    max-width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup_border {
    max-width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup_border {
    max-width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup_border {
    max-width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup_border {
    max-width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup_border {
    max-width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup_border {
    max-width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup_border {
    max-width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup_border {
    max-width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup_border {
    max-width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup_border {
    max-width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup_border {
    max-width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup_border {
    max-width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup_border {
    max-width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup_border {
    max-width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    max-width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    max-width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border {
    max-width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border {
    max-width: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup_border {
    max-width: 926.1px;
  }
}
#newphone .newphone__popup_border .newphone__gallery_grid {
  height: auto;
}
@media (max-width: 799px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    padding-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 990px;
  }
}
@media (min-width: 6000px) {
  #newphone .newphone__popup_border .newphone__gallery_grid {
    max-height: 1386px;
  }
}
#newphone .b-2 {
  bottom: 2%;
  padding: 0;
}
@media (max-width: 799px) {
  #newphone .b-2 {
    max-height: 286.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .b-2 {
    max-height: 318px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .b-2 {
    max-height: 410.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .b-2 {
    max-height: 435.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .b-2 {
    max-height: 477px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .b-2 {
    max-height: 445.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .b-2 {
    max-height: 540.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .b-2 {
    max-height: 508.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .b-2 {
    max-height: 604.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .b-2 {
    max-height: 636px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .b-2 {
    max-height: 636px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .b-2 {
    max-height: 795px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .b-2 {
    max-height: 858.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .b-2 {
    max-height: 826.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .b-2 {
    max-height: 795px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .b-2 {
    max-height: 1049.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .b-2 {
    max-height: 1272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .b-2 {
    max-height: 1049.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .b-2 {
    max-height: 1431px;
  }
}
@media (min-width: 6000px) {
  #newphone .b-2 {
    max-height: 2003.4px;
  }
}
@media (max-width: 799px) {
  #newphone .pt-20 {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .pt-20 {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .pt-20 {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .pt-20 {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .pt-20 {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .pt-20 {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .pt-20 {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .pt-20 {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .pt-20 {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .pt-20 {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .pt-20 {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .pt-20 {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .pt-20 {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .pt-20 {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .pt-20 {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .pt-20 {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .pt-20 {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .pt-20 {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .pt-20 {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .pt-20 {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #newphone .mb-10 {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mb-10 {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mb-10 {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mb-10 {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mb-10 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mb-10 {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mb-10 {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mb-10 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mb-10 {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mb-10 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mb-10 {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mb-10 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mb-10 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mb-10 {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mb-10 {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mb-10 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mb-10 {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mb-10 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mb-10 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .mb-10 {
    margin-bottom: 31.5px;
  }
}
#newphone .mb-0 {
  margin-bottom: 0;
}
#newphone .w-100 {
  width: 100%;
}
#newphone .mechcolor {
  color: #bcbbbb;
}
@media (max-width: 799px) {
  #newphone .mt-5 {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mt-5 {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mt-5 {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mt-5 {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mt-5 {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mt-5 {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mt-5 {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mt-5 {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mt-5 {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mt-5 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mt-5 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mt-5 {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mt-5 {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mt-5 {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mt-5 {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mt-5 {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mt-5 {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mt-5 {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mt-5 {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newphone .mt-5 {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #newphone .mt-15 {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mt-15 {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mt-15 {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mt-15 {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mt-15 {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mt-15 {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mt-15 {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mt-15 {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mt-15 {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mt-15 {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mt-15 {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mt-15 {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mt-15 {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mt-15 {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mt-15 {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mt-15 {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mt-15 {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mt-15 {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mt-15 {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .mt-15 {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #newphone .fs-18 {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .fs-18 {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .fs-18 {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .fs-18 {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .fs-18 {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .fs-18 {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .fs-18 {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .fs-18 {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .fs-18 {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .fs-18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .fs-18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .fs-18 {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .fs-18 {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .fs-18 {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .fs-18 {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .fs-18 {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .fs-18 {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .fs-18 {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .fs-18 {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .fs-18 {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newphone .mr-6 {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mr-6 {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mr-6 {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mr-6 {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mr-6 {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mr-6 {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mr-6 {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mr-6 {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mr-6 {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mr-6 {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mr-6 {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mr-6 {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mr-6 {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mr-6 {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mr-6 {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mr-6 {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mr-6 {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mr-6 {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mr-6 {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .mr-6 {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .mb-4 {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mb-4 {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mb-4 {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mb-4 {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mb-4 {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mb-4 {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mb-4 {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mb-4 {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mb-4 {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mb-4 {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mb-4 {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mb-4 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mb-4 {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mb-4 {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mb-4 {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mb-4 {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mb-4 {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mb-4 {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mb-4 {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .mb-4 {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .mb-6 {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .mb-6 {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .mb-6 {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .mb-6 {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .mb-6 {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .mb-6 {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .mb-6 {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .mb-6 {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .mb-6 {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .mb-6 {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .mb-6 {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .mb-6 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .mb-6 {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .mb-6 {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .mb-6 {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .mb-6 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .mb-6 {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .mb-6 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .mb-6 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .mb-6 {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .width-12 {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .width-12 {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .width-12 {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .width-12 {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .width-12 {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .width-12 {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .width-12 {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .width-12 {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .width-12 {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .width-12 {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .width-12 {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .width-12 {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .width-12 {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .width-12 {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .width-12 {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .width-12 {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .width-12 {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .width-12 {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .width-12 {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .width-12 {
    width: 37.8px;
  }
}
#newphone .box-100 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#newphone .box-100.over {
  overflow-x: auto;
}
@media (max-width: 799px) {
  #newphone .box-100.over {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .box-100.over {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .box-100.over {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .box-100.over {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .box-100.over {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .box-100.over {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .box-100.over {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .box-100.over {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .box-100.over {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .box-100.over {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .box-100.over {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .box-100.over {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .box-100.over {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .box-100.over {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .box-100.over {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .box-100.over {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .box-100.over {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .box-100.over {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .box-100.over {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #newphone .box-100.over {
    height: 1512px;
  }
}
@media (max-width: 799px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #newphone .box-100.over::-webkit-scrollbar {
    width: 9.45px;
  }
}
#newphone .box-100.over::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .box-100.over::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#newphone .box-100.over::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .box-100.over::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newphone .mt-0 {
  margin-top: 0;
}
#newphone .newphone__charts {
  height: -moz-max-content !important;
  height: max-content !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
  width: 100%;
}
#newphone .newphone__charts .chart-container {
  height: -moz-max-content !important;
  height: max-content !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
  width: 100%;
}
#newphone .newphone__charts .chart-container .frappe-chart {
  width: 100%;
}
#newphone .chart-legend {
  height: -moz-max-content !important;
  height: max-content !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
  width: 100%;
}
#newphone .truckercolor {
  color: #FAD2D7;
}
@media (max-width: 799px) {
  #newphone .w-262 {
    width: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .w-262 {
    width: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .w-262 {
    width: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .w-262 {
    width: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .w-262 {
    width: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .w-262 {
    width: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .w-262 {
    width: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .w-262 {
    width: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .w-262 {
    width: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .w-262 {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .w-262 {
    width: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .w-262 {
    width: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .w-262 {
    width: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .w-262 {
    width: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .w-262 {
    width: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .w-262 {
    width: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .w-262 {
    width: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .w-262 {
    width: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .w-262 {
    width: 589.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .w-262 {
    width: 825.3px;
  }
}
#newphone .colorwhite {
  color: white;
}
#newphone .greenid {
  font-weight: 500;
  color: #259A70;
}
@media (max-width: 799px) {
  #newphone .greenid {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .greenid {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .greenid {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .greenid {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .greenid {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .greenid {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .greenid {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .greenid {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .greenid {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .greenid {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .greenid {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .greenid {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .greenid {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .greenid {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .greenid {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .greenid {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .greenid {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .greenid {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .greenid {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #newphone .greenid {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #newphone .greenid {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .greenid {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .greenid {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .greenid {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .greenid {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .greenid {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .greenid {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .greenid {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .greenid {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .greenid {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .greenid {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .greenid {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .greenid {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .greenid {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .greenid {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .greenid {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .greenid {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .greenid {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .greenid {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .greenid {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .greenid {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .greenid {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .greenid {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .greenid {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .greenid {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .greenid {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .greenid {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .greenid {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .greenid {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .greenid {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .greenid {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .greenid {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .greenid {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .greenid {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .greenid {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .greenid {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .greenid {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .greenid {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .greenid {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .greenid {
    margin-bottom: 6.3px;
  }
}
#newphone .greenid.auc {
  width: 100%;
}
@media (max-width: 799px) {
  #newphone .greenid.auc {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .greenid.auc {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .greenid.auc {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .greenid.auc {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .greenid.auc {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .greenid.auc {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .greenid.auc {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .greenid.auc {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .greenid.auc {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .greenid.auc {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .greenid.auc {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .greenid.auc {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .greenid.auc {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .greenid.auc {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .greenid.auc {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .greenid.auc {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .greenid.auc {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .greenid.auc {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .greenid.auc {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .greenid.auc {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #newphone .greenid.auc {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .greenid.auc {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .greenid.auc {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .greenid.auc {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .greenid.auc {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .greenid.auc {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .greenid.auc {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .greenid.auc {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .greenid.auc {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .greenid.auc {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .greenid.auc {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .greenid.auc {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .greenid.auc {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .greenid.auc {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .greenid.auc {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .greenid.auc {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .greenid.auc {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .greenid.auc {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .greenid.auc {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #newphone .greenid.auc {
    padding-right: 50.4px;
  }
}
#newphone .tinder {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}
#newphone .tinder .loaded.tinder {
  opacity: 1;
}
#newphone .tinder .tinder--status {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 1000;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
#newphone .tinder .tinder--status i {
  font-size: 100px;
  opacity: 0;
  transform: scale(0.3);
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 100px;
  margin-left: -50px;
}
#newphone .tinder.tinder_love .tindericons-heart {
  opacity: 0.7;
  transform: scale(1);
}
#newphone .tinder.tinder_nope .tindericons-mark {
  opacity: 0.7;
  transform: scale(1);
}
#newphone .tinder .tinder--cards {
  flex-grow: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--cards {
    max-height: 169.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--cards {
    max-height: 188px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--cards {
    max-height: 242.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--cards {
    max-height: 257.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--cards {
    max-height: 282px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--cards {
    max-height: 263.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--cards {
    max-height: 319.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--cards {
    max-height: 300.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--cards {
    max-height: 357.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--cards {
    max-height: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--cards {
    max-height: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--cards {
    max-height: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--cards {
    max-height: 507.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--cards {
    max-height: 488.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--cards {
    max-height: 470px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--cards {
    max-height: 620.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--cards {
    max-height: 752px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--cards {
    max-height: 620.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--cards {
    max-height: 846px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--cards {
    max-height: 1184.4px;
  }
}
#newphone .tinder .tinder--card {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  overflow: hidden;
  position: absolute;
  will-change: transform;
  transition: all 0.3s ease-in-out;
  cursor: grab;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card {
    min-height: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card {
    min-height: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card {
    min-height: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card {
    min-height: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card {
    min-height: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card {
    min-height: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card {
    min-height: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card {
    min-height: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card {
    min-height: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card {
    min-height: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card {
    min-height: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card {
    min-height: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card {
    min-height: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card {
    min-height: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card {
    min-height: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card {
    min-height: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card {
    min-height: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card {
    min-height: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card {
    min-height: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card {
    min-height: 926.1px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card {
    padding-bottom: 126px;
  }
}
#newphone .tinder .tinder--card h3 {
  padding: 0 16px;
  pointer-events: none;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card h3 {
    margin-top: 100.8px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card h3 {
    font-size: 100.8px;
  }
}
#newphone .tinder .tinder--card p {
  padding: 0 16px;
  pointer-events: none;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card p {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card p {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card p {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card p {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card p {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card p {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card p {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card p {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card p {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card p {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card p {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card p {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card p {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card p {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card p {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card p {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card p {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card p {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card p {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card p {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--card p {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--card p {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--card p {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--card p {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--card p {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--card p {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--card p {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--card p {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--card p {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--card p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--card p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--card p {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--card p {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--card p {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--card p {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card p {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card p {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--card p {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--card p {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--card p {
    font-size: 63px;
  }
}
#newphone .tinder .moving.tinder--card {
  transition: none;
  cursor: grabbing;
}
#newphone .tinder .tinder--buttons {
  flex: 0 0 100px;
  text-align: center;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--buttons {
    padding-top: 63px;
  }
}
#newphone .tinder .tinder--buttons button {
  border-radius: 50%;
  border: 0;
  background: #FFFFFF;
  display: inline-block;
  margin: 0 8px;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--buttons button {
    line-height: 189px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--buttons button {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--buttons button {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--buttons button {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--buttons button {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--buttons button {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--buttons button {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--buttons button {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--buttons button {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--buttons button {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--buttons button {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--buttons button {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--buttons button {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--buttons button {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--buttons button {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--buttons button {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons button {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons button {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons button {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons button {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--buttons button {
    width: 189px;
  }
}
#newphone .tinder .tinder--buttons button:focus {
  outline: 0;
}
#newphone .tinder .tinder--buttons i {
  vertical-align: middle;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder--buttons i {
    font-size: 100.8px;
  }
}
#newphone .tinder .tindericons-heart {
  color: #FFACE4;
}
#newphone .tinder .tindericons-mark {
  color: #CDD6DD;
}
#newphone .tinder .tinder__name {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  text-align: left;
}
@media (max-width: 799px) {
  #newphone .tinder .tinder__name {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder__name {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder__name {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder__name {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder__name {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder__name {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder__name {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder__name {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder__name {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder__name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder__name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder__name {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder__name {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder__name {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder__name {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder__name {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder__name {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder__name {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder__name {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder__name {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder__name {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder__name {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder__name {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder__name {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder__name {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder__name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder__name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder__name {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder__name {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder__name {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder__name {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder__name {
    font-size: 56.7px;
  }
}
#newphone .tinder .tinder__name.gray {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 799px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder__name.gray {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder .tinder__name.gray {
    font-size: 44.1px;
  }
}
#newphone .tinder__button:hover {
  opacity: 0.7;
}
#newphone .tinder__line {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 1px;
  background: gray;
}
@media (max-width: 799px) {
  #newphone .tinder__line {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder__line {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder__line {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder__line {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder__line {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder__line {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder__line {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder__line {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder__line {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder__line {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder__line {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder__line {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder__line {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder__line {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder__line {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder__line {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder__line {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder__line {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder__line {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder__line {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder__line {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder__line {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder__line {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder__line {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder__line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder__line {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder__line {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder__line {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder__line {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder__line {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder__line {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder__line {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder__line {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder__line {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder__line {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder__line {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder__line {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder__line {
    margin-bottom: 25.2px;
  }
}
#newphone .tinder__descr {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  color: grey;
  text-align: left;
}
@media (max-width: 799px) {
  #newphone .tinder__descr {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder__descr {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder__descr {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder__descr {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder__descr {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder__descr {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder__descr {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder__descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder__descr {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder__descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder__descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder__descr {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder__descr {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder__descr {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder__descr {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder__descr {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder__descr {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder__descr {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder__descr {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder__descr {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newphone .tinder__descr {
    max-height: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tinder__descr {
    max-height: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tinder__descr {
    max-height: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tinder__descr {
    max-height: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tinder__descr {
    max-height: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tinder__descr {
    max-height: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tinder__descr {
    max-height: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tinder__descr {
    max-height: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tinder__descr {
    max-height: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tinder__descr {
    max-height: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tinder__descr {
    max-height: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tinder__descr {
    max-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tinder__descr {
    max-height: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tinder__descr {
    max-height: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tinder__descr {
    max-height: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tinder__descr {
    max-height: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tinder__descr {
    max-height: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tinder__descr {
    max-height: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tinder__descr {
    max-height: 324px;
  }
}
@media (min-width: 6000px) {
  #newphone .tinder__descr {
    max-height: 453.6px;
  }
}
#newphone .tindimage {
  background-image: url(/src/views/player/hudevo/phonenew/assets/images/cameraphoto.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 799px) {
  #newphone .tindimage {
    width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tindimage {
    width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tindimage {
    width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tindimage {
    width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tindimage {
    width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tindimage {
    width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tindimage {
    width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tindimage {
    width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tindimage {
    width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tindimage {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tindimage {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tindimage {
    width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tindimage {
    width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tindimage {
    width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tindimage {
    width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tindimage {
    width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tindimage {
    width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tindimage {
    width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tindimage {
    width: 661.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tindimage {
    width: 926.1px;
  }
}
@media (max-width: 799px) {
  #newphone .tindimage {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tindimage {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tindimage {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tindimage {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tindimage {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tindimage {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tindimage {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tindimage {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tindimage {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tindimage {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tindimage {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tindimage {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tindimage {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tindimage {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tindimage {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tindimage {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tindimage {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tindimage {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tindimage {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tindimage {
    height: 472.5px;
  }
}
#newphone .tindimage .tindimage__photo_selectors {
  display: flex;
  align-items: center;
  justify-content: center;
}
#newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
  border-radius: 50%;
  background: white;
}
@media (max-width: 799px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    width: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector {
    margin-right: 12.6px;
  }
}
#newphone .tindimage .tindimage__photo_selectors .tindimage__photo_selector.active {
  background: #FE4F68;
}

@media (min-width: 1023px) {
  .newphone__charts .frappe-chart {
    height: 700px;
    width: 100%;
    color: red;
  }
}
@media (min-width: 1919px) {
  .newphone__charts .frappe-chart {
    height: 700px;
  }
}
@media (min-width: 2560px) {
  .newphone__charts .frappe-chart {
    width: 100%;
    color: yellow;
  }
}
@media (min-width: 2560px) and (max-width: 799px) {
  .newphone__charts .frappe-chart {
    height: 202.5px;
  }
}
@media (min-width: 2560px) and (min-width: 800px) and (max-width: 999px) {
  .newphone__charts .frappe-chart {
    height: 225px;
  }
}
@media (min-width: 2560px) and (min-width: 1000px) and (max-width: 1151px) {
  .newphone__charts .frappe-chart {
    height: 290.25px;
  }
}
@media (min-width: 2560px) and (min-width: 1152px) and (max-width: 1259px) {
  .newphone__charts .frappe-chart {
    height: 308.25px;
  }
}
@media (min-width: 2560px) and (min-width: 1260px) and (max-width: 1349px) {
  .newphone__charts .frappe-chart {
    height: 337.5px;
  }
}
@media (min-width: 2560px) and (min-width: 1350px) and (max-width: 1429px) {
  .newphone__charts .frappe-chart {
    height: 315px;
  }
}
@media (min-width: 2560px) and (min-width: 1430px) and (max-width: 1589px) {
  .newphone__charts .frappe-chart {
    height: 382.5px;
  }
}
@media (min-width: 2560px) and (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .newphone__charts .frappe-chart {
    height: 360px;
  }
}
@media (min-width: 2560px) and (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .newphone__charts .frappe-chart {
    height: 427.5px;
  }
}
@media (min-width: 2560px) and (min-width: 1900px) and (max-width: 2199px) {
  .newphone__charts .frappe-chart {
    height: 450px;
  }
}
@media (min-width: 2560px) and (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .newphone__charts .frappe-chart {
    height: 450px;
  }
}
@media (min-width: 2560px) and (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .newphone__charts .frappe-chart {
    height: 562.5px;
  }
}
@media (min-width: 2560px) and (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .newphone__charts .frappe-chart {
    height: 607.5px;
  }
}
@media (min-width: 2560px) and (min-width: 2600px) and (max-width: 3499px) {
  .newphone__charts .frappe-chart {
    height: 585px;
  }
}
@media (min-width: 2560px) and (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .newphone__charts .frappe-chart {
    height: 562.5px;
  }
}
@media (min-width: 2560px) and (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .newphone__charts .frappe-chart {
    height: 742.5px;
  }
}
@media (min-width: 2560px) and (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .newphone__charts .frappe-chart {
    height: 900px;
  }
}
@media (min-width: 2560px) and (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .newphone__charts .frappe-chart {
    height: 742.5px;
  }
}
@media (min-width: 2560px) and (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .newphone__charts .frappe-chart {
    height: 1012.5px;
  }
}
@media (min-width: 2560px) and (min-width: 6000px) {
  .newphone__charts .frappe-chart {
    height: 1417.5px;
  }
}
@font-face {
  font-family: "tindericons";
  src: url(../src/views/player/hudevo/phonenew/components/tinder/fonts//tindericons.eot);
  src: url(../src/views/player/hudevo/phonenew/components/tinder/fonts//tindericons.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/phonenew/components/tinder/fonts//tindericons.ttf) format("truetype"), url(../src/views/player/hudevo/phonenew/components/tinder/fonts//tindericons.woff) format("woff"), url(/src/views/player/hudevo/phonenew/components/tinder/fonts/tindericons.svg#tindericons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=tindericons-], [class*=" tindericons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tindericons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tindericons-mark:before {
  content: "\e900";
}

.tindericons-heart:before {
  content: "\e901";
}

.tindericons-edit:before {
  content: "\e902";
}

.tindericons-users:before {
  content: "\e903";
}

.tindericons-location:before {
  content: "\e904";
}

.tindericons-person:before {
  content: "\e90e";
}

.tindericons-smiles:before {
  content: "\e910";
}

.tindericons-clock:before {
  content: "\e934";
}

.tindericons-home:before {
  content: "\e952";
}

.tindericons-jobs:before {
  content: "\e953";
}

.tindericons-bands:before {
  content: "\e955";
}

.tindericons-loop:before {
  content: "\e90d";
}
.phone_crew {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30000;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 799px) {
  .phone_crew {
    width: 132.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    width: 147px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    width: 189.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    width: 201.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    width: 220.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    width: 205.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    width: 249.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    width: 235.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    width: 279.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    width: 294px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    width: 367.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    width: 396.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    width: 382.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    width: 367.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    width: 485.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    width: 588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    width: 485.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    width: 661.5px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    width: 926.1px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    height: 285.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    height: 317px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    height: 408.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    height: 434.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    height: 475.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    height: 443.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    height: 538.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    height: 507.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    height: 602.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    height: 634px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    height: 792.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    height: 855.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    height: 824.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    height: 792.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    height: 1046.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    height: 1268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    height: 1046.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    height: 1426.5px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    height: 1997.1px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    border-radius: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    border-radius: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    border-radius: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    border-radius: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    border-radius: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    border-radius: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    border-radius: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    border-radius: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    border-radius: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    border-radius: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    border-radius: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    border-radius: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    border-radius: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    border-radius: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    border-radius: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    border-radius: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    border-radius: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    border-radius: 85.5px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    border-radius: 119.7px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    margin-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    margin-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    margin-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    margin-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    margin-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    margin-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    margin-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    margin-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    margin-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    margin-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    margin-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    margin-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    margin-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    margin-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    margin-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    margin-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    margin-right: 53.55px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    margin-left: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    margin-left: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    margin-left: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    margin-left: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    margin-left: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    margin-left: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    margin-left: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    margin-left: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    margin-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    margin-left: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    margin-left: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    margin-left: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    margin-left: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    margin-left: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    margin-left: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    margin-left: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    margin-left: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    margin-left: 38.25px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    margin-left: 53.55px;
  }
}
@media (max-width: 799px) {
  .phone_crew {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .phone_crew {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .phone_crew {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .phone_crew {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .phone_crew {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .phone_crew {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .phone_crew {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .phone_crew {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .phone_crew {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .phone_crew {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .phone_crew {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .phone_crew {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .phone_crew {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .phone_crew {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .phone_crew {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .phone_crew {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .phone_crew {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .phone_crew {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .phone_crew {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  .phone_crew {
    margin-top: 44.1px;
  }
}
.phone_crew * {
  font-family: "ProximaNova", sans-serif;
}
.phone_crew-content {
  position: absolute;
  height: auto;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.phone_crew .crew__header {
  background-color: #fbfbfb;
  padding: 3rem 0.9375rem 0 1.25rem;
  display: flex;
  flex-direction: column;
}
.phone_crew .crew__header .player-data {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.phone_crew .crew__header .player-data__picture {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
}
.phone_crew .crew__header .player-data .user-login {
  display: flex;
  flex-direction: column;
  margin-left: 0.5625rem;
}
.phone_crew .crew__header .player-data .user-login .name {
  display: flex;
  flex-direction: row;
}
.phone_crew .crew__header .player-data .user-login .name__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: #27292e;
  line-height: 1rem;
}
.phone_crew .crew__header .player-data .user-login .name__picture {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.375rem;
}
.phone_crew .crew__header .player-data .user-login__text-surname {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(39, 41, 46, 0.5);
  line-height: 1rem;
}
.phone_crew .crew__header .search-bar {
  margin-top: 0.8125rem;
  height: 2.0625rem;
  margin-bottom: 0.625rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.phone_crew .crew__header .search-bar .members {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.phone_crew .crew__header .search-bar .members__picture {
  width: 1.125rem;
  height: 1.125rem;
}
.phone_crew .crew__header .search-bar .members__text {
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #27292e;
  margin-left: 0.375rem;
}
.phone_crew .crew__header .search-bar .search-block {
  width: 10.875rem;
  padding: 0.5rem 0.625rem;
  background-color: rgba(39, 41, 46, 0.05);
  border-radius: 0.375rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
}
.phone_crew .crew__header .search-bar .search-block__input {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  border: none;
  background-color: transparent;
  width: 8.4375rem;
  color: #27292e;
}
.phone_crew .crew__header .search-bar .search-block__input:focus + .search-block__picture {
  fill: #27292e;
}
.phone_crew .crew__header .search-bar .search-block__picture {
  width: 0.8125rem;
  height: 0.8125rem;
  position: absolute;
  right: 0.625rem;
  fill: rgba(39, 41, 46, 0.5);
}
.phone_crew .crew__header .group-management {
  margin-top: 1rem;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding-right: 0.3125rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.phone_crew .crew__header .group-management__button {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  height: 2.8125rem;
  border-radius: 0.5rem;
  background-color: rgba(39, 41, 46, 0.1);
  cursor: pointer;
  color: rgba(39, 41, 46, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease;
  transition-property: background, color;
}
.phone_crew .crew__header .group-management__button:hover {
  background-color: #2787f5;
  color: #fbfbfb;
}
.phone_crew .crew__main {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.phone_crew .crew__main::-webkit-scrollbar {
  width: 0.1875rem;
  background-color: rgba(0, 0, 0, 0.2);
}
.phone_crew .crew__main::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
.phone_crew .crew__main .players-list {
  width: 100%;
  height: 100%;
  max-height: 21.8125rem;
  padding: 0.625rem;
  gap: 0.3125rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.phone_crew .crew__main .players-list .player-container {
  width: 100%;
  min-height: 3.5rem;
  background-color: #fbfbfb;
  border-radius: 0.375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.phone_crew .crew__main .players-list .player-container .is-active {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  background-color: rgba(39, 41, 46, 0.25);
}
.phone_crew .crew__main .players-list .player-container .is-active.active {
  background-color: #8bdc9b;
}
.phone_crew .crew__main .players-list .player-container.leader-hover:hover .control-buttons {
  pointer-events: all;
}
.phone_crew .crew__main .players-list .player-container.leader-hover:hover .control-buttons,
.phone_crew .crew__main .players-list .player-container.leader-hover:hover .gradient {
  opacity: 1 !important;
}
.phone_crew .crew__main .players-list .player-container .row-block {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.phone_crew .crew__main .players-list .player-container__picture {
  position: relative;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  overflow: hidden;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.phone_crew .crew__main .players-list .player-container__picture img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.phone_crew .crew__main .players-list .player-container__picture-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(39, 135, 245, 0.75);
}
.phone_crew .crew__main .players-list .player-container__picture-leader {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.phone_crew .crew__main .players-list .player-container .player-login {
  margin-left: 0.5625rem;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.phone_crew .crew__main .players-list .player-container .player-login__text-name {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #27292e;
}
.phone_crew .crew__main .players-list .player-container .player-login__text-surname {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(39, 41, 46, 0.5);
  margin-top: 0.125rem;
}
.phone_crew .crew__main .players-list .player-container .player-login .gradient {
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(90deg, transparent, #fbfbfb);
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
}
.phone_crew .crew__main .players-list .player-container .control-buttons {
  opacity: 0;
  gap: 0.1875rem;
  width: 8.375rem;
  display: flex;
  justify-content: center;
  flex-direction: row;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.1875rem;
  background-color: rgba(39, 41, 46, 0.03);
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button.is-promoted {
  background-color: #4ac27e;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button.is-promoted svg {
  fill: #fbfbfb;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button svg {
  fill: rgba(39, 41, 46, 0.25);
  width: 1rem;
  transition: fill 0.2s ease;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button:hover {
  background-color: #4ac27e;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button:hover svg {
  fill: #fbfbfb;
}
.phone_crew .crew__main .players-list .player-container .control-buttons .control-button.delete:hover {
  background-color: #d74d4d;
}
.phone_crew .crew__main .default-page {
  padding: 0 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.phone_crew .crew__main .default-page__picture {
  width: 5.625rem;
  height: 5.625rem;
  margin-bottom: 1.25rem;
}
.phone_crew .crew__main .default-page__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  color: #27292e;
  margin-bottom: 1rem;
}
.phone_crew .crew__main .default-page__text-1 {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  text-align: center;
  color: rgba(39, 41, 46, 0.5);
  margin-bottom: 0.875rem;
  line-height: 1rem;
}
.phone_crew .crew__main .default-page__text-2 {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  text-align: center;
  color: rgba(39, 41, 46, 0.4);
  line-height: 1rem;
}
.phone_crew .crew__footer {
  background-color: #fbfbfb;
  box-shadow: 0 -0.1875rem 0.375rem rgba(0, 0, 0, 0.02);
  z-index: 2;
  padding: 0.875rem 1.25rem 2.25rem 1.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_crew .crew__footer .footer-action {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  background-color: rgba(39, 41, 46, 0.1);
  color: rgba(39, 41, 46, 0.75);
  cursor: pointer;
  transition: 0.2s ease;
  transition-property: color background-color;
  border-radius: 0.5rem;
  min-height: 2.8125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.phone_crew .crew__footer .footer-action:hover {
  background-color: #2787f5;
  color: #fbfbfb;
}
.phone_crew .newphone__homebutton {
  position: absolute;
  bottom: 0;
}
.phone_crew .add-player {
  width: 1.875rem;
  height: 1.875rem;
  background-color: rgba(39, 41, 46, 0.05);
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 2.9375rem;
  right: 0.9375rem;
  z-index: 6;
  transition: 0.2s ease;
  transition-property: transform, background-color;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_crew .add-player.active {
  transform: rotate(45deg);
  background-color: #2787f5;
}
.phone_crew .add-player.active svg path {
  stroke: #fff;
}
.phone_crew .add-player:hover {
  background-color: #2787f5;
}
.phone_crew .add-player:hover svg path {
  stroke: #fff;
}
.phone_crew .add-player svg {
  width: 0.625rem;
  height: 0.625rem;
}
.phone_crew .add-player svg path {
  stroke: rgba(39, 41, 46, 0.75);
  stroke-width: 0.125rem;
  transition: stroke 0.2s ease;
}
.phone_crew .modal-content {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  z-index: 5;
}
.phone_crew .modal-content.not-invitation {
  z-index: 7;
}
.phone_crew .modal-content .enter-code {
  background-color: #fff;
  position: relative;
  border-radius: 0.5rem;
  margin: 6.25rem 0.625rem 0 0.625rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.phone_crew .modal-content .enter-code__title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #27292e;
  line-height: 1rem;
}
.phone_crew .modal-content .enter-code__input {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #27292e;
  height: 2.5625rem;
  text-align: center;
  background-color: #fbfbfb;
  border-radius: 0.375rem;
  border: 1px solid #e9e9e9;
  margin-top: 0.9375rem;
  width: 100%;
}
.phone_crew .modal-content .enter-code .control-button {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  height: 2.5625rem;
  color: rgba(39, 41, 46, 0.75);
  background-color: rgba(39, 41, 46, 0.1);
  margin-top: 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  transition-property: background, color;
}
.phone_crew .modal-content .enter-code .control-button:hover {
  background-color: #2787f5;
  color: #fbfbfb;
}
.phone_crew .modal-content .invitation-wrapper {
  height: 11.0625rem;
  margin: 3.875rem 0.9375rem 0 0.9375rem;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.phone_crew .modal-content .invitation-wrapper .texture {
  width: 0.9375rem;
  min-height: 0.9375rem;
  background-color: #fff;
}
.phone_crew .modal-content .invitation-wrapper .invitation {
  height: 10.25rem;
  background-color: #fff;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  padding: 1.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.phone_crew .modal-content .invitation-wrapper .invitation__title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #27292e;
}
.phone_crew .modal-content .invitation-wrapper .invitation__input {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  height: 2.5625rem;
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  color: #27292e;
  text-align: center;
  border-radius: 0.375rem;
  margin-top: 0.9375rem;
  width: 100%;
}
.phone_crew .modal-content .invitation-wrapper .invitation .send-invitation {
  width: 100%;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  height: 2.5625rem;
  background-color: rgba(39, 41, 46, 0.1);
  color: rgba(39, 41, 46, 0.75);
  margin-top: 0.5rem;
  cursor: pointer;
  border-radius: 0.375rem;
  transition-property: background-color, color;
  transition: 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_crew .modal-content .invitation-wrapper .invitation .send-invitation:hover {
  background-color: #2787f5;
  color: #fff;
}
.phone_crew .modal-content .invitation-wrapper .massive-invitation {
  background-color: #fff;
  border-radius: 0.5rem;
  margin-top: 0.375rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.phone_crew .modal-content .invitation-wrapper .massive-invitation__title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #27292e;
  line-height: 1rem;
}
.phone_crew .modal-content .invitation-wrapper .massive-invitation__text {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: rgba(39, 41, 46, 0.5);
  text-align: center;
  margin-top: 0.9375rem;
}
.phone_crew .modal-content .invitation-wrapper .massive-invitation__text-code {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #27292e;
  margin-top: 1.25rem;
  line-height: 1rem;
}
.phone_crew .modal-content .question-window {
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0.375rem;
  margin: 6.25rem 0.625rem 0 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.phone_crew .modal-content .question-window__title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #27292e;
}
.phone_crew .modal-content .question-window__text {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  color: rgba(39, 41, 46, 0.5);
  text-align: center;
  margin-top: 0.9375rem;
}
.phone_crew .modal-content .question-window__text span {
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  list-style: 0.8125rem;
  color: #27292e;
}
.phone_crew .modal-content .question-window .accept-actions {
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  margin-top: 0.875rem;
  line-height: 0.875rem;
  color: rgba(39, 41, 46, 0.75);
}
.phone_crew .modal-content .control-buttons {
  margin-top: 1.25rem;
  gap: 0.3125rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.phone_crew .modal-content .control-buttons .control-button {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  min-height: 2.5625rem;
  border-radius: 0.375rem;
  background-color: rgba(39, 41, 46, 0.1);
  cursor: pointer;
  color: rgba(39, 41, 46, 0.75);
  transition: 0.2s ease;
  transition-property: background-color, color;
  display: flex;
  justify-content: center;
  align-items: center;
}
.phone_crew .modal-content .control-buttons .control-button:hover {
  background-color: #2787f5;
  color: #fff;
}
@font-face {
  font-family: "phoneicons";
  src: url(../src/views/player/hudevo/phonenew/assets/fonts/fonts//phoneicons.eot);
  src: url(../src/views/player/hudevo/phonenew/assets/fonts/fonts//phoneicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/phonenew/assets/fonts/fonts//phoneicons.ttf) format("truetype"), url(../src/views/player/hudevo/phonenew/assets/fonts/fonts//phoneicons.woff) format("woff"), url(/src/views/player/hudevo/phonenew/assets/fonts/fonts/phoneicons.svg#phoneicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=phoneicons-], [class*=" phoneicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "phoneicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoneicons-smile:before {
  content: "\e97a";
}

.phoneicons-mic-off1:before {
  content: "\e96d";
}

.phoneicons-decline:before {
  content: "\e96e";
}

.phoneicons-reload:before {
  content: "\e94d";
}

.phoneicons-check:before {
  content: "\e954";
}

.phoneicons-filter:before {
  content: "\e95e";
}

.phoneicons-hidden:before {
  content: "\e963";
}

.phoneicons-upload:before {
  content: "\e95f";
}

.phoneicons-trash:before {
  content: "\e960";
}

.phoneicons-icons8-upload-50-1:before {
  content: "\e961";
}

.phoneicons-asdasd:before {
  content: "\e913";
}

.phoneicons-volume-medium:before {
  content: "\e94a";
}

.phoneicons-Vector-Stroke:before {
  content: "\e94b";
}

.phoneicons-Vector:before {
  content: "\e94c";
}

.phoneicons-padlock-1-1:before {
  content: "\e94e";
}

.phoneicons-add1:before {
  content: "\e965";
}

.phoneicons-battery:before {
  content: "\e950";
}

.phoneicons-black-plane:before {
  content: "\e951";
}

.phoneicons-home:before {
  content: "\e952";
}

.phoneicons-jobs:before {
  content: "\e953";
}

.phoneicons-licenses:before {
  content: "\e903";
}

.phoneicons-location:before {
  content: "\e904";
}

.phoneicons-locator:before {
  content: "\e905";
}

.phoneicons-lsc:before {
  content: "\e906";
}

.phoneicons-mafia:before {
  content: "\e907";
}

.phoneicons-npc:before {
  content: "\e908";
}

.phoneicons-orga:before {
  content: "\e909";
}

.phoneicons-parks:before {
  content: "\e90a";
}

.phoneicons-recent:before {
  content: "\e90c";
}

.phoneicons-rent:before {
  content: "\e90e";
}

.phoneicons-search:before {
  content: "\e90f";
}

.phoneicons-smiles:before {
  content: "\e910";
}

.phoneicons-weapons:before {
  content: "\e911";
}

.phoneicons-247:before {
  content: "\e912";
}

.phoneicons-bands:before {
  content: "\e955";
}

.phoneicons-bank:before {
  content: "\e956";
}

.phoneicons-burgers:before {
  content: "\e957";
}

.phoneicons-Button:before {
  content: "\e958";
}

.phoneicons-buttons:before {
  content: "\e959";
}

.phoneicons-call:before {
  content: "\e966";
}

.phoneicons-cars:before {
  content: "\e95b";
}

.phoneicons-carwash:before {
  content: "\e95c";
}

.phoneicons-chat:before {
  content: "\e95d";
}

.phoneicons-clothes:before {
  content: "\e921";
}

.phoneicons-clubs:before {
  content: "\e922";
}

.phoneicons-contacts:before {
  content: "\e923";
}

.phoneicons-drugs:before {
  content: "\e924";
}

.phoneicons-fraction:before {
  content: "\e925";
}

.phoneicons-fuelstation:before {
  content: "\e926";
}

.phoneicons-gos:before {
  content: "\e927";
}

.phoneicons-giftbox:before {
  content: "\e900";
}

.phoneicons-youtube:before {
  content: "\e902";
}

.phoneicons-back:before {
  content: "\e914";
}

.phoneicons-close:before {
  content: "\e915";
}

.phoneicons-discord:before {
  content: "\e916";
}

.phoneicons-forum:before {
  content: "\e917";
}

.phoneicons-line:before {
  content: "\e918";
}

.phoneicons-news:before {
  content: "\e919";
}

.phoneicons-online:before {
  content: "\e91a";
}

.phoneicons-settings:before {
  content: "\e91b";
}

.phoneicons-vk:before {
  content: "\e91c";
}

.phoneicons-vk1:before {
  content: "\e969";
}

.phoneicons-discord1:before {
  content: "\e968";
}

.phoneicons-youtube1:before {
  content: "\e967";
}

.phoneicons-arrow1:before {
  content: "\e964";
}

.phoneicons-twitch:before {
  content: "\e95a";
}

.phoneicons-eye1:before {
  content: "\e94f";
}

.phoneicons-car-top:before {
  content: "\e96f";
}

.phoneicons-ban:before {
  content: "\e970";
}

.phoneicons-time:before {
  content: "\e971";
}

.phoneicons-garage:before {
  content: "\e972";
}

.phoneicons-bike-top:before {
  content: "\e973";
}

.phoneicons-safe:before {
  content: "\e974";
}

.phoneicons-medkit:before {
  content: "\e975";
}

.phoneicons-bike:before {
  content: "\e976";
}

.phoneicons-car:before {
  content: "\e977";
}

.phoneicons-house:before {
  content: "\e978";
}

.phoneicons-check1:before {
  content: "\e979";
}

.phoneicons-hanger:before {
  content: "\e91d";
}

.phoneicons-clothes1:before {
  content: "\e91e";
}

.phoneicons-line1:before {
  content: "\e91f";
}

.phoneicons-eye:before {
  content: "\e920";
}

.phoneicons-phone:before {
  content: "\e928";
}

.phoneicons-rupor:before {
  content: "\e929";
}

.phoneicons-shop:before {
  content: "\e92a";
}

.phoneicons-gps:before {
  content: "\e92b";
}

.phoneicons-loop:before {
  content: "\e92c";
}

.phoneicons-personal:before {
  content: "\e92d";
}

.phoneicons-park:before {
  content: "\e92e";
}

.phoneicons-tasks:before {
  content: "\e92f";
}

.phoneicons-achivments:before {
  content: "\e930";
}

.phoneicons-settings1:before {
  content: "\e931";
}

.phoneicons-up:before {
  content: "\e932";
}

.phoneicons-down:before {
  content: "\e933";
}

.phoneicons-clock:before {
  content: "\e934";
}

.phoneicons-edit:before {
  content: "\e935";
}

.phoneicons-send:before {
  content: "\e937";
}

.phoneicons-info:before {
  content: "\e938";
}

.phoneicons-icon:before {
  content: "\e939";
}

.phoneicons-add:before {
  content: "\e93a";
}

.phoneicons-dell:before {
  content: "\e93b";
}

.phoneicons-plus:before {
  content: "\e93c";
}

.phoneicons-minus:before {
  content: "\e93d";
}

.phoneicons-sellcar:before {
  content: "\e949";
}

.phoneicons-tuning:before {
  content: "\e948";
}

.phoneicons-edit1:before {
  content: "\e947";
}

.phoneicons-save:before {
  content: "\e946";
}

.phoneicons-crime:before {
  content: "\e945";
}

.phoneicons-customs:before {
  content: "\e944";
}

.phoneicons-office:before {
  content: "\e943";
}

.phoneicons-gps2:before {
  content: "\e942";
}

.phoneicons-alarm:before {
  content: "\e941";
}

.phoneicons-light:before {
  content: "\e940";
}

.phoneicons-sherif:before {
  content: "\e93f";
}

.phoneicons-dron:before {
  content: "\e93e";
}

.phoneicons-p-radio:before {
  content: "\e412";
}

.phoneicons-door:before {
  content: "\e433";
}

.phoneicons-bullets:before {
  content: "\e434";
}

.phoneicons-microphone:before {
  content: "\e435";
}

.phoneicons-bank1:before {
  content: "\e436";
}

.phoneicons-money:before {
  content: "\e437";
}

.phoneicons-engine:before {
  content: "\e438";
}

.phoneicons-gas:before {
  content: "\e439";
}

.phoneicons-close1:before {
  content: "\e43a";
}

.phoneicons-arrow:before {
  content: "\e43b";
}

.phoneicons-send1:before {
  content: "\e43c";
}

.phoneicons-flatarrow:before {
  content: "\e43d";
}

.phoneicons-twoarrow:before {
  content: "\e43e";
}

.phoneicons-connect-good:before {
  content: "\e43f";
}

.phoneicons-connect-medium:before {
  content: "\e440";
}

.phoneicons-power-null:before {
  content: "\e441";
}

.phoneicons-power-full:before {
  content: "\e442";
}

.phoneicons-power-medium:before {
  content: "\e443";
}

.phoneicons-phone-home:before {
  content: "\e444";
}

.phoneicons-exit:before {
  content: "\e445";
}

.phoneicons-dollar:before {
  content: "\e446";
}

.phoneicons-star:before {
  content: "\e447";
}

.phoneicons-helmet:before {
  content: "\e448";
}

.phoneicons-helmet-table:before {
  content: "\e449";
}

.phoneicons-success:before {
  content: "\e44a";
}

.phoneicons-questions:before {
  content: "\e44b";
}

.phoneicons-information:before {
  content: "\e44c";
}

.phoneicons-error:before {
  content: "\e44d";
}

.phoneicons-alert:before {
  content: "\e44e";
}

.phoneicons-update:before {
  content: "\e44f";
}

.phoneicons-ar-refresh:before {
  content: "\e450";
}

.phoneicons-ar-close:before {
  content: "\e451";
}

.phoneicons-p-bonus:before {
  content: "\e452";
}

.phoneicons-p-rent:before {
  content: "\e453";
}

.phoneicons-p-car:before {
  content: "\e454";
}

.phoneicons-p-fraction:before {
  content: "\e455";
}

.phoneicons-p-biz:before {
  content: "\e456";
}

.phoneicons-p-add:before {
  content: "\e457";
}

.phoneicons-p-sim:before {
  content: "\e458";
}

.phoneicons-p-call-accept:before {
  content: "\e459";
}

.phoneicons-p-call-cancel:before {
  content: "\e45a";
}

.phoneicons-p-gps:before {
  content: "\e45b";
}

.phoneicons-p-contacts:before {
  content: "\e45c";
}

.phoneicons-p-gift:before {
  content: "\e45d";
}

.phoneicons-p-lock:before {
  content: "\e45e";
}

.phoneicons-p-bank:before {
  content: "\e45f";
}

.phoneicons-p-hotel:before {
  content: "\e460";
}

.phoneicons-bullet-2:before {
  content: "\e461";
}

.phoneicons-tent:before {
  content: "\e962";
}

.phoneicons-p-house:before {
  content: "\edf2";
}

.phoneicons-backpack:before {
  content: "\e90b";
}

.phoneicons-withdrow:before {
  content: "\e901";
}

.phoneicons-person:before {
  content: "\e90d";
}

.phoneicons-price-tags:before {
  content: "\e936";
}
@font-face {
  font-family: "phonesmiles";
  src: url(../src/views/player/hudevo/phonenew/assets/fonts/smiles/fonts//phonesmiles.eot);
  src: url(../src/views/player/hudevo/phonenew/assets/fonts/smiles/fonts//phonesmiles.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/phonenew/assets/fonts/smiles/fonts//phonesmiles.ttf) format("truetype"), url(../src/views/player/hudevo/phonenew/assets/fonts/smiles/fonts//phonesmiles.woff) format("woff"), url(/src/views/player/hudevo/phonenew/assets/fonts/smiles/fonts/phonesmiles.svg#phonesmiles) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=phonesmiles-], [class*=" phonesmiles-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "phonesmiles" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phonesmiles-premium-badge-svgrepo-com:before {
  content: "\e900";
}

.phonesmiles-flag-svgrepo-com:before {
  content: "\e901";
}

.phonesmiles-mathematical-symbols-svgrepo-com:before {
  content: "\e902";
}

.phonesmiles-select-object-svgrepo-com:before {
  content: "\e903";
}

.phonesmiles-car-svgrepo-com:before {
  content: "\e904";
}

.phonesmiles-soccer-svgrepo-com:before {
  content: "\e905";
}

.phonesmiles-apple-svgrepo-com:before {
  content: "\e906";
}

.phonesmiles-dog-svgrepo-com:before {
  content: "\e907";
}

.phonesmiles-smile-svgrepo-com:before {
  content: "\e908";
}

.phonesmiles-recent-svgrepo-com:before {
  content: "\e909";
}

.phonesmiles-loop:before {
  content: "\e90d";
}
@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBold.eot);
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBold.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Heavy.eot);
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Heavy.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-LightItalic.eot);
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-LightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ThinItalic.eot);
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ThinItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BlackItalic.eot);
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BlackItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BoldItalic.eot);
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBold.eot);
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBold.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.eot);
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Light.eot);
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Light.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Light.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-MediumItalic.eot);
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-MediumItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot);
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Regular.eot);
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Regular.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-HeavyItalic.eot);
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-HeavyItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Medium.eot);
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Medium.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-RegularItalic.eot);
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-RegularItalic.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLight.eot);
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLight.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-UltraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Bold.eot);
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Bold.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Thin.eot);
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Thin.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Black.eot);
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Black.eot?#iefix) format('embedded-opentype'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Black.woff) format('woff'),
        url(../src/views/player/hudevo/ipad/assets/fonts/Gilroy//Gilroy-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}



@charset "UTF-8";
.gta5devpad {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0vh;
  top: 0vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  align-content: center;
  flex-direction: column;
}

.gta5devpad .menupad {
  width: 112.963vh;
  height: 79.6296vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: url(https://cdn.just-rp.online/u90228c5.beget.tech/heone1/ipad/bg.png);
  background-size: cover;
  border-radius: 1.8519vh;
}

.gta5devpad .menupad .headbar {
  width: 110.5556vh;
  height: 2.2222vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devpad .menupad .applist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 90.8546vh;
  margin-top: 5.1852vh;
}

.gta5devpad .menupad .dock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 8.7037vh;
  margin-bottom: 1.1111vh;
  margin-top: auto;
  padding: 0vh 2.4074vh;
  border-radius: 2.8704vh;
  -webkit-backdrop-filter: blur(4.6296vh);
          backdrop-filter: blur(4.6296vh);
  background: rgba(191, 191, 191, 0.44);
}

.gta5devpad .menupad .headbar .leftbar {
  margin-left: 1.2407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5devpad .menupad .headbar .rightbar {
  margin-right: 1.2407vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5devpad .menupad .headbar .leftbar p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .headbar .rightbar svg {
  margin-left: 0.3704vh;
  height: 0.9259vh;
}

.gta5devpad .menupad .headbar .rightbar p {
  margin-left: 0.3704vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devpad .menupad .applist .blockapp {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  width: 14.0741vh;
  height: 14.0741vh;
  margin: 0vh 0.5343vh;
}

.gta5devpad .menupad .applist .blockapp img {
  width: 5.5556vh;
  height: 5.5556vh;
}

.gta5devpad .menupad .applist .blockapp p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 400;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 0.463vh;
}

.gta5devpad .menupad .dock .blockapp {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5devpad .menupad .dock .blockapp img {
  width: 5.5556vh;
  height: 5.5556vh;
  margin: 0 0.787vh;
}

.gta5devpad p, h1 {
  margin: 0;
}

.gta5devpad .menupad .btnback {
  position: absolute;
  margin-right: 117vh;
  margin-top: 9.2vh;
  width: 0.5556vh;
  height: 5.5556vh;
  z-index: 1;
}

.gta5devpad .menupad::after {
  content: "";
  background: url(https://cdn.just-rp.online/u90228c5.beget.tech/heone1/ipad/bg1.png);
  background-size: cover;
  width: 117.037vh;
  height: 83.7037vh;
  position: absolute;
  z-index: -1;
  margin-top: -2.0159vh;
  margin-left: -0.433vh;
}

.menupad .bgapp1 .menunav {
  width: 102.25vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 3.8889vh;
}

.menupad .bgapp1 {
  width: 100%;
  height: 79.6296vh;
  background: rgb(6, 6, 6);
  border-radius: 1.8519vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.menupad .bgapp1 .apphead {
  width: 110.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.menupad .bgapp1 .apphead .left {
  margin-left: 2.4074vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .apphead .right {
  margin-right: 2.4074vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.menupad .bgapp1 .apphead .left p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.7778vh;
  font-weight: 600;
  line-height: 3.3333vh;
  letter-spacing: 0.0278vh;
  text-align: left;
  margin-right: 4.2593vh;
}

.menupad .bgapp1 .apphead .right p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0.0463vh;
  text-align: right;
  margin-right: 2.6852vh;
}

.menupad .bgapp1 .apphead .right img {
  width: 3.3333vh;
  height: 3.3333vh;
  margin-right: 2.6852vh;
}

.menupad .bgapp1 .apphead .right span {
  width: 2.2222vh;
  height: 2.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3704vh;
  color: rgba(255, 255, 255, 0.2);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .menunav .nav {
  width: 25.5556vh;
  height: 22.3148vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.menupad .bgapp1 .menunav .nav svg {
  width: 6.4815vh;
  height: 6.4815vh;
}

.menupad .bgapp1 .menunav .nav p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 2.963vh;
}

.menupad .bgapp1 .menunav .nav svg {
  fill: white;
}

.menupad .bgapp1 .menunav .nav:hover {
  background: #fff;
  border-radius: 0.5vh;
}

.menupad .bgapp1 .menunav .nav:hover p {
  color: #060606;
}

.menupad .bgapp1 .menunav .nav:hover svg {
  fill: #060606;
}

.gta5devpad .menupad .onlineapp {
  margin-top: auto;
  margin-left: auto;
  margin-right: 3vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1vh;
}

.gta5devpad .menupad .onlineapp p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .onlineapp p b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac {
  width: 109vh;
  height: 67vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 3.8889vh;
}

.menupad .bgapp1 .appmenufrac .left {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  border-right: solid 0.1vh rgba(255, 255, 255, 0.4392156863);
  padding-right: 2vh;
  height: 100%;
}

.menupad .bgapp1 .appmenufrac .left img {
  width: 8.3333vh;
  height: 8.3333vh;
}

.menupad .bgapp1 .appmenufrac .left h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.7778vh;
  font-weight: 600;
  line-height: 3.3333vh;
  letter-spacing: 0.0278vh;
  text-align: center;
  margin-top: 1.2037vh;
  margin-bottom: 1.2037vh;
}

.menupad .bgapp1 .appmenufrac .left p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}

.menupad .bgapp1 .appmenufrac .left p b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .left .btnappf {
  width: 32.2222vh;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.6481vh;
}

.menupad .bgapp1 .appmenufrac .left .btnappf p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .left .info {
  width: 32.2222vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .left .info .dop {
  width: 32.2222vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4407vh;
}

.menupad .bgapp1 .appmenufrac .left .info .dop span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.menupad .bgapp1 .appmenufrac .right {
  margin-right: 2vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.menupad .bgapp1 .appmenufrac .left .btnappf:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .left .btnappf:hover p {
  color: #1A1A1A;
}

.menupad .bgapp1 .appmenufrac .left .info h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin: 0.7407vh 0vh;
}

.menupad .bgapp1 .appmenufrac .left .info .dop p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac .right .news {
  width: 68.562vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .right .logs {
  width: 68.562vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .right .news h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.2222vh;
  font-weight: 600;
  line-height: 2.6852vh;
  letter-spacing: 0.0278vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews {
  width: 68.562vh;
  height: 17.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.7407vh;
  background: rgb(16, 16, 16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.8333vh;
  width: 68.562vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews .headnews {
  width: 68.562vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews span {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0.0278vh;
  text-align: left;
  margin-top: 1.0185vh;
  width: 65vh;
  margin-left: 1.6667vh;
  margin-right: 1.6667vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  color: rgba(255, 255, 255, 0.5);
  margin-top: auto;
  margin-left: 1.6667vh;
  margin-bottom: 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  flex-direction: row;
  color: rgb(255, 255, 255);
  margin-left: 0.2778vh;
  margin-right: 0.2778vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews .headnews p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0.0278vh;
  text-align: left;
  margin-left: 1.6667vh;
  margin-bottom: 0vh;
}

.menupad .bgapp1 .appmenufrac .right .news .blocknews .headnews span {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.2963vh;
  letter-spacing: 0.0278vh;
  text-align: right;
  margin-right: 1.6667vh;
  margin-top: 0vh;
  width: auto;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .leftn {
  border-radius: 0.3704vh 0vh 0vh 0.3704vh;
  background: rgb(26, 26, 26);
  width: 4.0463vh;
  height: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5833vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .numbernw {
  width: 4.0463vh;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5833vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .right {
  width: 4.0463vh;
  height: 3.7037vh;
  border-radius: 0vh 0.3704vh 0.3704vh 0vh;
  background: rgb(26, 26, 26);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0vh;
  margin-right: 0.5833vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .btnbro {
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  height: 3.7037vh;
  padding: 0vh 2.037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5833vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .leftn svg {
  width: 0.7407vh;
  height: 1.2037vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .right svg {
  width: 0.6481vh;
  height: 1.2037vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .btnbro p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .right .logs h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.2222vh;
  font-weight: 600;
  line-height: 2.6852vh;
  letter-spacing: 0.0278vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac .right .logs .btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.7407vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss {
  width: 68.562vh;
  height: 30.5vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.7407vh;
  overflow: auto;
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro {
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  height: 3.7037vh;
  padding: 0vh 2.037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5833vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 1.5741vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl {
  width: 68.562vh;
  height: 4.2593vh;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 0.1852vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .left {
  width: 22.854vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: none;
  padding: 0vh;
  margin: 0vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .center {
  width: 22.854vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .right {
  width: 22.854vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .left p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh;
  color: rgb(255, 255, 255);
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .left p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh;
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .right p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh;
  color: rgb(255, 255, 255);
}

.menupad .bgapp1 .appmenufrac .right .logs .logss .blockl .right p b {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh;
  color: rgba(255, 255, 255, 0.5);
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .btnbro:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .btnbro:hover p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .numbernw:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro:hover p {
  color: rgb(26, 26, 26);
}

.logss::-webkit-scrollbar {
  width: 0vh; /* ширина scrollbar */
}

.menupad .bgapp1 .appmenufrac .left .btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 0.6481vh;
}

.menupad .bgapp1 .appmenufrac .left .btns .btnappf {
  width: 15.2222vh;
  margin: 0vh 1vh;
}

.menupad .bgapp1 .appmenufrac .right .news .btnnews .numbernw.active {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro.active p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .right .logs .btns .btnbro.active {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .statuser {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .onliuser {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1.7593vh;
}

.menupad .bgapp1 .appmenufrac .nametable {
  display: flex;
  margin-top: 1.7593vh;
  width: 100%;
  height: 4.2593vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.menupad .bgapp1 .appmenufrac .tablelist {
  width: 100%;
  height: 50.7593vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 0.8333vh;
  overflow: auto;
}

.menupad .bgapp1 .appmenufrac .tablelist .tableuser {
  display: flex;
  margin-bottom: 0.3704vh;
  width: 100%;
  height: 4.2593vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.menupad .bgapp1 .appmenufrac .tablelist .tableuser p {
  width: 20.4444vh;
  height: 4.2593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .tablelist .tableuser p svg {
  width: 1.7593vh;
  height: 1.7593vh;
  display: none;
}

.menupad .bgapp1 .appmenufrac .tablelist .tableuser p svg.online {
  display: block;
}

.menupad .bgapp1 .appmenufrac .statuser .statileft {
  width: 11.2963vh;
  height: 3.7037vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: auto;
}

.menupad .bgapp1 .appmenufrac .statuser .stati {
  width: 11.2963vh;
  height: 3.7037vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .statuser .statiright {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-left: auto;
  height: 3.7037vh;
}

.menupad .bgapp1 .appmenufrac .statuser .statiright p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: #fff;
}

.menupad .bgapp1 .appmenufrac .statuser .statiright span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.menupad .bgapp1 .appmenufrac .statuser .stati p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: #fff;
}

.menupad .bgapp1 .appmenufrac .statuser .stati span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.menupad .bgapp1 .appmenufrac .statuser .statileft p {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: #fff;
}

.menupad .bgapp1 .appmenufrac .statuser .statileft span {
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}

.menupad .bgapp1 .appmenufrac .onliuser p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  margin-right: 0.463vh;
}

.menupad .bgapp1 .appmenufrac .onliuser p svg {
  width: 1.7593vh;
  height: 1.7593vh;
}

.menupad .bgapp1 .appmenufrac .nametable p {
  width: 20.4444vh;
  height: 4.2593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac.table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .tablelist .tableuser b {
  color: rgba(255, 255, 255, 0.5);
  width: 20.4444vh;
  height: 4.2593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.tablelist::-webkit-scrollbar {
  width: 0vh;
}

.menupad .bgapp1 .appmenufrac .squadnav {
  width: 109vh;
  height: 5.5556vh;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .squadlist {
  width: 109vh;
  height: 58.6vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 1.1111vh;
  overflow: auto;
  justify-content: flex-start;
  align-items: flex-start;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad {
  width: 100%;
  height: 5.5556vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
  margin-bottom: 0.5556vh;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad p {
  width: 20.4444vh;
  height: 5.5556vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad b {
  width: 20.4444vh;
  height: 5.5556vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad .btns {
  width: 20.4444vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad .btns .btn {
  width: 12.037vh;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadnav p {
  width: 20.4444vh;
  height: 5.5556vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadnav .btns {
  width: 20.4444vh;
  height: 5.5556vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadnav .btns .btn {
  width: 12.037vh;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .squadlist .squad:hover {
  background: rgb(33, 33, 33);
}

.menupad .bgapp1 .appmenufrac .squadlist .squad .btns .btn:hover {
  color: rgb(26, 26, 26);
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .squadnav .btns .btn:hover {
  color: rgb(26, 26, 26);
  background: #fff;
}

.squadlist::-webkit-scrollbar {
  width: 0vh;
}

.appmenufrac.task {
  width: 109vh;
  height: 67vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 3.8889vh;
}

.menupad .bgapp1 .appmenufrac .lefttask {
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-right: 0.1vh solid rgba(255, 255, 255, 0.25);
}

.menupad .bgapp1 .appmenufrac .righttask {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 2vh;
}

.menupad .bgapp1 .appmenufrac .lefttask h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.7778vh;
  font-weight: 600;
  line-height: 3.3333vh;
  letter-spacing: 0.0278vh;
  text-align: center;
  margin-top: 1.8519vh;
}

.menupad .bgapp1 .appmenufrac .lefttask img {
  width: 32.4074vh;
  height: 18.2296vh;
  border-radius: 0.7407vh;
  background-size: cover;
  margin-top: 1.2963vh;
}

.menupad .bgapp1 .appmenufrac .lefttask .info {
  width: 32.4074vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .lefttask .btnappf {
  width: 32.4074vh;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .lefttask .btnappf p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .lefttask .info h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0vh;
  text-align: left;
  margin: 0;
}

.menupad .bgapp1 .appmenufrac .lefttask .info .dop1 {
  width: 32.4074vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.menupad .bgapp1 .appmenufrac .lefttask .info .dop1 p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-top: 0.7407vh;
}

.menupad .bgapp1 .appmenufrac .lefttask .info .dop {
  width: 32.4074vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.menupad .bgapp1 .appmenufrac .lefttask .info .dop p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-top: 0.7407vh;
}

.menupad .bgapp1 .appmenufrac .lefttask .info .dop span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: right;
}

.menupad .bgapp1 .appmenufrac .lefttask .btnappf:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .lefttask .btnappf:hover p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .righttask h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 2.2222vh;
  font-weight: 600;
  line-height: 2.6852vh;
  letter-spacing: 0.0278vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac .righttask .listtask {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: auto;
  justify-content: flex-start;
  margin-top: 0.9259vh;
  height: 53.5vh;
}

.menupad .bgapp1 .appmenufrac .righttask .listtask::-webkit-scrollbar {
  width: 0vh;
}

.menupad .bgapp1 .appmenufrac .righttask .listtask .blocktask {
  width: 57.2222vh;
  height: 17.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.7407vh;
  background: rgb(16, 16, 16);
  margin-bottom: 0.9259vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .righttask .listtask .blocktask p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0.0278vh;
  text-align: left;
  margin-left: 1.6667vh;
  margin-top: 1.0185vh;
}

.menupad .bgapp1 .apphead .left .btnappfр {
  display: flex;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  align-items: center;
  justify-content: center;
  margin-right: 0.7407vh;
}

.menupad .bgapp1 .apphead .left .btnappfр p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh 1.9444vh;
  margin-right: 0vh;
}

.menupad .bgapp1 .apphead .left .btnappfр:hover {
  background: #fff;
}

.menupad .bgapp1 .apphead .left .btnappfр:hover p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .apphead .left .btnappfр.active {
  background: #fff;
}

.menupad .bgapp1 .apphead .left .btnappfр.active p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .apphead .left span {
  width: 2.2222vh;
  height: 2.2222vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.2);
  border-radius: 0.3704vh;
  color: rgba(255, 255, 255, 0.2);
  font-family: SF Pro Display;
  font-size: 1.3889vh;
  font-weight: 400;
  line-height: 1.6667vh;
  letter-spacing: 0.0463vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5556vh;
}

.menupad .bgapp1 .appmenufrac.task1 {
  width: 109vh;
  height: 67vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 3.8889vh;
}

.menupad .bgapp1 .appmenufrac.task1 .tasknav {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
}

.menupad .bgapp1 .appmenufrac.task1 .tasklist {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac.task1 .tasknav p {
  width: 25.5556vh;
  height: 4.2593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac.task1 .tasklist .taskblock {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
  margin-top: 1.1111vh;
}

.menupad .bgapp1 .appmenufrac.task1 .tasklist .taskblock p {
  width: 25.5556vh;
  height: 5.5556vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac.task1 .tasklist .taskblock img {
  width: 4.6296vh;
  height: 4.6296vh;
  margin-left: 10.463vh;
  margin-right: 10.463vh;
}

.menupad .bgapp1 .appmenufrac.task1 .tasklist .taskblock b {
  width: 25.5556vh;
  height: 5.5556vh;
  color: rgb(170, 236, 42);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .carslist {
  width: 100%;
  overflow: overlay;
  height: 62.4vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock {
  width: 54.2vh;
  height: 31.0185vh;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.9444vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: 1.9444vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar .leftcar {
  width: 17.4074vh;
  height: 2.7778vh;
  background: #181818;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 1.9444vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar .rightcar {
  margin-left: auto;
  margin-right: 1.9444vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar .rightcar .namecar {
  background: #181818;
  height: 2.7778vh;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar .rightcar .numbercar {
  height: 2.7778vh;
  background: #181818;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-top: 0.463vh;
  padding: 0vh 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .leftcar {
  padding: 0vh 1.0185vh;
  height: 2.7778vh;
  background: #181818;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 1.9444vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .rightcar {
  margin-left: auto;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .rightcar .tran {
  padding: 0vh 1.0185vh;
  height: 2.7778vh;
  background: #181818;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-right: 1.9444vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .rightcar .gps {
  padding: 0vh 1.0185vh;
  height: 2.7778vh;
  background: #181818;
  border: 0.0926vh solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-right: 1.9444vh;
  margin-top: 0.463vh;
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .rightcar .tran:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .bottomcar .rightcar .gps:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .carslist .carsblock .topcar .leftcar:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .carslist::-webkit-scrollbar {
  width: 0vh;
}

.menupad .bgapp1 .appmenufrac .righttask .listtask .blocktask img {
  width: 53.8889vh;
  height: 13.0074vh;
  border-radius: 0.7407vh;
  background-size: cover;
  margin-left: 1.6667vh;
  margin-top: auto;
  margin-bottom: 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .clotheslist {
  overflow: auto;
  width: 109vh;
  height: 58.4vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo {
  background: #141414;
  width: 26.2037vh;
  height: 8.7037vh;
  border-radius: 0.5556vh;
  display: flex;
  margin-left: 0.5vh;
  margin-right: 0.5vh;
  flex-direction: row;
  margin-bottom: 1vh;
  align-items: flex-start;
  justify-content: space-between;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .rightclo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.1296vh;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo .name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 1.0185vh;
  margin-top: 1.0185vh;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo .setting {
  width: 11.6046vh;
  margin-left: 1.0185vh;
  margin-bottom: 1.0185vh;
  background: #181818;
  border: 0.0463vh solid #1E1E1E;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 500;
  line-height: 1.0185vh;
  letter-spacing: 0vh;
  text-align: center;
  height: 1.8519vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo .name p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo .name span {
  color: rgb(26, 26, 26);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 0.463vh;
  background: #fff;
  border-radius: 0.463vh;
  padding: 0vh 0.463vh;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .rightclo img {
  width: 6vh;
  height: 6vh;
}

.menupad .bgapp1 .appmenufrac .clotheslist .blockclo .leftclo .setting:hover {
  color: rgb(26, 26, 26);
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .clotheslist::-webkit-scrollbar {
  width: 0vh;
}

.menupad .bgapp1 .appmenufrac .leftacce {
  width: 35.2778vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.03) 100%);
  border-right: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
}

.menupad .bgapp1 .appmenufrac .centeracce {
  width: 35.2778vh;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.03) 100%);
  border-right: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
}

.menupad .bgapp1 .appmenufrac .rightacce {
  height: 100%;
}

.menupad .bgapp1 .appmenufrac .leftacce h1 {
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce {
  overflow: auto;
  width: 100%;
  height: 100%;
  border-top: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce {
  width: 100%;
  height: 4.2593vh;
  border-bottom: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 1.3889vh;
  margin-right: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce span {
  display: none;
}

.menupad .bgapp1 .appmenufrac .centeracce h1 {
  height: 4.2593vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0vh;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce {
  overflow: auto;
  width: 100%;
  height: 100%;
  border-top: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce {
  width: 100%;
  height: 4.2593vh;
  border-bottom: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: 1.3889vh;
  margin-right: 1.3889vh;
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce b {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac.access {
  border: solid 0.0926vh rgba(255, 255, 255, 0.0588235294);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce span {
  display: none;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce {
  height: 63.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  margin-left: 3vh;
  margin-top: 2vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce .btnseting {
  width: 6vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce p {
  color: rgba(255, 255, 255, 0.6);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce .btnseting svg.on {
  display: none;
  width: 5.2778vh;
  height: 3.9815vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce .btnseting svg.off {
  display: block;
  width: 5.2778vh;
  height: 3.9815vh;
}

.menupad .bgapp1 .appmenufrac .listacce::-webkit-scrollbar {
  width: 0vh;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce:hover p {
  color: rgba(26, 26, 26, 0.5);
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce:hover b {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce.active {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce.active p {
  color: rgba(26, 26, 26, 0.5);
}

.menupad .bgapp1 .appmenufrac .leftacce .listacce .blockacce.active b {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce:hover p {
  color: rgba(26, 26, 26, 0.5);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce:hover b {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce.active {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce.active p {
  color: rgba(26, 26, 26, 0.5);
}

.menupad .bgapp1 .appmenufrac .centeracce .listacce .blockacce.active b {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce .btnseting.active svg.on {
  display: block;
}

.menupad .bgapp1 .appmenufrac .rightacce .listacce .blockacce .btnseting.active svg.off {
  display: none;
}

.menupad .bgapp1 .appmenufrac .leftacce input {
  width: 33vh;
  background: rgba(255, 255, 255, 0.0392156863);
  margin-left: 1.3889vh;
  outline: none !important;
  height: 4vh;
  border-radius: 0.5vh;
  border: none;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.5741vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: center;
}

.menupad .bgapp1 .appmenufrac .leftacce .btnrank {
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  width: 33vh;
  height: 4vh;
  margin-top: 1vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  margin-left: 1.3889vh;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac .leftacce .btnrank:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 2vh;
  margin-top: 2vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр {
  display: flex;
  height: 3.7037vh;
  border-radius: 0.3704vh;
  background: rgb(26, 26, 26);
  align-items: center;
  justify-content: center;
  margin-right: 0.7407vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр p {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  padding: 0vh 1.9444vh;
  margin-right: 0vh;
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр:hover {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр:hover p {
  color: rgb(26, 26, 26);
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр.active {
  background: #fff;
}

.menupad .bgapp1 .appmenufrac .rightacce .btnsranks .btnappfр.active p {
  color: rgb(26, 26, 26);
}

.gta5devpad .menupad div#fractionscreate {
  position: relative;
  border-radius: 1.8519vh;
}

.menupad .bgapp1 .appmenufrac.squad {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.menupad .bgapp1 .appmenufrac.squad .squadnav p {
  width: 25.5556vh;
}

.menupad .bgapp1 .appmenufrac.squad .squadnav {
  margin-top: 0.7593vh;
}

.menupad .bgapp1 .appmenufrac.squad .squadlist .squaduser {
  width: 109vh;
  height: 5.5556vh;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  border: 0.0926vh solid rgb(37, 37, 37);
  border-radius: 0.3704vh;
  background: rgb(16, 16, 16);
  margin-bottom: 0.25vh;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac.squad .squadlist .squaduser p {
  width: 25.5556vh;
  height: 5.5556vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac.squad .squadlist .squaduser b {
  width: 25.5556vh;
  height: 5.5556vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo {
  width: 109vh;
  height: 5.5556vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo .leftinfo {
  width: 12.037vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo .blinfo {
  width: 12.037vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo .rightinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  margin-left: auto;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac.squad .squadinfo span {
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.8519vh;
  letter-spacing: 0vh;
  text-align: left;
}

.menupad .bgapp1 .appmenufrac.squad .onliuser {
  margin-top: 0.7vh;
}

.menupad .bgapp1 .appmenufrac.squad .squadlist .squaduser .btninfo {
  background: #1A1A1A;
  border-radius: 0.3704vh;
  width: 12.037vh;
  height: 3.7037vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.2963vh;
  font-weight: 500;
  line-height: 1.5741vh;
  letter-spacing: 0vh;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.menupad .bgapp1 .appmenufrac.squad .squadlist .squaduser .btninfo:hover {
  background: #fff;
  color: rgb(26, 26, 26);
}

.gta5devpad .menupad .myhomeapp {
  background: rgb(243, 243, 243);
  width: 100%;
  height: 100%;
  border-radius: 2.2vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 2.037vh 2.593vh;
  margin-bottom: 2.778vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0vh 2.593vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header svg {
  width: 2.037vh;
  height: 2.037vh;
  margin-right: 1.574vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header h1 {
  color: #292929;
  font-family: Proxima Nova;
  font-size: 2.315vh;
  font-weight: 700;
  line-height: 2.778vh;
  letter-spacing: 0%;
  text-align: left;
  margin-right: 2.315vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 4.074vh;
  border-radius: 0.556vh;
  padding: 0vh 1.944vh;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
  margin-right: 0.926vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .myhomeinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .appiconhead {
  margin: 0vh 1.204vh;
  width: 5.556vh;
  height: 5.556vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed {
  width: 2.222vh;
  height: 2.222vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 0.093vh solid rgba(41, 41, 41, 0.1);
  border-radius: 0.37vh;
  background: rgb(251, 251, 251);
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome svg {
  fill: #292929;
  fill-opacity: 0.4;
  width: 1.296vh;
  height: 1.296vh;
  margin-right: 0.833vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .myhomeinfo p {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 700;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .myhomeinfo span {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.296vh;
  font-weight: 600;
  line-height: 1.574vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .appiconhead img {
  width: 5.556vh;
  height: 5.556vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.389vh;
  font-weight: 400;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu {
  width: 68.981vh;
  height: 65vh;
  border-radius: 0.741vh;
  background: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu {
  width: 37.981vh;
  height: 65vh;
  border-radius: 0.741vh;
  background: rgb(255, 255, 255);
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu .headmenu {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1vh 1.8vh;
  border-bottom: 0.09vh solid rgba(41, 41, 41, 0.1);
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu .blockjitel {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1vh 1.8vh;
  border-bottom: 0.09vh solid rgba(41, 41, 41, 0.1);
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu .blockjitel p {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.552vh;
  font-weight: 600;
  line-height: 1.552vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 50%;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu .headmenu h1 {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome:hover {
  box-shadow: 0vh 0vh 0.648vh 0vh rgba(252, 192, 66, 0.25);
  background: rgb(252, 192, 66);
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome:hover svg {
  fill-opacity: 1;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .btnmyhome:hover p {
  color: #292929;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .menuheader {
  width: 100%;
  height: 26.019vh;
  margin-bottom: 1.759vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu {
  width: 100%;
  padding: 0vh 1.759vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .menuheader img {
  width: 100%;
  height: 26.019vh;
  border-radius: 0.741vh 0.741vh 0vh 0vh;
  background-size: cover !important;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .gpsinfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-right: auto;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .priceinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .priceinfo p {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .priceinfo b {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 600;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: right;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .gpsinfo svg {
  width: 4.444vh;
  height: 4.444vh;
  margin-right: 1.944vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .gpsinfo .infohome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .gpsinfo .infohome p {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .gpsinfo .infohome b {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 600;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .infoblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 4vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .infoblock p {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 600;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .infoblock b {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.552vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  margin-top: 0.5vh;
  margin-left: 0.3vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .infoblock p svg {
  width: 1.852vh;
  height: 1.852vh;
  margin-right: 0.5vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .rightmenu .blockjitel span {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.552vh;
  font-weight: 600;
  line-height: 1.552vh;
  letter-spacing: 0vh;
  text-align: left;
  width: 9%;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 0vh 2.396vh;
  flex-wrap: wrap;
  gap: 1vh;
  height: 65vh;
  border-radius: 0.741vh;
  align-content: flex-start;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem {
  width: 26.29vh;
  height: 19.444vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
  border-radius: 0.5vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnsell {
  height: 3vh;
  width: 3vh;
  border-radius: 0.556vh;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -2vh;
  margin-left: auto;
  margin-top: 0.5vh;
  margin-right: 0.5vh;
  z-index: 1;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem img {
  height: 9.537vh;
  margin: 0vh auto;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem span {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.552vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  margin: auto;
  text-align: center;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnuse {
  height: 3vh;
  padding: 0vh 0.8vh;
  border-radius: 0.556vh;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5vh;
  margin-right: 0.5vh;
  margin-left: auto;
  margin-top: auto;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnuse p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.5741vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnsell p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.5741vh;
  font-weight: 600;
  line-height: 1.5741vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnsell:hover {
  background: #83BA40;
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnsell:hover p {
  color: rgba(255, 255, 255, 0.7411764706);
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnuse:hover {
  box-shadow: 0vh 0vh 0.648vh 0vh rgba(252, 192, 66, 0.25);
  background: rgb(252, 192, 66);
}

.gta5devpad .menupad .myhomeapp .menuhyhomefur .blockitem .btnuse:hover p {
  color: #292929;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .btnsell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 4.074vh;
  border-radius: 0.556vh;
  padding: 0vh 1.944vh;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
  margin-left: auto;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .btnsell p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .btnsell:hover {
  background: #F44336;
}

.gta5devpad .menupad .myhomeapp .menuhyhome .leftmenu .infomenu .btnsell:hover p {
  color: #fff;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 0vh 2.396vh;
  flex-wrap: wrap;
  gap: 1vh;
  height: 65vh;
  border-radius: 0.741vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock {
  width: 35.39vh;
  height: 100%;
  border-radius: 0.741vh;
  background: rgb(255, 255, 255);
  box-sizing: border-box;
  border: 0.093vh solid rgba(41, 41, 41, 0.13);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .headupblock {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 2vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .infoupblock {
  width: 100%;
  padding: 2vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .btnupblock {
  width: 30vh;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 4.074vh;
  border-radius: 0.556vh;
  padding: 0vh 1.944vh;
  box-sizing: border-box;
  border: 0.093vh solid rgba(0, 0, 0, 0.04);
  background: rgba(41, 41, 41, 0.02);
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .btnupblock p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .infoupblock p {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .infoupblock span {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 600;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .headupblock h1 {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .headupblock span {
  color: rgb(41, 41, 41);
  font-family: Proxima Nova;
  font-size: 1.3vh;
  font-weight: 700;
  background: rgb(252, 192, 66);
  height: 2vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0vh 1vh;
  border-radius: 0.37vh;
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .btnupblock:hover {
  box-shadow: 0vh 0vh 0.648vh 0vh rgba(252, 192, 66, 0.25);
  background: rgb(252, 192, 66);
}

.gta5devpad .menupad .myhomeapp .menuhyhomeupgrade .upgradeblock .btnupblock:hover p {
  color: #292929;
}

.gta5devpad .menupad .mybizapp {
  background: #181A1E;
  width: 100%;
  height: 100%;
  border-radius: 2.2vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .mybizapp .mybizapp__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5vh 2vh;
  margin-bottom: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu {
  width: 100%;
  height: 69vh;
  padding: 0vh 2vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__head {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.926vh;
  margin-bottom: 3vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left {
  width: 54vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right {
  width: 54vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 2vh;
  font-weight: 700;
  line-height: 1.5vh;
  margin-bottom: 2vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listhead {
  width: 100%;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listblock {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listblock span {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  width: 4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listblock p {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  width: 15vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listblock b {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  margin-left: auto;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listhead span {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  width: 4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listhead p {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  width: 15vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listhead b {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: right;
  margin-left: auto;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 2vh;
  font-weight: 700;
  line-height: 1.5vh;
  margin-bottom: 2vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listhead {
  width: 100%;
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listblock {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listblock span {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  width: 4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listblock p {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  width: 15vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listblock b {
  color: #fff;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  margin-left: auto;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listhead span {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  width: 4vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listhead p {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: left;
  width: 15vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listhead b {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 1.5vh;
  font-weight: 700;
  line-height: 1.5vh;
  text-align: right;
  margin-left: auto;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__head .blockinfo {
  height: 10.556vh;
  width: 35.67vh;
  background: rgba(255, 255, 255, 0.03);
  padding: 2vh 2vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__head .blockinfo p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 600;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead {
  height: 4vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0vh 3vh;
  background: rgba(255, 255, 255, 0.03);
  margin-right: 0.4vh;
}

.gta5devpad .menupad .mybizapp .mybizapp__header h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.481vh;
  font-weight: 700;
  line-height: 1.759vh;
  letter-spacing: 0vh;
  text-align: right;
  margin-left: auto;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .appiconhead {
  width: 2.87vh;
  height: 2.87vh;
  margin: 0vh 1.504vh;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .clossed {
  width: 2.222vh;
  height: 2.222vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 0.093vh solid rgba(41, 41, 41, 0.1);
  border-radius: 0.37vh;
  background: rgba(251, 251, 251, 0.1);
}

.gta5devpad .menupad .mybizapp .mybizapp__header .clossed p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.389vh;
  font-weight: 400;
  letter-spacing: 0vh;
  text-align: center;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .appiconhead img {
  width: 2.87vh;
  height: 2.87vh;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead svg {
  fill: #fff;
  fill-opacity: 0.1;
  width: 1.481vh;
  height: 1.481vh;
  margin-right: 0.833vh;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead p {
  color: rgba(255, 255, 255, 0.2);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead:hover {
  background: #83BA41;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead:hover svg {
  fill-opacity: 1;
}

.gta5devpad .menupad .mybizapp .mybizapp__header .btnhead:hover p {
  color: rgba(255, 255, 255, 0.8);
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__head .blockinfo span {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 2vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__head .blockinfo span b {
  color: #83BA41;
  font-family: Proxima Nova;
  font-size: 2vh;
  font-weight: 700;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-right: 0.5vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_left .listblock:hover {
  background: rgba(255, 255, 255, 0.04);
}

.gta5devpad .menupad .mybizapp .mybizappmenu .mybizappmenu__dop .dop_right .listblock:hover {
  background: rgba(255, 255, 255, 0.04);
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems {
  width: 100%;
  height: 69vh;
  overflow: auto;
  padding: 0vh 2vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.926vh;
  align-content: flex-start;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem {
  width: 26.547vh;
  height: 19.444vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem img {
  height: 9.537vh;
  margin-top: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.281vh;
  font-weight: 600;
  line-height: 1.281vh;
  letter-spacing: 0vh;
  text-align: left;
  margin: auto 0vh;
  width: 100%;
  padding: 0vh 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem .blockbottom {
  width: 100%;
  padding: 0vh 1vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem .blockbottom b {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems .blockitem .blockbottom span {
  color: rgba(255, 255, 255, 0.3);
  font-family: Proxima Nova;
  font-size: 1.281vh;
  font-weight: 500;
  line-height: 1.281vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitems::-webkit-scrollbar {
  width: 0vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem {
  width: 100%;
  height: 69vh;
  overflow: auto;
  padding: 0vh 2vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.926vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .btnsitem {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 1vh;
  margin-top: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .btnsitem .btnsitem__item {
  height: 4vh;
  width: 40.556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .btnsitem .btnsitem__item p {
  color: rgba(255, 255, 255, 0.2);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .leftitem {
  width: 40.556vh;
  height: 37.593vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem {
  width: 40.556vh;
  height: 37.593vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.03);
  padding: 1.4vh 2vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem span {
  color: rgba(255, 255, 255, 0.3);
  font-family: Proxima Nova;
  font-size: 1.252vh;
  font-weight: 500;
  line-height: 1.552vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem .iteminfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: auto;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem .iteminfo p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 2.222vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 0.5vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem .iteminfo span {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.252vh;
  font-weight: 400;
  line-height: 1.952vh;
  letter-spacing: 0vh;
  text-align: left;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .rightitem .iteminfo span b {
  color: rgba(255, 255, 255, 0.4);
  font-family: Proxima Nova;
  font-size: 1.252vh;
  font-weight: 400;
  line-height: 1.952vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-left: 0.3vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .headitem .leftitem img {
  height: 15vh;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .btnsitem .btnsitem__item:hover {
  background: #83BA41;
}

.gta5devpad .menupad .mybizapp .mybizappmenuitem .mybizappmenuitem__item .btnsitem .btnsitem__item:hover p {
  color: rgba(255, 255, 255, 0.8);
}

.gta5devpad .menupad .mybizapp .dialogmenu {
  position: absolute;
  width: 112.963vh;
  height: 79.6296vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1.8519vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu {
  background: #17191D;
  width: 50.926vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 4vh 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.852vh;
  font-weight: 600;
  line-height: 2.222vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .infoitem {
  width: 41.481vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 2vh;
  margin-bottom: 1vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .input {
  width: 41.481vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .btnsitem {
  margin-top: 1.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 5vh;
  width: 41.481vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .btnsitem .btni {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .btnsitem .btni p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .input p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 0.5vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .input input#price {
  width: 41.481vh;
  height: 4.63vh;
  background: #111315;
  padding: 1vh 2vh;
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .infoitem p {
  color: rgba(255, 255, 255, 0.8);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .infoitem b {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.452vh;
  font-weight: 600;
  line-height: 1.952vh;
  letter-spacing: 0vh;
}

.gta5devpad .menupad .mybizapp .dialogmenu .dmenu .btnsitem .btni:hover {
  background: #83BA41;
}

/* Стили для крестика в приложении дома */
.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed {
  width: 2.222vh;
  height: 2.222vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 0.093vh solid rgba(41, 41, 41, 0.1);
  border-radius: 0.37vh;
  background: rgb(251, 251, 251);
  cursor: pointer;
  transition: all 0.2s ease;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed p {
  color: rgba(41, 41, 41, 0.4);
  font-family: Proxima Nova;
  font-size: 1.389vh;
  font-weight: 400;
  letter-spacing: 0vh;
  text-align: center;
  margin: 0;
  line-height: 1;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed:hover {
  background: #FCC042;
  border-color: #FCC042;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed:hover p {
  color: #292929;
}

.gta5devpad .menupad .myhomeapp .myhomeapp__header .clossed:active {
  transform: scale(0.95);
}
@charset "UTF-8";
#fractions {
  height: 100%;
  display: flex;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions {
    width: 567px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions {
    width: 630px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions {
    width: 812.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions {
    width: 863.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions {
    width: 945px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions {
    width: 882px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions {
    width: 1071px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions {
    width: 1008px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions {
    width: 1197px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions {
    width: 1260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions {
    width: 1575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions {
    width: 1701px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions {
    width: 1638px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions {
    width: 1575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions {
    width: 2079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions {
    width: 2520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions {
    width: 2079px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions {
    width: 2835px;
  }
}
@media (min-width: 6000px) {
  #fractions {
    width: 3969px;
  }
}
@media (max-width: 799px) {
  #fractions.pt-63 {
    padding-top: 28.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions.pt-63 {
    padding-top: 31.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions.pt-63 {
    padding-top: 40.635px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions.pt-63 {
    padding-top: 43.155px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions.pt-63 {
    padding-top: 47.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions.pt-63 {
    padding-top: 44.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions.pt-63 {
    padding-top: 53.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions.pt-63 {
    padding-top: 50.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions.pt-63 {
    padding-top: 59.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions.pt-63 {
    padding-top: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions.pt-63 {
    padding-top: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions.pt-63 {
    padding-top: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions.pt-63 {
    padding-top: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions.pt-63 {
    padding-top: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions.pt-63 {
    padding-top: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions.pt-63 {
    padding-top: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions.pt-63 {
    padding-top: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions.pt-63 {
    padding-top: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions.pt-63 {
    padding-top: 141.75px;
  }
}
@media (min-width: 6000px) {
  #fractions.pt-63 {
    padding-top: 198.45px;
  }
}
#fractions .fractions__left {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__left {
    min-width: 123.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left {
    min-width: 137px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left {
    min-width: 176.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left {
    min-width: 187.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left {
    min-width: 205.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left {
    min-width: 191.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left {
    min-width: 232.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left {
    min-width: 219.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left {
    min-width: 260.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left {
    min-width: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left {
    min-width: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left {
    min-width: 342.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left {
    min-width: 369.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left {
    min-width: 356.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left {
    min-width: 342.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left {
    min-width: 452.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left {
    min-width: 548px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left {
    min-width: 452.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left {
    min-width: 616.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left {
    min-width: 863.1px;
  }
}
#fractions .fractions__left .fractions__left_title {
  font-family: "TTNorms-Bold";
  font-weight: bold;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    line-height: 119.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_title {
    margin-bottom: 37.8px;
  }
}
#fractions .fractions__left .fractions__left_subtitle {
  color: #869199;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__left .fractions__left_subtitle {
    margin-bottom: 85.05px;
  }
}
#fractions .fractions__button_big {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1E262F;
  font-family: "TTNorms-Medium";
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    width: 122.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    width: 136.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    width: 176.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    width: 187.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    width: 204.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    width: 191.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    width: 232.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    width: 218.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    width: 259.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    width: 273px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    width: 273px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    width: 341.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    width: 368.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    width: 354.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    width: 341.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    width: 450.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    width: 546px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    width: 450.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    width: 614.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    width: 859.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big {
    margin-bottom: 119.7px;
  }
}
#fractions .fractions__button_big:hover {
  transition: all 0.5s ease;
  background: #cacaca;
}
@media (max-width: 799px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    margin-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_big .fractionsicon-plus {
    font-size: 44.1px;
  }
}
#fractions .fractions__menu_element {
  display: flex;
  align-items: center;
  color: #60686D;
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element {
    margin-bottom: 50.4px;
  }
}
#fractions .fractions__menu_element:hover {
  color: #FFFFFF;
}
#fractions .fractions__menu_element.active {
  color: #FFFFFF;
}
#fractions .fractions__menu_element.white {
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element.mb-36 {
    margin-bottom: 113.4px;
  }
}
#fractions .fractions__menu_element .fractions__menu_text {
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__menu_element .fractions__menu_text {
    margin-left: 37.8px;
  }
}
#fractions .fractions__stats {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__stats {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats {
    margin-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats {
    margin-bottom: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats {
    margin-bottom: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats {
    margin-bottom: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats {
    margin-bottom: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats {
    margin-bottom: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats {
    margin-bottom: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats {
    margin-bottom: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats {
    margin-bottom: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-bottom: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats {
    margin-bottom: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats {
    margin-bottom: 66.15px;
  }
}
#fractions .fractions__stats_element {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_element {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_element {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_element {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_element {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_element {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_element {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_element {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_element {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_element {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_element {
    margin-bottom: 50.4px;
  }
}
#fractions .fractions__stats_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_circle {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_circle {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_circle {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_circle {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_circle {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_circle {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_circle {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_circle {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_circle {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_circle {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_circle {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_circle {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_circle {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_circle {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_circle {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_circle {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_circle {
    width: 50.4px;
  }
}
#fractions .fractions__stats_circle.online {
  background: rgba(5, 187, 99, 0.2);
}
#fractions .fractions__stats_circle.online .fractions__stats_smallcircle {
  background: #05BB63;
}
#fractions .fractions__stats_circle.offline {
  background: rgba(215, 21, 67, 0.2);
}
#fractions .fractions__stats_circle.offline .fractions__stats_smallcircle {
  background: #D71543;
}
#fractions .fractions__stats_circle.neutral {
  background: rgba(255, 255, 255, 0.2);
}
#fractions .fractions__stats_circle.neutral .fractions__stats_smallcircle {
  background: #FFFFFF;
}
#fractions .fractions__stats_smallcircle {
  border-radius: 50%;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_smallcircle {
    width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_smallcircle {
    width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_smallcircle {
    width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_smallcircle {
    width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_smallcircle {
    width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_smallcircle {
    width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_smallcircle {
    width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_smallcircle {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_smallcircle {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_smallcircle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_smallcircle {
    width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_smallcircle {
    width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_smallcircle {
    width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    width: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_smallcircle {
    width: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_smallcircle {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_smallcircle {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_smallcircle {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_smallcircle {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_smallcircle {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_smallcircle {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_smallcircle {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_smallcircle {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_smallcircle {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_smallcircle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_smallcircle {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_smallcircle {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_smallcircle {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_smallcircle {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_smallcircle {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_smallcircle {
    height: 25.2px;
  }
}
#fractions .fractions__right {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__right {
    margin-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__right {
    margin-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__right {
    margin-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__right {
    margin-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__right {
    margin-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__right {
    margin-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__right {
    margin-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__right {
    margin-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__right {
    margin-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__right {
    margin-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__right {
    margin-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__right {
    margin-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__right {
    margin-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__right {
    margin-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__right {
    margin-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__right {
    margin-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__right {
    margin-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__right {
    margin-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__right {
    margin-left: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__right {
    margin-left: 176.4px;
  }
}
#fractions .fractions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fractions .fractions__header .fractions__header_image {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    width: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    width: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    width: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    width: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    width: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    width: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    width: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    width: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    width: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    width: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    width: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    width: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    width: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    width: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    width: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    width: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    width: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    width: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_image {
    margin-right: 75.6px;
  }
}
#fractions .fractions__header .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__header .box-flex {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .box-flex {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .box-flex {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .box-flex {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .box-flex {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .box-flex {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .box-flex {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .box-flex {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .box-flex {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .box-flex {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .box-flex {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .box-flex {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .box-flex {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .box-flex {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .box-flex {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .box-flex {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .box-flex {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .box-flex {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .box-flex {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .box-flex {
    font-size: 100.8px;
  }
}
#fractions .fractions__header .fractions__header_title {
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_title {
    line-height: 91.35px;
  }
}
#fractions .fractions__header .fractions__header_subtitle {
  color: #A6B1BA;
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__header .fractions__header_subtitle {
    line-height: 59.85px;
  }
}
#fractions .fractions__main_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.5s ease;
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button {
    border-radius: 25.2px;
  }
}
#fractions .fractions__main_button.h-40 {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    width: 121.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    width: 134.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    width: 173.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    width: 184.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    width: 201.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    width: 188.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    width: 228.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    width: 215.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    width: 255.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    width: 336.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    width: 363.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    width: 349.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    width: 336.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    width: 443.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    width: 538px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    width: 443.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    width: 605.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    width: 847.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-40 {
    line-height: 50.4px;
  }
}
#fractions .fractions__main_button.black {
  background: #1E262F;
  align-self: center;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    width: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    width: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    width: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    width: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    width: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    width: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    width: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    width: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    width: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    width: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    width: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    width: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    width: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    width: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    width: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    width: 288px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    width: 403.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.black {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.black {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.black {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.black {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.black {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.black {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.black {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.black {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.black {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.black {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.black {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.black {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.black {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.black {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.black {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.black {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.black {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.black {
    margin-right: 75.6px;
  }
}
#fractions .fractions__main_button.black.trans {
  background: transparent;
  color: white;
}
#fractions .fractions__main_button.black.trans:hover {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button .fractionsicon-plus {
    font-size: 31.5px;
  }
}
#fractions .fractions__main_button.extra {
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    width: 68.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    width: 76px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    width: 98.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    width: 104.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    width: 114px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    width: 106.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    width: 129.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    width: 121.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    width: 144.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    width: 205.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    width: 197.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    width: 190px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    width: 250.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    width: 304px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    width: 250.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    width: 342px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    width: 478.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extra {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extra {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extra {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extra {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extra {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extra {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extra {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extra {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extra {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extra {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extra {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extra {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extra {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extra {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extra {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extra {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extra {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extra {
    height: 113.4px;
  }
}
#fractions .fractions__main_button.w-134 {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-134 {
    line-height: 44.1px;
  }
}
#fractions .fractions__main_button.extrasmall {
  font-family: "TTNorms-Medium";
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.extrasmall {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.extrasmall {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.extrasmall {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.extrasmall {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.extrasmall {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.extrasmall {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.extrasmall {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.extrasmall {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.extrasmall {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.extrasmall {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.extrasmall {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.extrasmall {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.extrasmall {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.extrasmall {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.extrasmall {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.extrasmall {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.extrasmall {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.extrasmall {
    height: 113.4px;
  }
}
#fractions .fractions__main_button:hover {
  transition: all 0.5s ease;
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-36 {
    width: 68.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-36 {
    width: 76px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-36 {
    width: 98.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-36 {
    width: 104.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-36 {
    width: 114px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-36 {
    width: 106.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-36 {
    width: 129.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-36 {
    width: 121.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-36 {
    width: 144.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-36 {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-36 {
    width: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-36 {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-36 {
    width: 205.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-36 {
    width: 197.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-36 {
    width: 190px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    width: 250.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    width: 304px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    width: 250.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    width: 342px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-36 {
    width: 478.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.h-36 {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.h-36 {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.h-36 {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.h-36 {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.h-36 {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.h-36 {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.h-36 {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.h-36 {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.h-36 {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.h-36 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.h-36 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.h-36 {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.h-36 {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.h-36 {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.h-36 {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.h-36 {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.h-36 {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.h-36 {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-120 {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-120 {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-120 {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-120 {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-120 {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-120 {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-120 {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-120 {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-120 {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-120 {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-120 {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-120 {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-120 {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-120 {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-120 {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-120 {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-120 {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-120 {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-120 {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-120 {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.news:last-child {
    margin-right: 0px;
  }
}
#fractions .fractions__main_button.medium {
  margin-top: auto;
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.medium {
    width: 75.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.medium {
    width: 83.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.medium {
    width: 107.715px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.medium {
    width: 114.395px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.medium {
    width: 125.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.medium {
    width: 116.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.medium {
    width: 141.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.medium {
    width: 133.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.medium {
    width: 158.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.medium {
    width: 167px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.medium {
    width: 167px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.medium {
    width: 208.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.medium {
    width: 225.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.medium {
    width: 217.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.medium {
    width: 208.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    width: 275.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    width: 334px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    width: 275.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    width: 375.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.medium {
    width: 526.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.medium {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.medium {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.medium {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.medium {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.medium {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.medium {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.medium {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.medium {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.medium {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.medium {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.medium {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.medium {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.medium {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.medium {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.medium {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.medium {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.medium {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.medium {
    height: 132.3px;
  }
}
#fractions .fractions__main_button.mini {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    width: 57.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    width: 64px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    width: 82.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    width: 87.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    width: 96px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    width: 89.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    width: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    width: 102.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    width: 121.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    width: 128px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    width: 172.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    width: 166.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    width: 160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    width: 211.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    width: 256px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    width: 211.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    width: 288px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    width: 403.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.mini {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.mini {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.mini {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.mini {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.mini {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.mini {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.mini {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.mini {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.mini {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.mini {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.mini {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.mini {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.mini {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.mini {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.mini {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.mini {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.mini {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.mini {
    line-height: 53.55px;
  }
}
#fractions .fractions__main_button.mini:hover {
  color: black;
}
#fractions .fractions__main_button.w-100 {
  width: 100%;
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.w-100 {
    line-height: 44.1px;
  }
}
#fractions .fractions__main_button.complaints {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_button.complaints {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_button.complaints {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_button.complaints {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_button.complaints {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_button.complaints {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_button.complaints {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_button.complaints {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_button.complaints {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_button.complaints {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_button.complaints {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_button.complaints {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_button.complaints {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_button.complaints {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_button.complaints {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_button.complaints {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_button.complaints {
    line-height: 50.4px;
  }
}
#fractions .fractions__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__content {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content {
    margin-top: 100.8px;
  }
}
#fractions .fractions__content.backgr {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #fractions .fractions__content.backgr {
    height: 305.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.backgr {
    height: 339px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.backgr {
    height: 437.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.backgr {
    height: 464.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.backgr {
    height: 508.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.backgr {
    height: 474.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.backgr {
    height: 576.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.backgr {
    height: 542.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.backgr {
    height: 644.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.backgr {
    height: 678px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.backgr {
    height: 678px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.backgr {
    height: 847.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.backgr {
    height: 915.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.backgr {
    height: 881.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.backgr {
    height: 847.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    height: 1118.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    height: 1356px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    height: 1118.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    height: 1525.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.backgr {
    height: 2135.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.backgr {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.backgr {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.backgr {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.backgr {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.backgr {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.backgr {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.backgr {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.backgr {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.backgr {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.backgr {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.backgr {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.backgr {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.backgr {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.backgr {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.backgr {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.backgr {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.backgr {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.backgr {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.extrabig {
    min-height: 321.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.extrabig {
    min-height: 357px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.extrabig {
    min-height: 460.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.extrabig {
    min-height: 489.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.extrabig {
    min-height: 535.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.extrabig {
    min-height: 499.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.extrabig {
    min-height: 606.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.extrabig {
    min-height: 571.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.extrabig {
    min-height: 678.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.extrabig {
    min-height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.extrabig {
    min-height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.extrabig {
    min-height: 892.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.extrabig {
    min-height: 963.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.extrabig {
    min-height: 928.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.extrabig {
    min-height: 892.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    min-height: 1178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    min-height: 1428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    min-height: 1178.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    min-height: 1606.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.extrabig {
    min-height: 2249.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__content.extrabig {
    height: 321.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__content.extrabig {
    height: 357px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__content.extrabig {
    height: 460.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__content.extrabig {
    height: 489.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__content.extrabig {
    height: 535.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__content.extrabig {
    height: 499.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__content.extrabig {
    height: 606.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__content.extrabig {
    height: 571.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__content.extrabig {
    height: 678.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__content.extrabig {
    height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__content.extrabig {
    height: 714px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__content.extrabig {
    height: 892.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__content.extrabig {
    height: 963.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__content.extrabig {
    height: 928.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__content.extrabig {
    height: 892.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    height: 1178.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    height: 1428px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__content.extrabig {
    height: 1178.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__content.extrabig {
    height: 1606.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__content.extrabig {
    height: 2249.1px;
  }
}
#fractions .fractions__main_box {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__main_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-568 {
    width: 262.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-568 {
    width: 292px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-568 {
    width: 376.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-568 {
    width: 400.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-568 {
    width: 438px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-568 {
    width: 408.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-568 {
    width: 496.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-568 {
    width: 467.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-568 {
    width: 554.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-568 {
    width: 584px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-568 {
    width: 584px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-568 {
    width: 730px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-568 {
    width: 788.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-568 {
    width: 759.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-568 {
    width: 730px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    width: 963.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    width: 1168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    width: 963.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    width: 1314px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-568 {
    width: 1839.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-568 {
    height: 255.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-568 {
    height: 284px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-568 {
    height: 366.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-568 {
    height: 389.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-568 {
    height: 426px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-568 {
    height: 397.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-568 {
    height: 482.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-568 {
    height: 454.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-568 {
    height: 539.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-568 {
    height: 568px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-568 {
    height: 568px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-568 {
    height: 710px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-568 {
    height: 766.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-568 {
    height: 738.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-568 {
    height: 710px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    height: 937.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    height: 1136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-568 {
    height: 937.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-568 {
    height: 1278px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-568 {
    height: 1789.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317 {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317 {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317 {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317 {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317 {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317 {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317 {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317 {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317 {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317 {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317 {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317 {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317 {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317 {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317 {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317 {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317 {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317 {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317 {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317 {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317 {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317 {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317 {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317 {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317 {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317 {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317 {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317 {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317 {
    height: 604.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317h272 {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 612px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-317h272 {
    height: 856.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-600 {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-600 {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-600 {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-600 {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-600 {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-600 {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-600 {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-600 {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-600 {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-600 {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-600 {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-600 {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-600 {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-600 {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-600 {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-600 {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-600 {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-600 {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-600 {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-600 {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-600 {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-600 {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-600 {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-600 {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-600 {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-600 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-600 {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-600 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-600 {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-600 {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-600 {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-600 {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-600 {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-600 {
    height: 604.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    margin-top: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-430 {
    height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-430 {
    height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-430 {
    height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-430 {
    height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-430 {
    height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-430 {
    height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-430 {
    height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-430 {
    height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-430 {
    height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-430 {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-430 {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-430 {
    height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-430 {
    height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-430 {
    height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-430 {
    height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-430 {
    height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-430 {
    height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-430 {
    height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-268 {
    width: 120.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-268 {
    width: 134px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-268 {
    width: 172.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-268 {
    width: 183.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-268 {
    width: 201px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-268 {
    width: 187.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-268 {
    width: 227.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-268 {
    width: 214.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-268 {
    width: 254.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-268 {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-268 {
    width: 268px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-268 {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-268 {
    width: 361.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-268 {
    width: 348.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-268 {
    width: 335px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    width: 442.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    width: 536px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    width: 442.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    width: 603px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-268 {
    width: 844.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-268 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-268 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-268 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-268 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-268 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-268 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-268 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-268 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-268 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-268 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-268 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-268 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-268 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-268 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-268 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-268 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-268 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-268 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-408 {
    width: 183.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-408 {
    width: 204px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-408 {
    width: 263.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-408 {
    width: 279.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-408 {
    width: 306px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-408 {
    width: 285.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-408 {
    width: 346.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-408 {
    width: 326.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-408 {
    width: 387.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-408 {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-408 {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-408 {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-408 {
    width: 550.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-408 {
    width: 530.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-408 {
    width: 510px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    width: 673.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    width: 816px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    width: 673.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    width: 918px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-408 {
    width: 1285.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-408 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-408 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-408 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-408 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-408 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-408 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-408 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-408 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-408 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-408 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-408 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-408 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-408 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-408 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-408 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-408 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-408 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-408 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-215 {
    width: 96.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-215 {
    width: 107.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-215 {
    width: 138.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-215 {
    width: 147.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-215 {
    width: 161.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-215 {
    width: 150.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-215 {
    width: 182.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-215 {
    width: 172px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-215 {
    width: 204.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-215 {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-215 {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-215 {
    width: 268.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-215 {
    width: 290.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-215 {
    width: 279.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-215 {
    width: 268.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    width: 354.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    width: 430px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    width: 354.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    width: 483.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-215 {
    width: 677.25px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-215 {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-215 {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-215 {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-215 {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-215 {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-215 {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-215 {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-215 {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-215 {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-215 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-215 {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-215 {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-215 {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-215 {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-215 {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-215 {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-215 {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-215 {
    height: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    width: 234px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    width: 260px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    width: 335.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    width: 356.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    width: 390px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    width: 364px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    width: 442px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    width: 416px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    width: 494px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    width: 520px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    width: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    width: 702px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    width: 676px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    width: 858px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    width: 1040px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    width: 858px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    width: 1170px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    width: 1638px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-520 {
    height: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-520 {
    height: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-520 {
    height: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-520 {
    height: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-520 {
    height: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-520 {
    height: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-520 {
    height: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-520 {
    height: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-520 {
    height: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-520 {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-520 {
    height: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-520 {
    height: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-520 {
    height: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-520 {
    height: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-520 {
    height: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    height: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    height: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-520 {
    height: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-520 {
    height: 508.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-520 {
    height: 711.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-190 {
    height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-190 {
    height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-190 {
    height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-190 {
    height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-190 {
    height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-190 {
    height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-190 {
    height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-190 {
    height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-190 {
    height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-190 {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-190 {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-190 {
    height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-190 {
    height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-190 {
    height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-190 {
    height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-190 {
    height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-190 {
    height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-190 {
    height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-190 {
    height: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-190 {
    height: 598.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.big {
    width: 175.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.big {
    width: 195.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.big {
    width: 252.195px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.big {
    width: 267.835px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.big {
    width: 293.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.big {
    width: 273.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.big {
    width: 332.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.big {
    width: 312.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.big {
    width: 371.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.big {
    width: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.big {
    width: 391px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.big {
    width: 488.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.big {
    width: 527.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.big {
    width: 508.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.big {
    width: 488.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    width: 645.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    width: 782px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    width: 645.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    width: 879.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.big {
    width: 1231.65px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.big {
    height: 217.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.big {
    height: 242px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.big {
    height: 312.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.big {
    height: 331.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.big {
    height: 363px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.big {
    height: 338.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.big {
    height: 411.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.big {
    height: 387.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.big {
    height: 459.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.big {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.big {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.big {
    height: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.big {
    height: 653.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.big {
    height: 629.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.big {
    height: 605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    height: 798.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    height: 968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.big {
    height: 798.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.big {
    height: 1089px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.big {
    height: 1524.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-440 {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-440 {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-440 {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-440 {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-440 {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-440 {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-440 {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-440 {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-440 {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-440 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-440 {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-440 {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-440 {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-440 {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-440 {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-440 {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-440 {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-440 {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-440 {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-440 {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-440 {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-440 {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-440 {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-440 {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-440 {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-440 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-440 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-440 {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-440 {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-440 {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-440 {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-440 {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-440 {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-440 {
    height: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-477 {
    width: 214.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-477 {
    width: 238.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-477 {
    width: 307.665px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-477 {
    width: 326.745px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-477 {
    width: 357.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-477 {
    width: 333.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-477 {
    width: 405.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-477 {
    width: 381.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-477 {
    width: 453.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-477 {
    width: 477px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-477 {
    width: 477px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-477 {
    width: 596.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-477 {
    width: 643.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-477 {
    width: 620.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-477 {
    width: 596.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    width: 787.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    width: 954px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    width: 787.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    width: 1073.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-477 {
    width: 1502.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.w-477 {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.w-477 {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.w-477 {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.w-477 {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.w-477 {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.w-477 {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.w-477 {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.w-477 {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.w-477 {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.w-477 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.w-477 {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.w-477 {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.w-477 {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.w-477 {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.w-477 {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.w-477 {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.w-477 {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.w-477 {
    height: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.h-484 {
    height: 217.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.h-484 {
    height: 242px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.h-484 {
    height: 312.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.h-484 {
    height: 331.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.h-484 {
    height: 363px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.h-484 {
    height: 338.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.h-484 {
    height: 411.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.h-484 {
    height: 387.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.h-484 {
    height: 459.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.h-484 {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.h-484 {
    height: 484px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.h-484 {
    height: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.h-484 {
    height: 653.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.h-484 {
    height: 629.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.h-484 {
    height: 605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-484 {
    height: 798.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-484 {
    height: 968px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.h-484 {
    height: 798.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.h-484 {
    height: 1089px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.h-484 {
    height: 1524.6px;
  }
}
#fractions .fractions__main_box.large {
  width: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.large {
    height: 204.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.large {
    height: 227px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.large {
    height: 292.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.large {
    height: 310.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.large {
    height: 340.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.large {
    height: 317.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.large {
    height: 385.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.large {
    height: 363.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.large {
    height: 431.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.large {
    height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.large {
    height: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.large {
    height: 567.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.large {
    height: 612.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.large {
    height: 590.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.large {
    height: 567.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    height: 749.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    height: 908px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    height: 749.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    height: 1021.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.large {
    height: 1430.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_box.large {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_box.large {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_box.large {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_box.large {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_box.large {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_box.large {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_box.large {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_box.large {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_box.large {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_box.large {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_box.large {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_box.large {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_box.large {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_box.large {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_box.large {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_box.large {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_box.large {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_box.large {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-20 {
    margin-top: 63px;
  }
}
#fractions .fractions__button_small {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-left: 9.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    padding-right: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    padding-right: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    padding-right: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    padding-right: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    padding-right: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    padding-right: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    padding-right: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    padding-right: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    padding-right: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    padding-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    padding-right: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    padding-right: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    padding-right: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    padding-right: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    padding-right: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-right: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-right: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    padding-right: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    padding-right: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    padding-right: 9.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    min-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    min-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    min-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    min-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    min-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    min-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    min-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    min-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    min-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    min-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    min-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    min-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    min-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    min-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    min-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__button_small {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__button_small {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__button_small {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__button_small {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__button_small {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__button_small {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__button_small {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__button_small {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__button_small {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__button_small {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__button_small {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__button_small {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__button_small {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__button_small {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__button_small {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__button_small {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__button_small {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__button_small {
    margin-right: 25.2px;
  }
}
#fractions .fractions__button_small.active, #fractions .fractions__button_small:hover {
  background: #DE8D14;
}
@media (max-width: 799px) {
  #fractions .w-506 {
    width: 227.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-506 {
    width: 253px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-506 {
    width: 326.37px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-506 {
    width: 346.61px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-506 {
    width: 379.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-506 {
    width: 354.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-506 {
    width: 430.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-506 {
    width: 404.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-506 {
    width: 480.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-506 {
    width: 506px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-506 {
    width: 506px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-506 {
    width: 632.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-506 {
    width: 683.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-506 {
    width: 657.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-506 {
    width: 632.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-506 {
    width: 834.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-506 {
    width: 1012px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-506 {
    width: 834.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-506 {
    width: 1138.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-506 {
    width: 1593.9px;
  }
}
#fractions .fractions__main_head {
  color: #869199;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__main_head {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_head {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head {
    margin-bottom: 75.6px;
  }
}
#fractions .fractions__main_head .fractions__main_title {
  margin-left: 16px;
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head .fractions__main_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_head .fractions__main_title {
    line-height: 75.6px;
  }
}
#fractions .fractions__lead_photo {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/lead.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    min-width: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    min-width: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    min-width: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    min-width: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    min-width: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    min-width: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    min-width: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    min-width: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    min-width: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    min-width: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    min-width: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    min-width: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    min-width: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    min-width: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    min-width: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    min-width: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    min-width: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    min-width: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    min-width: 189px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    min-width: 264.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    height: 47.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    height: 53px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    height: 68.37px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    height: 72.61px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    height: 79.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    height: 74.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    height: 90.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    height: 84.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    height: 100.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    height: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    height: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    height: 132.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    height: 143.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    height: 137.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    height: 132.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    height: 174.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    height: 212px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    height: 174.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    height: 238.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    height: 333.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo.big {
    height: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo.big {
    height: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo.big {
    height: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo.big {
    height: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo.big {
    height: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo.big {
    height: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo.big {
    height: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo.big {
    height: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo.big {
    height: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo.big {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo.big {
    height: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo.big {
    height: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo.big {
    height: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo.big {
    height: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo.big {
    height: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    height: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    height: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    height: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    height: 315px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo.big {
    height: 441px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo.big {
    min-width: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo.big {
    min-width: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo.big {
    min-width: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo.big {
    min-width: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo.big {
    min-width: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo.big {
    min-width: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo.big {
    min-width: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo.big {
    min-width: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo.big {
    min-width: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo.big {
    min-width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo.big {
    min-width: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo.big {
    min-width: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo.big {
    min-width: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo.big {
    min-width: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo.big {
    min-width: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    min-width: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    min-width: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo.big {
    min-width: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo.big {
    min-width: 274.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo.big {
    min-width: 384.3px;
  }
}
#fractions .fractions__lead_photo .fractions__photo_absolute {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, 0%);
  left: 50%;
  background: #FFFFFF;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -29.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    bottom: -40.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__lead_photo .fractions__photo_absolute {
    font-size: 37.8px;
  }
}
#fractions .fractions__lead_photo .fractions__photo_absolute:hover {
  background: #d8d4d4;
}
@media (max-width: 799px) {
  #fractions .mb-24 {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-24 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-24 {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-24 {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-24 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-24 {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-24 {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-24 {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-24 {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-24 {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-24 {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-24 {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-24 {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-24 {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-24 {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-24 {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-24 {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-24 {
    margin-bottom: 75.6px;
  }
}
#fractions .fractions__main_element {
  display: flex;
  flex-direction: column;
}
#fractions .fractions__main_element.flex {
  flex-direction: row;
}
#fractions .fractions__weapon_box {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background: rgba(255, 255, 255, 0.11);
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__weapon_box {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__weapon_box {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__weapon_box {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__weapon_box {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__weapon_box {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__weapon_box {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__weapon_box {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__weapon_box {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__weapon_box {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__weapon_box {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__weapon_box {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__weapon_box {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__weapon_box {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__weapon_box {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__weapon_box {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__weapon_box {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__weapon_box {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__weapon_box {
    font-size: 100.8px;
  }
}
#fractions .fractions__weapon_box:last-child {
  margin-right: 0;
}
#fractions .fractions_stats_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: #869199;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions_stats_title.taleft {
  text-align: left;
}
#fractions .fractions_stats_title.mt-20 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.mt-20 {
    margin-top: 63px;
  }
}
#fractions .fractions_stats_title .fractionsicon-dots {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .fractionsicon-dots {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-14 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-14 {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-16 {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.fs-16 {
    line-height: 59.85px;
  }
}
#fractions .fractions_stats_title.name {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.name {
    max-width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.name {
    max-width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.name {
    max-width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.name {
    max-width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.name {
    max-width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.name {
    max-width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.name {
    max-width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.name {
    max-width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.name {
    max-width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.name {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.name {
    max-width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.name {
    max-width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.name {
    max-width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.name {
    max-width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.name {
    max-width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    max-width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    max-width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    max-width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    max-width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.name {
    max-width: 472.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.name {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.name {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.name {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.name {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.name {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.name {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.name {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.name {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.name {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.name {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.name {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.name {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.name {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.name {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.name {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.name {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.name {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.name {
    width: 472.5px;
  }
}
#fractions .fractions_stats_title.rank {
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.rank {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.rank {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.rank {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.rank {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.rank {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.rank {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.rank {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.rank {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.rank {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.rank {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.rank {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.rank {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.rank {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.rank {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.rank {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.rank {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.rank {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.rank {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.rank {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.rank {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.rank {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.rank {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.rank {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.rank {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.rank {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.rank {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.rank {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.rank {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.rank {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.rank {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.rank {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.rank {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.rank {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.rank {
    max-width: 315px;
  }
}
#fractions .fractions_stats_title.rank.red {
  color: #EB5757;
}
#fractions .fractions_stats_title.rank.green {
  color: #259A70;
}
#fractions .fractions_stats_title.descr {
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.descr {
    max-width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.descr {
    max-width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.descr {
    max-width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.descr {
    max-width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.descr {
    max-width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.descr {
    max-width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.descr {
    max-width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.descr {
    max-width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.descr {
    max-width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.descr {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.descr {
    max-width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.descr {
    max-width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.descr {
    max-width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.descr {
    max-width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.descr {
    max-width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    max-width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    max-width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    max-width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    max-width: 855px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.descr {
    max-width: 1197px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.descr {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.descr {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.descr {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.descr {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.descr {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.descr {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.descr {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.descr {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.descr {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.descr {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.descr {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.descr {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.descr {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.descr {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.descr {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.descr {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.descr {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.descr {
    width: 1197px;
  }
}
#fractions .fractions_stats_title.date {
  text-align: left;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.date {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.date {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.date {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.date {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.date {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.date {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.date {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.date {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.date {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.date {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.date {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.date {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.date {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.date {
    max-width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.date {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.date {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.date {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.date {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.date {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.date {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.date {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.date {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.date {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.date {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.date {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.date {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.date {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.date {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.date {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.date {
    width: 315px;
  }
}
#fractions .fractions_stats_title.large {
  max-width: 100% !important;
}
#fractions .fractions_stats_title.flex {
  display: flex;
}
#fractions .fractions_stats_title.gray {
  color: #869199;
  font-weight: normal;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.gray {
    max-width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.gray {
    max-width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.gray {
    max-width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.gray {
    max-width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.gray {
    max-width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.gray {
    max-width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.gray {
    max-width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.gray {
    max-width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.gray {
    max-width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.gray {
    max-width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.gray {
    max-width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    max-width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.gray {
    max-width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.gray {
    max-width: 598.5px;
  }
}
#fractions .fractions_stats_title .white {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .white {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .white {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .white {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .white {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .white {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .white {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .white {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .white {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title .white {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title .white {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title .white {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title .white {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title .white {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title .white {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title .white {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title .white {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title .white {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title .white {
    margin-right: 15.75px;
  }
}
#fractions .fractions_stats_title.whitecolor {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.logs {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.logs {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.logs {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.logs {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.logs {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.logs {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.logs {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.logs {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.logs {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.logs {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.logs {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.logs {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.logs {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.logs {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.logs {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logs {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logs {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logs {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logs {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.logs {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 51.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 57px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 73.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 78.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 85.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 79.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 96.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 91.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 108.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 142.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 153.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 148.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 142.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 188.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 228px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 188.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 256.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions_stats_title.logscenter {
    max-width: 359.1px;
  }
}
#fractions .fractions_stats_title.w-max {
  width: -moz-max-content;
  width: max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
#fractions .date {
  text-align: left;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .date {
    max-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .date {
    max-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .date {
    max-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .date {
    max-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .date {
    max-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .date {
    max-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .date {
    max-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .date {
    max-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .date {
    max-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .date {
    max-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .date {
    max-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .date {
    max-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .date {
    max-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .date {
    max-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .date {
    max-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .date {
    max-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .date {
    max-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .date {
    max-width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .date {
    max-width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .date {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .date {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .date {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .date {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .date {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .date {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .date {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .date {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .date {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .date {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .date {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .date {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .date {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .date {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .date {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .date {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .date {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .date {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .date {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-12 {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-12 {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-12 {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-12 {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-12 {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-12 {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-12 {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-12 {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-12 {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-12 {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-12 {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-12 {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-12 {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-12 {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-12 {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-12 {
    margin-right: 37.8px;
  }
}
#fractions .fractions__stats_subtitle {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle {
    max-width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle {
    max-width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle {
    max-width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle {
    max-width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle {
    max-width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle {
    max-width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle {
    max-width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle {
    max-width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle {
    max-width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle {
    max-width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle {
    max-width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle {
    max-width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle {
    max-width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle {
    max-width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle {
    max-width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    max-width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    max-width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle {
    max-width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle {
    max-width: 247.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle {
    max-width: 346.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 450px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.w-200 {
    max-width: 630px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.w-250 {
    max-width: 787.5px;
  }
}
#fractions .fractions__stats_subtitle.large {
  max-width: 100%;
}
#fractions .fractions__stats_subtitle.fit {
  width: -moz-fit-content;
  width: fit-content;
}
#fractions .fractions__stats_subtitle.flex {
  display: flex;
}
#fractions .fractions__stats_subtitle.gray {
  color: #869199;
  font-weight: normal;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.gray {
    max-width: 598.5px;
  }
}
#fractions .fractions__stats_subtitle.hover:hover {
  color: #697177;
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 72.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 80.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 103.845px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 110.285px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 120.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 112.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 136.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 128.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 152.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 201.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 217.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 209.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 201.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 265.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 322px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 265.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 362.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    max-width: 507.15px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 72.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 80.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 103.845px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 110.285px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 120.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 112.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 136.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 128.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 152.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 161px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 201.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 217.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 209.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 201.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 265.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 322px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 265.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 362.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__stats_subtitle.mw-161 {
    min-width: 507.15px;
  }
}
#fractions .fractions__stats_subtitle.w-min {
  width: -moz-min-content;
  width: min-content;
}
#fractions .fractionsicon-copy {
  color: #869199;
}
@media (max-width: 799px) {
  #fractions .fractionsicon-copy {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-copy {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-copy {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-copy {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-copy {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-copy {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-copy {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-copy {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-copy {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-copy {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-copy {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-copy {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-copy {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-copy {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-copy {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-copy {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-copy {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-copy {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-copy {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-copy {
    margin-left: 31.5px;
  }
}
#fractions .fractionsicon-copy:hover {
  opacity: 0.7;
}
#fractions .fractions__news_text {
  font-style: normal;
  font-weight: normal;
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__news_text {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__news_text {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__news_text {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__news_text {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__news_text {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__news_text {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__news_text {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__news_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__news_text {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__news_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__news_text {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__news_text {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__news_text {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__news_text {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__news_text {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__news_text {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions__circle_mini {
  border-radius: 50%;
  background: #FFFFFF;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    font-size: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    font-size: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    font-size: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    font-size: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    font-size: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    font-size: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    font-size: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    font-size: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    font-size: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    font-size: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    font-size: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    font-size: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    font-size: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    font-size: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    font-size: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    font-size: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    font-size: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    font-size: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    font-size: 15.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    font-size: 22.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_mini {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_mini {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_mini {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_mini {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_mini {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_mini {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_mini {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_mini {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_mini {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_mini {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_mini {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_mini {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_mini {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_mini {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_mini {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_mini {
    margin-right: 25.2px;
  }
}
#fractions .fractions__circle_smallperson {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/smallperson.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__circle_smallperson {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_smallperson {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_smallperson {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_smallperson {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_smallperson {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_smallperson {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_smallperson {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_smallperson {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_smallperson {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_smallperson {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_smallperson {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_smallperson {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_smallperson {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_smallperson {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_smallperson {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_smallperson {
    width: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__circle_smallperson {
    height: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__circle_smallperson {
    height: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__circle_smallperson {
    height: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__circle_smallperson {
    height: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__circle_smallperson {
    height: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__circle_smallperson {
    height: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__circle_smallperson {
    height: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__circle_smallperson {
    height: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__circle_smallperson {
    height: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__circle_smallperson {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__circle_smallperson {
    height: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__circle_smallperson {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__circle_smallperson {
    height: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__circle_smallperson {
    height: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__circle_smallperson {
    height: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    height: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    height: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__circle_smallperson {
    height: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__circle_smallperson {
    height: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__circle_smallperson {
    height: 25.2px;
  }
}
#fractions .fractions__selector {
  font-weight: 500;
  color: #A6B1BA;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__selector {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector {
    margin-right: 88.2px;
  }
}
#fractions .fractions__selector.active {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__selector.active {
    border-bottom: 0.9px solid #DA2640;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__selector.active {
    border-bottom: 1px solid #DA2640;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.29px solid #DA2640;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.37px solid #DA2640;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.5px solid #DA2640;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.4px solid #DA2640;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.7px solid #DA2640;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.6px solid #DA2640;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__selector.active {
    border-bottom: 1.9px solid #DA2640;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__selector.active {
    border-bottom: 2px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__selector.active {
    border-bottom: 2px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.5px solid #DA2640;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.7px solid #DA2640;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.6px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__selector.active {
    border-bottom: 2.5px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__selector.active {
    border-bottom: 3.3px solid #DA2640;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__selector.active {
    border-bottom: 4px solid #DA2640;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__selector.active {
    border-bottom: 3.3px solid #DA2640;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__selector.active {
    border-bottom: 4.5px solid #DA2640;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__selector.active {
    border-bottom: 6.3px solid #DA2640;
  }
}
#fractions .fractions__main_scroll {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    max-height: 154.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    max-height: 171.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    max-height: 221.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    max-height: 234.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    max-height: 257.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    max-height: 240.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    max-height: 291.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    max-height: 274.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    max-height: 325.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    max-height: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    max-height: 343px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    max-height: 428.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    max-height: 463.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    max-height: 445.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    max-height: 428.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    max-height: 565.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    max-height: 686px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    max-height: 565.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    max-height: 771.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    max-height: 1080.45px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll {
    padding-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll {
    padding-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll {
    padding-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll {
    padding-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll {
    padding-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll {
    padding-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll {
    padding-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll {
    padding-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll {
    padding-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll {
    padding-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-240 {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 91.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 102px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 131.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 139.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 153px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 142.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 173.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 193.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 204px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 255px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 275.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 265.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 255px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 336.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 408px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 336.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 459px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-204 {
    width: 642.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-204 {
    margin-right: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 179.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 199.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 257.355px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 273.315px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 299.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 279.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 339.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 319.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 379.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 399px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 399px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 498.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 538.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 518.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 498.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 658.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 798px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 658.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 897.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-399 {
    width: 1256.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 216.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 241px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 310.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 330.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 361.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 337.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 409.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 385.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 457.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 482px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 482px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 602.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 650.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 626.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 602.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 795.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 964px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 795.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 1084.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-482 {
    width: 1518.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 1080px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.h-480 {
    max-height: 1512px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.big {
    max-height: 242.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.big {
    max-height: 269px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.big {
    max-height: 347.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.big {
    max-height: 368.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.big {
    max-height: 403.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.big {
    max-height: 376.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.big {
    max-height: 457.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.big {
    max-height: 430.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.big {
    max-height: 511.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.big {
    max-height: 538px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.big {
    max-height: 538px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.big {
    max-height: 672.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.big {
    max-height: 726.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.big {
    max-height: 699.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.big {
    max-height: 672.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    max-height: 887.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1076px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    max-height: 887.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1210.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.big {
    max-height: 1694.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.big {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.prscroll-22 {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.w-500 {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 287.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 319px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 411.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 437.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 478.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 446.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 542.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 510.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 606.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 797.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 861.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 829.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 797.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1052.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1052.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 1435.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll.extrabig {
    max-height: 2009.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    width: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar {
    border-radius: 78.75px;
  }
}
#fractions .fractions__main_scroll::-webkit-scrollbar-track {
  background: #39384E;
  border-radius: 100px;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-track {
    border-radius: 78.75px;
  }
}
#fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 100px;
}
@media (max-width: 799px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_scroll::-webkit-scrollbar-thumb {
    border-radius: 78.75px;
  }
}
#fractions .fractions__dragondrop_element {
  pointer-events: none;
  position: absolute;
  z-index: 99;
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    width: 389.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    width: 433px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    width: 558.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    width: 593.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    width: 649.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    width: 606.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    width: 736.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    width: 692.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    width: 822.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    width: 866px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    width: 866px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    width: 1082.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    width: 1169.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    width: 1125.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    width: 1082.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    width: 1428.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    width: 1732px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    width: 1428.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    width: 1948.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    width: 2727.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__dragondrop_element {
    max-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__dragondrop_element {
    max-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__dragondrop_element {
    max-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__dragondrop_element {
    max-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__dragondrop_element {
    max-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__dragondrop_element {
    max-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__dragondrop_element {
    max-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__dragondrop_element {
    max-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__dragondrop_element {
    max-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__dragondrop_element {
    max-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__dragondrop_element {
    max-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__dragondrop_element {
    max-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__dragondrop_element {
    max-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__dragondrop_element {
    max-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__dragondrop_element {
    max-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    max-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    max-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__dragondrop_element {
    max-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__dragondrop_element {
    max-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__dragondrop_element {
    max-height: 151.2px;
  }
}
#fractions .fractions__scroll_element {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element {
    min-height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element {
    min-height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element {
    min-height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element {
    min-height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element {
    min-height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element {
    min-height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element {
    min-height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element {
    min-height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element {
    min-height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element {
    min-height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element {
    min-height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element {
    min-height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element {
    min-height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    min-height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    min-height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    min-height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    min-height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element {
    min-height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element {
    margin-bottom: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.small {
    min-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.small {
    min-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.small {
    min-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.small {
    min-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.small {
    min-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.small {
    min-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.small {
    min-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.small {
    min-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.small {
    min-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.small {
    min-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.small {
    min-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.small {
    min-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.small {
    min-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.small {
    min-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.small {
    min-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.small {
    min-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.small {
    min-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.small {
    min-height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.small {
    min-height: 113.4px;
  }
}
#fractions .fractions__scroll_element .hidden {
  opacity: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element .fractionsicon-fired {
    font-size: 44.1px;
  }
}
#fractions .fractions__scroll_element .fractionsicon-fired:hover {
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.hover, #fractions .fractions__scroll_element.active {
    padding-right: 25.2px;
  }
}
#fractions .fractions__scroll_element.hover:hover, #fractions .fractions__scroll_element.active:hover {
  background: rgba(233, 241, 247, 0.15);
}
#fractions .fractions__scroll_element.hover:hover .hidden, #fractions .fractions__scroll_element.active:hover .hidden {
  opacity: 1;
}
#fractions .fractions__scroll_element.activeselected {
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__scroll_element.p-20 {
    padding-right: 63px;
  }
}
#fractions .fractions__scroll_element:last-child {
  margin-bottom: 0;
}
#fractions .box-flex {
  display: flex;
  align-items: center;
}
#fractions .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#fractions .box-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fractions .box-column {
  display: flex;
  flex-direction: column;
}
#fractions .wh-100 {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .pr-22 {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-22 {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-22 {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-22 {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-22 {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-22 {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-22 {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-22 {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-22 {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-22 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-22 {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-22 {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-22 {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-22 {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-22 {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-22 {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-22 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-22 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-22 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-22 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-22 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-22 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-22 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-22 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-22 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-22 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-22 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-22 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-22 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-22 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-22 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-22 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-22 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-22 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-96 {
    padding-right: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-96 {
    padding-right: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-96 {
    padding-right: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-96 {
    padding-right: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-96 {
    padding-right: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-96 {
    padding-right: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-96 {
    padding-right: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-96 {
    padding-right: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-96 {
    padding-right: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-96 {
    padding-right: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-96 {
    padding-right: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-96 {
    padding-right: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-96 {
    padding-right: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-96 {
    padding-right: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-96 {
    padding-right: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-96 {
    padding-right: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-96 {
    padding-right: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-96 {
    padding-right: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-96 {
    padding-right: 216px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-96 {
    padding-right: 302.4px;
  }
}
#fractions .fractions__progressbar {
  background: #1E262F;
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    width: 93.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    width: 103.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    width: 133.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    width: 141.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    width: 155.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    width: 144.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    width: 175.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    width: 165.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    width: 196.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    width: 207px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    width: 207px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    width: 258.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    width: 279.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    width: 269.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    width: 258.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    width: 341.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    width: 414px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    width: 341.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    width: 465.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    width: 652.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    border-radius: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    border-radius: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    border-radius: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    border-radius: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    border-radius: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    border-radius: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    border-radius: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    border-radius: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    border-radius: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    border-radius: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    border-radius: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    border-radius: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    border-radius: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    border-radius: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    border-radius: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    border-radius: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    border-radius: 94.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar {
    margin-top: 31.5px;
  }
}
#fractions .fractions__progressbar .fractions__progressbar_current {
  background: #FB4F69;
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 67.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__progressbar .fractions__progressbar_current {
    border-radius: 94.5px;
  }
}
#fractions .fractions__input {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    width: 294.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    width: 327px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    width: 421.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    width: 447.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    width: 490.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    width: 457.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    width: 555.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    width: 523.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    width: 621.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    width: 654px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    width: 654px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    width: 817.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    width: 882.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    width: 850.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    width: 817.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    width: 1079.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    width: 1308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    width: 1079.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    width: 1471.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    width: 2060.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.large {
    width: 218.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.large {
    width: 243px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.large {
    width: 313.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.large {
    width: 332.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.large {
    width: 364.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.large {
    width: 340.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.large {
    width: 413.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.large {
    width: 388.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.large {
    width: 461.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.large {
    width: 486px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.large {
    width: 486px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.large {
    width: 607.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.large {
    width: 656.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.large {
    width: 631.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.large {
    width: 607.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.large {
    width: 801.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.large {
    width: 972px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.large {
    width: 801.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.large {
    width: 1093.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.large {
    width: 1530.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.medium {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.medium {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.medium {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.medium {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.medium {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.medium {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.medium {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.medium {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.medium {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.medium {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.medium {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.medium {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.medium {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.medium {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.medium {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.medium {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.medium {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.medium {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.medium {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.medium {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-522 {
    width: 234.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-522 {
    width: 261px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-522 {
    width: 336.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-522 {
    width: 357.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-522 {
    width: 391.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-522 {
    width: 365.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-522 {
    width: 443.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-522 {
    width: 417.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-522 {
    width: 495.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-522 {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-522 {
    width: 522px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-522 {
    width: 652.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-522 {
    width: 704.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-522 {
    width: 678.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-522 {
    width: 652.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    width: 861.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    width: 1044px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    width: 861.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    width: 1174.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-522 {
    width: 1644.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-522 {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-522 {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-522 {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-522 {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-522 {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-522 {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-522 {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-522 {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-522 {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-522 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-522 {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-522 {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-522 {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-522 {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-522 {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-522 {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-522 {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-522 {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-269 {
    width: 121.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-269 {
    width: 134.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-269 {
    width: 173.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-269 {
    width: 184.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-269 {
    width: 201.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-269 {
    width: 188.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-269 {
    width: 228.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-269 {
    width: 215.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-269 {
    width: 255.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-269 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-269 {
    width: 269px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-269 {
    width: 336.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-269 {
    width: 363.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-269 {
    width: 349.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-269 {
    width: 336.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    width: 443.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    width: 538px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    width: 443.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    width: 605.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-269 {
    width: 847.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.w-269 {
    margin-bottom: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input.small {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input.small {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input.small {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input.small {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input.small {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input.small {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input.small {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input.small {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input.small {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input.small {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input.small {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input.small {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input.small {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input.small {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input.small {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input.small {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input.small {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input.small {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input.small {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input.small {
    width: 466.2px;
  }
}
#fractions .fractions__input .fractionsicon-loop {
  color: white;
}
@media (max-width: 799px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input .fractionsicon-loop {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input .fractionsicon-loop {
    margin-right: 15.75px;
  }
}
#fractions .fractions__input input {
  width: 100%;
  height: 100%;
  color: #ccd8e1;
  font-family: "TTNorms-Medium";
  background: transparent;
}
@media (max-width: 799px) {
  #fractions .fractions__input input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__input input {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__input input {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__input input {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__input input {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__input input {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__input input {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__input input {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__input input {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__input input {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__input input {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__input input {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__input input {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__input input {
    line-height: 44.1px;
  }
}
#fractions .large {
  max-width: 100% !important;
  width: 100%;
}
@media (max-width: 799px) {
  #fractions .mr-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-5 {
    margin-right: 15.75px;
  }
}
#fractions .mb-0 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .mb-16 {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-16 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-16 {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-16 {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-16 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-16 {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-16 {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-16 {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-16 {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-16 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-16 {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-16 {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-16 {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-16 {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-16 {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-16 {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-16 {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-16 {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .pl-8 {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pl-8 {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pl-8 {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pl-8 {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pl-8 {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pl-8 {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pl-8 {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pl-8 {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pl-8 {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pl-8 {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pl-8 {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pl-8 {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pl-8 {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pl-8 {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pl-8 {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pl-8 {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pl-8 {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pl-8 {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pl-8 {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .pl-8 {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-10 {
    margin-right: 31.5px;
  }
}
#fractions .fractions__access_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box {
    margin-left: 50.4px;
  }
}
#fractions .fractions__access_box .fractions__access_element {
  background: #1E262F;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    width: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element {
    font-size: 37.8px;
  }
}
#fractions .fractions__access_box .fractions__access_element.decline {
  color: #FB4F69;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-top-left-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    border-bottom-left-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.decline {
    margin-right: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.decline.active {
  color: white;
  background: #DA2640;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.neutral {
    margin-right: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.neutral.active {
  color: white;
  background: #3D444B;
}
#fractions .fractions__access_box .fractions__access_element.accept {
  color: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-top-right-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__access_box .fractions__access_element.accept {
    border-bottom-right-radius: 12.6px;
  }
}
#fractions .fractions__access_box .fractions__access_element.accept.active {
  color: white;
  background: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .pr-270 {
    padding-right: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-270 {
    padding-right: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-270 {
    padding-right: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-270 {
    padding-right: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-270 {
    padding-right: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-270 {
    padding-right: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-270 {
    padding-right: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-270 {
    padding-right: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-270 {
    padding-right: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-270 {
    padding-right: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-270 {
    padding-right: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-270 {
    padding-right: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-270 {
    padding-right: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-270 {
    padding-right: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-270 {
    padding-right: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-270 {
    padding-right: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-270 {
    padding-right: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-270 {
    padding-right: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-270 {
    padding-right: 607.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-270 {
    padding-right: 850.5px;
  }
}
#fractions .whitecolor {
  color: white;
}
#fractions .m-0 {
  margin: 0;
}
#fractions .mb-0 {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  #fractions .pr-226 {
    padding-right: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-226 {
    padding-right: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-226 {
    padding-right: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-226 {
    padding-right: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-226 {
    padding-right: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-226 {
    padding-right: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-226 {
    padding-right: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-226 {
    padding-right: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-226 {
    padding-right: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-226 {
    padding-right: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-226 {
    padding-right: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-226 {
    padding-right: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-226 {
    padding-right: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-226 {
    padding-right: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-226 {
    padding-right: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-right: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-right: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-right: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-right: 508.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-226 {
    padding-right: 711.9px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-226 {
    padding-left: 0px;
  }
}
#fractions .pr-276 {
  padding-left: 0;
}
@media (max-width: 799px) {
  #fractions .pr-276 {
    padding-right: 124.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-276 {
    padding-right: 138px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-276 {
    padding-right: 178.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-276 {
    padding-right: 189.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-276 {
    padding-right: 207px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-276 {
    padding-right: 193.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-276 {
    padding-right: 234.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-276 {
    padding-right: 220.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-276 {
    padding-right: 262.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-276 {
    padding-right: 276px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-276 {
    padding-right: 276px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-276 {
    padding-right: 345px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-276 {
    padding-right: 372.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-276 {
    padding-right: 358.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-276 {
    padding-right: 345px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-276 {
    padding-right: 455.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-276 {
    padding-right: 552px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-276 {
    padding-right: 455.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-276 {
    padding-right: 621px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-276 {
    padding-right: 869.4px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-20 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-20 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-20 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-20 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-20 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-20 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-20 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-20 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-20 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-20 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-20 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-20 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-20 {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-253 {
    padding-right: 113.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-253 {
    padding-right: 126.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-253 {
    padding-right: 163.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-253 {
    padding-right: 173.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-253 {
    padding-right: 189.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-253 {
    padding-right: 177.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-253 {
    padding-right: 215.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-253 {
    padding-right: 202.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-253 {
    padding-right: 240.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-253 {
    padding-right: 253px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-253 {
    padding-right: 253px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-253 {
    padding-right: 316.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-253 {
    padding-right: 341.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-253 {
    padding-right: 328.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-253 {
    padding-right: 316.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-253 {
    padding-right: 417.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-253 {
    padding-right: 506px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-253 {
    padding-right: 417.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-253 {
    padding-right: 569.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-253 {
    padding-right: 796.95px;
  }
}
#fractions .not-center {
  align-items: flex-start;
}
@media (max-width: 799px) {
  #fractions .pr-218 {
    padding-right: 98.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-218 {
    padding-right: 109px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-218 {
    padding-right: 140.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-218 {
    padding-right: 149.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-218 {
    padding-right: 163.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-218 {
    padding-right: 152.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-218 {
    padding-right: 185.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-218 {
    padding-right: 174.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-218 {
    padding-right: 207.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-218 {
    padding-right: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-218 {
    padding-right: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-218 {
    padding-right: 272.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-218 {
    padding-right: 294.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-218 {
    padding-right: 283.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-218 {
    padding-right: 272.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-218 {
    padding-right: 359.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-218 {
    padding-right: 436px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-218 {
    padding-right: 359.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-218 {
    padding-right: 490.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-218 {
    padding-right: 686.7px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-40 {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-40 {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-40 {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-40 {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-40 {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-40 {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-40 {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-40 {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-40 {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-40 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-40 {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-40 {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-40 {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-40 {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-40 {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-40 {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-40 {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-40 {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-40 {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-40 {
    margin-right: 126px;
  }
}
#fractions .fw-bold {
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fs-36 {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fs-36 {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fs-36 {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fs-36 {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fs-36 {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fs-36 {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fs-36 {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fs-36 {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fs-36 {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fs-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fs-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fs-36 {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fs-36 {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fs-36 {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fs-36 {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fs-36 {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fs-36 {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fs-36 {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fs-36 {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fs-36 {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fs-36 {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fs-36 {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fs-36 {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fs-36 {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fs-36 {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fs-36 {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fs-36 {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fs-36 {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fs-36 {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fs-36 {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fs-36 {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fs-36 {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fs-36 {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fs-36 {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-16 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-16 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-16 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-16 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-16 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-16 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-16 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-16 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-16 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-16 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-16 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-16 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-16 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-16 {
    margin-right: 50.4px;
  }
}
#fractions .gold {
  color: #F2BD00;
}
#fractions .silver {
  color: #B6B2CD;
}
#fractions .bronze {
  color: #AB7935;
}
@media (max-width: 799px) {
  #fractions .w-166 {
    min-width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-166 {
    min-width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-166 {
    min-width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-166 {
    min-width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-166 {
    min-width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-166 {
    min-width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-166 {
    min-width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-166 {
    min-width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-166 {
    min-width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-166 {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-166 {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-166 {
    min-width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-166 {
    min-width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-166 {
    min-width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-166 {
    min-width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-166 {
    min-width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-166 {
    min-width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-166 {
    min-width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-166 {
    min-width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-166 {
    min-width: 522.9px;
  }
}
#fractions .fractions__element_black {
  background: #1E262F;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    width: 126.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    width: 141px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    width: 181.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    width: 193.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    width: 211.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    width: 197.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    width: 239.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    width: 225.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    width: 267.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    width: 282px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    width: 282px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    width: 352.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    width: 380.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    width: 366.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    width: 352.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    width: 465.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    width: 564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    width: 465.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    width: 634.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    width: 888.3px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    height: 53.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    height: 59.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    height: 76.755px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    height: 81.515px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    height: 89.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    height: 83.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    height: 101.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    height: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    height: 113.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    height: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    height: 119px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    height: 148.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    height: 160.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    height: 154.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    height: 148.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    height: 196.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    height: 238px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    height: 196.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    height: 267.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    height: 374.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    border-radius: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    border-radius: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    border-radius: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    border-radius: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    border-radius: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    border-radius: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    border-radius: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    border-radius: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    border-radius: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    border-radius: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    border-radius: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    border-radius: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    border-radius: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    border-radius: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    border-radius: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    border-radius: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    border-radius: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    border-radius: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    border-radius: 15.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    border-radius: 22.05px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black {
    padding: 31.5px;
  }
}
#fractions .fractions__element_black .fractions__black_img {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/reward.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 222.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-width: 311.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 44.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 49.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 63.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 67.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 74.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 69.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 84.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 79.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 94.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 99px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 123.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 133.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 128.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 163.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 163.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 222.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    min-height: 311.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_img {
    border-radius: 18.9px;
  }
}
#fractions .fractions__element_black .fractions__black_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title {
    margin-bottom: 12.6px;
  }
}
#fractions .fractions__element_black .fractions__black_title.gray {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_title.gray {
    margin-bottom: 25.2px;
  }
}
#fractions .fractions__element_black .fractions__black_subtitle {
  font-weight: normal;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black .fractions__black_subtitle {
    line-height: 37.8px;
  }
}
#fractions .fractions__element_black .fractions__black_subtitle.hover:hover {
  opacity: 0.7;
}
#fractions .fractions__element_black.newparams {
  padding: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    width: 127.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    width: 142px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    width: 183.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    width: 194.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    width: 213px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    width: 198.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    width: 241.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    width: 227.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    width: 269.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    width: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    width: 355px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    width: 383.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    width: 369.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    width: 355px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    width: 468.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    width: 568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    width: 468.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    width: 639px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    width: 894.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    height: 41.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    height: 46.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    height: 59.985px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    height: 63.705px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    height: 69.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    height: 65.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    height: 79.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    height: 74.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    height: 88.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    height: 93px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    height: 116.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    height: 125.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    height: 120.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    height: 116.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    height: 153.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    height: 186px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    height: 153.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    height: 209.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    height: 292.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams {
    padding-left: 50.4px;
  }
}
#fractions .fractions__element_black.newparams .fractions__black_img {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 292.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    width: 409.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 200.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    height: 280.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 292.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-width: 409.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 200.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img {
    min-height: 280.35px;
  }
}
#fractions .fractions__element_black.newparams .fractions__black_img.form {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/form.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    height: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-width: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 144px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    min-height: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .fractions__black_img.form {
    margin-right: 47.25px;
  }
}
#fractions .fractions__element_black.newparams .gray {
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .gray {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__element_black.newparams .gray {
    line-height: 37.8px;
  }
}
#fractions .fractions__element_black.newparams .silver {
  color: #A6B1BA;
  font-weight: bold;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #fractions .mt-40 {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-40 {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-40 {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-40 {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-40 {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-40 {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-40 {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-40 {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-40 {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-40 {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-40 {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-40 {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-40 {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .mb-18 {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mb-18 {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mb-18 {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mb-18 {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mb-18 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mb-18 {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mb-18 {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mb-18 {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mb-18 {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mb-18 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mb-18 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mb-18 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mb-18 {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mb-18 {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mb-18 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mb-18 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mb-18 {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mb-18 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mb-18 {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mb-18 {
    margin-bottom: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-8 {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-8 {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-8 {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-8 {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-8 {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-8 {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-8 {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-8 {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-8 {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-8 {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-8 {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-8 {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-8 {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-8 {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-8 {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-8 {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-8 {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-8 {
    margin-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-18 {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-18 {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-18 {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-18 {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-18 {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-18 {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-18 {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-18 {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-18 {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-18 {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-18 {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-18 {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-18 {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-18 {
    margin-top: 56.7px;
  }
}
#fractions .fractions__main_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid .fractions__stats_subtitle {
    max-width: 434.7px;
  }
}
#fractions .fractions__main_grid.mini {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini {
    gap: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 12.9px;
         column-gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 13.7px;
         column-gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 17px;
         column-gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 19px;
         column-gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 27px;
         column-gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 26px;
         column-gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 33px;
         column-gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 45px;
         column-gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini {
    -moz-column-gap: 63px;
         column-gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.mini .fractions__main_element {
    margin-bottom: 31.5px;
  }
}
#fractions .fractions__main_grid.large {
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 6.45px;
         column-gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 6.85px;
         column-gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 8.5px;
         column-gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 9.5px;
         column-gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 12.5px;
         column-gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 13.5px;
         column-gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 12.5px;
         column-gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 22.5px;
         column-gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large {
    -moz-column-gap: 31.5px;
         column-gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large {
    margin-bottom: 31.5px;
  }
}
#fractions .fractions__main_grid.large .fractions__weapon_box {
  margin: 0;
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    width: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__main_grid.large .fractions__weapon_box {
    font-size: 132.3px;
  }
}
#fractions .h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
@media (max-width: 799px) {
  #fractions .fractionsicon-settings {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-settings {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-settings {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-settings {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-settings {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-settings {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-settings {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-settings {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-settings {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-settings {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-settings {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-settings {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-settings {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-settings {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-settings {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-settings {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsicon-settings {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsicon-settings {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsicon-settings {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsicon-settings {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsicon-settings {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsicon-settings {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsicon-settings {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsicon-settings {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsicon-settings {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsicon-settings {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsicon-settings {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsicon-settings {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsicon-settings {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsicon-settings {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsicon-settings {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsicon-settings {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsicon-settings {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsicon-settings {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .w-726 {
    width: 326.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-726 {
    width: 363px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-726 {
    width: 468.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-726 {
    width: 497.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-726 {
    width: 544.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-726 {
    width: 508.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-726 {
    width: 617.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-726 {
    width: 580.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-726 {
    width: 689.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-726 {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-726 {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-726 {
    width: 907.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-726 {
    width: 980.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-726 {
    width: 943.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-726 {
    width: 907.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-726 {
    width: 1197.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-726 {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-726 {
    width: 1197.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-726 {
    width: 1633.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-726 {
    width: 2286.9px;
  }
}
#fractions .fractions__complaints_element {
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    width: 326.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    width: 363px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    width: 468.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    width: 497.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    width: 544.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    width: 508.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    width: 617.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    width: 580.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    width: 689.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    width: 726px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    width: 907.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    width: 980.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    width: 943.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    width: 907.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    width: 1197.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    width: 1452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    width: 1197.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    width: 1633.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    width: 2286.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    padding: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element {
    margin-bottom: 63px;
  }
}
#fractions .fractions__complaints_element .fractions__complaints_text {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__complaints_element .fractions__complaints_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__complaints_element .fractions__complaints_title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-16 {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-16 {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-16 {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-16 {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-16 {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-16 {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-16 {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-16 {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-16 {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-16 {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-16 {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-16 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-16 {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-16 {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-16 {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-16 {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-16 {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-16 {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-16 {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-16 {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .w-745 {
    width: 335.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .w-745 {
    width: 372.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .w-745 {
    width: 480.525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .w-745 {
    width: 510.325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .w-745 {
    width: 558.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .w-745 {
    width: 521.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .w-745 {
    width: 633.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .w-745 {
    width: 596px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .w-745 {
    width: 707.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .w-745 {
    width: 745px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .w-745 {
    width: 745px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .w-745 {
    width: 931.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .w-745 {
    width: 1005.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .w-745 {
    width: 968.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .w-745 {
    width: 931.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .w-745 {
    width: 1229.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .w-745 {
    width: 1490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .w-745 {
    width: 1229.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .w-745 {
    width: 1676.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .w-745 {
    width: 2346.75px;
  }
}
#fractions .fractionsrewards__elements {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    max-height: 310.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    max-height: 345px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    max-height: 445.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    max-height: 472.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    max-height: 517.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    max-height: 483px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    max-height: 586.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    max-height: 552px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    max-height: 655.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    max-height: 690px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    max-height: 931.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    max-height: 897px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    max-height: 862.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    max-height: 1380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    max-height: 1138.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    max-height: 1552.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    max-height: 2173.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar {
    width: 9.45px;
  }
}
#fractions .fractionsrewards__elements::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 355.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 395px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 509.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 541.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 592.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 553px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 671.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 632px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 750.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 790px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 987.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1066.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1027px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 987.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1303.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1303.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 1777.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    width: 2488.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 216px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    min-height: 302.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element {
    margin-bottom: 75.6px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element:last-child {
  margin-bottom: 0;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
  font-weight: 500;
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_title {
    width: 945px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
  font-weight: 500;
  color: #A6B1BA;
  text-align: left;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_subtitle {
    width: 945px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_box {
    margin-left: 31.5px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
  border-radius: 4px;
  background: rgba(4, 19, 30, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward {
    margin-right: 63px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_reward:last-child {
  margin: 0;
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/case.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_img {
    height: 119.7px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #018A7C;
  font-weight: 500;
  cursor: pointer;
  margin-left: auto;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 351px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    width: 491.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button {
    line-height: 50.4px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
  background: #375e80;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.time {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
  background: #435768;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.taked {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
  background: #742222;
  opacity: 0.6;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element .fractionsreward__element_button.missed {
    height: 100.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress {
    margin-right: 63px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
  text-align: right;
  font-weight: 500;
  сolor: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progress_count {
    margin-bottom: 37.8px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
  background: #3C576A;
  display: flex;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar {
    height: 12.6px;
  }
}
#fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
  background: #2BB6A8;
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractionsrewards__elements .fractionsreward__element_progress .fractionsreward__progressbar .fractionsreward__progress {
    border-radius: 18.9px;
  }
}
#fractions .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: absolute;
  z-index: 999999;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 799px) {
  #fractions .tooltiptext {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .tooltiptext {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .tooltiptext {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .tooltiptext {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .tooltiptext {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .tooltiptext {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .tooltiptext {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .tooltiptext {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .tooltiptext {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .tooltiptext {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .tooltiptext {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .tooltiptext {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .tooltiptext {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .tooltiptext {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .tooltiptext {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .tooltiptext {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .tooltiptext {
    border-radius: 18.9px;
  }
}
#fractions .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
@media (max-width: 799px) {
  #fractions .pr-210 {
    padding-right: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-210 {
    padding-right: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-210 {
    padding-right: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-210 {
    padding-right: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-210 {
    padding-right: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-210 {
    padding-right: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-210 {
    padding-right: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-210 {
    padding-right: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-210 {
    padding-right: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-210 {
    padding-right: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-210 {
    padding-right: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-210 {
    padding-right: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-210 {
    padding-right: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-210 {
    padding-right: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-210 {
    padding-right: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-210 {
    padding-right: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-210 {
    padding-right: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-210 {
    padding-right: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-210 {
    padding-right: 472.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-210 {
    padding-right: 661.5px;
  }
}
@media (max-width: 799px) {
  #fractions .mr-8 {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mr-8 {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mr-8 {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mr-8 {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mr-8 {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mr-8 {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mr-8 {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mr-8 {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mr-8 {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mr-8 {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mr-8 {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mr-8 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mr-8 {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mr-8 {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mr-8 {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mr-8 {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mr-8 {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mr-8 {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mr-8 {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .mr-8 {
    margin-right: 25.2px;
  }
}
#fractions .fractions__tasks_box {
  background: rgba(255, 255, 255, 0.1);
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box {
    padding: 63px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image {
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/assets/images/task.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image {
    height: 252px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.red::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(218, 38, 64, 0.42) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.red::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #DA2640;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.red::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.green::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(37, 154, 112, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.green::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #259A70;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.green::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(248, 119, 0, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #FF7A00;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.orange::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -3.96%, rgba(5, 180, 219, 0.37) 69.59%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::before {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #56CCF2;
  border-radius: 0px 0px 4px 4px;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    bottom: 0px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_image.blue::after {
    height: 12.6px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_title {
    line-height: 69.3px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_subtitle {
    line-height: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text {
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text.green {
  color: #6FCF97;
}
#fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
  color: #6FCF97;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text .fractionsicon-map {
    font-size: 31.5px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_text.center {
  text-align: center;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_text.center {
    margin-top: 50.4px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #259A70;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button {
    margin-top: 81.9px;
  }
}
#fractions .fractions__tasks_box .fractions__tasks_button:hover {
  background: #1b7051;
}
#fractions .fractions__tasks_box .fractions__tasks_button.unactive {
  background: #1E262F;
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_box .fractions__tasks_button.unactive {
    border-radius: 18.9px;
  }
}
#fractions .fractions__tasks_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__tasks_grid {
    margin-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__tasks_grid {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__tasks_grid {
    margin-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__tasks_grid {
    margin-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__tasks_grid {
    margin-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__tasks_grid {
    margin-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__tasks_grid {
    margin-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__tasks_grid {
    margin-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__tasks_grid {
    margin-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__tasks_grid {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__tasks_grid {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__tasks_grid {
    margin-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__tasks_grid {
    margin-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__tasks_grid {
    margin-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__tasks_grid {
    margin-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    margin-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    margin-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__tasks_grid {
    margin-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__tasks_grid {
    margin-left: 90px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__tasks_grid {
    margin-left: 126px;
  }
}
@media (max-width: 799px) {
  #fractions .mt-56 {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .mt-56 {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .mt-56 {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .mt-56 {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .mt-56 {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .mt-56 {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .mt-56 {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .mt-56 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .mt-56 {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .mt-56 {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .mt-56 {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .mt-56 {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .mt-56 {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .mt-56 {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .mt-56 {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .mt-56 {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .mt-56 {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .mt-56 {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .mt-56 {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #fractions .mt-56 {
    margin-top: 176.4px;
  }
}
#fractions .align-start {
  align-items: flex-start;
}
#fractions .fractions__notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    height: 166.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    margin-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification {
    margin-bottom: 53.55px;
  }
}
#fractions .fractions__notification .fractionsicon-warning {
  color: #DA2640;
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 76.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractionsicon-warning {
    font-size: 107.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractionsicon-warning {
    margin-right: 63px;
  }
}
#fractions .fractions__notification .fractions__notification_text {
  font-weight: 500;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractions__notification_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__notification .fractions__notification_text {
    line-height: 50.4px;
  }
}
#fractions .fractions__war_grid {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  justify-items: center;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid {
    max-height: 260.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid {
    max-height: 289px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid {
    max-height: 372.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid {
    max-height: 395.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid {
    max-height: 433.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid {
    max-height: 404.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid {
    max-height: 491.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid {
    max-height: 462.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid {
    max-height: 549.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid {
    max-height: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid {
    max-height: 722.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid {
    max-height: 780.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid {
    max-height: 751.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid {
    max-height: 722.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    max-height: 953.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    max-height: 1156px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid {
    max-height: 953.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid {
    max-height: 1300.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid {
    max-height: 1820.7px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar {
    width: 9.45px;
  }
}
#fractions .fractions__war_grid::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#fractions .fractions__war_grid::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#fractions .fractions__war_grid .fractions__war_element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#fractions .fractions__war_grid .fractions__war_stats {
  width: -webkit-fill-available;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 20.25px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    padding-left: 28.35px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_stats {
    margin-top: 25.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.45px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.645px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.685px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.75px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.85px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.8px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 0.95px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.35px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 2.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    border: 3.15px solid rgba(255, 255, 255, 0.25);
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid {
    padding: 25.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.45px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.5px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.645px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.685px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.75px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.7px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.85px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.8px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 0.95px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.35px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.3px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 1.65px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 2.25px solid rgba(255, 255, 255, 0.25);
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    border: 3.15px solid rgba(255, 255, 255, 0.25);
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_border {
    height: 151.2px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz {
    height: 100.8px;
  }
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz:hover {
  opacity: 0.8;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.rm {
  background: #87CEEB;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.lcn {
  background: #CC9900;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.yakudza {
  background: #8B0000;
}
#fractions .fractions__war_grid .fractions__war_smallgrid .fractions__war_biz.armyane {
  background: #A9A9A9;
}
#fractions .fractions__war_grid .fractions__war_price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #259A70;
  font-weight: 500;
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractions .fractions__war_grid .fractions__war_price {
    line-height: 50.4px;
  }
}
#fractions .longtextparams {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    min-width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    min-width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    min-width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    min-width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    min-width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    min-width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    min-width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    min-width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    min-width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    min-width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    min-width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    min-width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    min-width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    min-width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    min-width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    min-width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    min-width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    min-width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    min-width: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    height: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .hiddenbox14 {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .hiddenbox14 {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .hiddenbox14 {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .hiddenbox14 {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .hiddenbox14 {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .hiddenbox14 {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .hiddenbox14 {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .hiddenbox14 {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .hiddenbox14 {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .hiddenbox14 {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .hiddenbox14 {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .hiddenbox14 {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .hiddenbox14 {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .hiddenbox14 {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .hiddenbox14 {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .hiddenbox14 {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .hiddenbox14 {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractions .hiddenbox14 {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractions .pr-135 {
    padding-right: 60.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractions .pr-135 {
    padding-right: 67.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractions .pr-135 {
    padding-right: 87.075px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractions .pr-135 {
    padding-right: 92.475px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractions .pr-135 {
    padding-right: 101.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractions .pr-135 {
    padding-right: 94.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractions .pr-135 {
    padding-right: 114.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractions .pr-135 {
    padding-right: 108px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractions .pr-135 {
    padding-right: 128.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractions .pr-135 {
    padding-right: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractions .pr-135 {
    padding-right: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractions .pr-135 {
    padding-right: 168.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractions .pr-135 {
    padding-right: 182.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractions .pr-135 {
    padding-right: 175.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractions .pr-135 {
    padding-right: 168.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractions .pr-135 {
    padding-right: 222.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractions .pr-135 {
    padding-right: 270px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractions .pr-135 {
    padding-right: 222.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractions .pr-135 {
    padding-right: 303.75px;
  }
}
@media (min-width: 6000px) {
  #fractions .pr-135 {
    padding-right: 425.25px;
  }
}
#fractions .align-startflex {
  align-items: flex-start !important;
}
@font-face {
  font-family: "fractionsicon";
  src: url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts//fractionsicon.eot);
  src: url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts//fractionsicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts//fractionsicon.ttf) format("truetype"), url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts//fractionsicon.woff) format("woff"), url(/src/views/player/hudevo/ipad/components/fractions/assets/fonts/fractionsicon.svg#fractionsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=fractionsicon-], [class*=" fractionsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fractionsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fractionsicon-best:before {
  content: "\e900";
}

.fractionsicon-check:before {
  content: "\e901";
}

.fractionsicon-complaints:before {
  content: "\e902";
}

.fractionsicon-copy:before {
  content: "\e903";
}

.fractionsicon-crime:before {
  content: "\e904";
}

.fractionsicon-crown:before {
  content: "\e905";
}

.fractionsicon-decline:before {
  content: "\e906";
}

.fractionsicon-dots:before {
  content: "\e907";
}

.fractionsicon-exit:before {
  content: "\e908";
}

.fractionsicon-fired:before {
  content: "\e909";
}

.fractionsicon-form:before {
  content: "\e90a";
}

.fractionsicon-fractions:before {
  content: "\e90b";
}

.fractionsicon-gov:before {
  content: "\e90c";
}

.fractionsicon-loop:before {
  content: "\e90d";
}

.fractionsicon-map:before {
  content: "\e90e";
}

.fractionsicon-members:before {
  content: "\e90f";
}

.fractionsicon-neutral:before {
  content: "\e910";
}

.fractionsicon-news:before {
  content: "\e911";
}

.fractionsicon-parking:before {
  content: "\e912";
}

.fractionsicon-person:before {
  content: "\e913";
}

.fractionsicon-plus:before {
  content: "\e914";
}

.fractionsicon-question:before {
  content: "\e915";
}

.fractionsicon-rank:before {
  content: "\e916";
}

.fractionsicon-settings:before {
  content: "\e917";
}

.fractionsicon-squads:before {
  content: "\e918";
}

.fractionsicon-stats:before {
  content: "\e919";
}

.fractionsicon-stock:before {
  content: "\e91a";
}

.fractionsicon-tasks:before {
  content: "\e91b";
}

.fractionsicon-time:before {
  content: "\e91c";
}

.fractionsicon-upgrade:before {
  content: "\e91d";
}

.fractionsicon-warning:before {
  content: "\e91e";
}

.fractionsicon-wifi:before {
  content: "\e91f";
}
@font-face {
  font-family: "organisationsicon";
  src: url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts/fonts//organisationsicon.eot);
  src: url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts/fonts//organisationsicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts/fonts//organisationsicon.ttf) format("truetype"), url(../src/views/player/hudevo/ipad/components/fractions/assets/fonts/fonts//organisationsicon.woff) format("woff"), url(/src/views/player/hudevo/ipad/components/fractions/assets/fonts/fonts/organisationsicon.svg#organisationsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=organisationsicon-], [class*=" organisationsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "organisationsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.organisationsicon-hanger:before {
  content: "\e900";
}

.organisationsicon-clothes:before {
  content: "\e901";
}

.organisationsicon-line:before {
  content: "\e902";
}

.organisationsicon-eye:before {
  content: "\e903";
}

.organisationsicon-phone:before {
  content: "\e904";
}

.organisationsicon-rupor:before {
  content: "\e905";
}

.organisationsicon-shop:before {
  content: "\e906";
}

.organisationsicon-gps:before {
  content: "\e907";
}

.organisationsicon-loop:before {
  content: "\e908";
}

.organisationsicon-personal:before {
  content: "\e909";
}

.organisationsicon-park:before {
  content: "\e90a";
}

.organisationsicon-tasks:before {
  content: "\e90b";
}

.organisationsicon-achivments:before {
  content: "\e90c";
}

.organisationsicon-settings:before {
  content: "\e90d";
}

.organisationsicon-up:before {
  content: "\e90e";
}

.organisationsicon-down:before {
  content: "\e90f";
}

.organisationsicon-clock:before {
  content: "\e910";
}

.organisationsicon-edit:before {
  content: "\e911";
}

.organisationsicon-send:before {
  content: "\e912";
}

.organisationsicon-info:before {
  content: "\e913";
}

.organisationsicon-icon:before {
  content: "\e914";
}

.organisationsicon-add:before {
  content: "\e915";
}

.organisationsicon-dell:before {
  content: "\e916";
}

.organisationsicon-plus:before {
  content: "\e917";
}

.organisationsicon-minus:before {
  content: "\e918";
}

.organisationsicon-sellcar:before {
  content: "\e919";
}

.organisationsicon-tuning:before {
  content: "\e91a";
}

.organisationsicon-edit1:before {
  content: "\e91b";
}

.organisationsicon-save:before {
  content: "\e91c";
}

.organisationsicon-crime:before {
  content: "\e91d";
}

.organisationsicon-customs:before {
  content: "\e91e";
}

.organisationsicon-office:before {
  content: "\e91f";
}

.organisationsicon-gps2:before {
  content: "\e920";
}

.organisationsicon-alarm:before {
  content: "\e921";
}

.organisationsicon-light:before {
  content: "\e922";
}

.organisationsicon-sherif:before {
  content: "\e923";
}

.organisationsicon-dron:before {
  content: "\e924";
}
#popup__newhud_upgrade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    line-height: 59.85px;
  }
}
#popup__newhud_upgrade .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 351.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 391px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 504.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 535.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 586.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 547.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 664.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 625.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 742.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1055.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1016.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1759.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 2463.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1512px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 63px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
#popup__newhud_upgrade .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
#popup__newhud_upgrade .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 75.6px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
#popup__newhud_upgrade .popup__newhud_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
  display: flex;
  flex-direction: column;
  background: #1E262F;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 504px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 705.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 351px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 491.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 100%;
  font-weight: 500;
  font-family: "TTNorms-Medium";
  background-image: url(/src/views/player/hudevo/ipad/components/fractions/popups/upgrade/upgrade.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 93.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 104px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 134.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 142.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 156px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 145.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 166.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 197.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 280.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 270.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 416px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 468px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 655.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 44.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 49px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 63.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 67.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 73.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 68.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 83.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 78.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 93.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 132.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 127.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 196px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 220.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 308.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 40.95px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image .gridimageicon {
    font-size: 132.3px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.88%, #000000 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image div {
  z-index: 5;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 63px;
  }
}
#popup__newhud_upgrade .popup__grid_button {
  background: rgba(255, 255, 255, 0.15);
  font-weight: 500;
  font-family: "TTNorms-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 207px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    width: 289.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__grid_button {
    line-height: 44.1px;
  }
}
#popup__newhud_upgrade .popup__grid_button:hover {
  background: #259A70;
}
#popup__newhud_upgrade .popup__grid_button.white:hover {
  background: white;
  color: black;
}
#popup__newhud_upgrade .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#popup__newhud_upgrade .ml-auto {
  margin-left: auto;
}
#popup__newhud_upgrade .align-startflex {
  align-items: flex-start !important;
}
#inputcolorsettings {
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  #inputcolorsettings {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings {
    margin-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings {
    margin-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings {
    margin-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings {
    margin-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings {
    margin-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings {
    margin-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings {
    margin-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings {
    margin-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings {
    margin-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings {
    margin-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings {
    margin-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings {
    margin-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings {
    margin-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings {
    margin-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings {
    margin-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings {
    margin-top: 78.75px;
  }
}
#inputcolorsettings .panel-row {
  position: relative;
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row {
    margin-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row {
    margin-right: 72.45px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row:first-child {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-row:first-child {
    margin-bottom: 18.9px;
  }
}
#inputcolorsettings .panel-row:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 799px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings.big .panel-row {
    margin-right: 56.7px;
  }
}
#inputcolorsettings .panel-header {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-header {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .panel-header {
    height: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .panel-header {
    height: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .panel-header {
    height: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .panel-header {
    height: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .panel-header {
    height: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .panel-header {
    height: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .panel-header {
    height: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .panel-header {
    height: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .panel-header {
    height: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .panel-header {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .panel-header {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .panel-header {
    height: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .panel-header {
    height: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .panel-header {
    height: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .panel-header {
    height: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    height: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    height: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .panel-header {
    height: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .panel-header {
    height: 105.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .panel-header {
    height: 148.05px;
  }
}
#inputcolorsettings .swatch {
  display: inline-block;
  background: #ccc;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .swatch {
    border-radius: 1.8px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .swatch {
    border-radius: 2px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .swatch {
    border-radius: 2.58px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .swatch {
    border-radius: 2.74px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .swatch {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .swatch {
    border-radius: 2.8px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .swatch {
    border-radius: 3.4px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .swatch {
    border-radius: 3.2px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .swatch {
    border-radius: 3.8px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .swatch {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .swatch {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .swatch {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .swatch {
    border-radius: 5.4px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .swatch {
    border-radius: 5.2px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .swatch {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border-radius: 8px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .swatch {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .swatch {
    border-radius: 9px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .swatch {
    border-radius: 12.6px  undefined;
  }
}
#inputcolorsettings .default-swatches {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches {
    width: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches {
    width: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches {
    width: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches {
    width: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches {
    width: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches {
    width: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches {
    width: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches {
    width: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches {
    width: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches {
    width: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches {
    width: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches {
    width: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches {
    width: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    width: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    width: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    width: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    width: 434.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches {
    width: 607.95px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches {
    height: 192.15px;
  }
}
#inputcolorsettings .default-swatches.big1 {
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(16, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 156.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 174px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 224.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 238.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 261px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 243.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 295.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 278.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 330.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 435px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 469.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 452.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 435px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 574.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 696px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 574.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 783px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big1 {
    width: 1096.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1260px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big1 {
    height: 1764px;
  }
}
#inputcolorsettings .default-swatches.big2 {
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 156.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 174px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 224.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 238.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 261px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 243.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 295.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 278.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 330.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 348px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 435px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 469.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 452.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 435px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 574.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 696px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 574.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 783px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big2 {
    width: 1096.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .default-swatches.big2 {
    height: 201.6px;
  }
}
#inputcolorsettings .default-swatches .swatch:nth-child(6n+1) {
  margin-left: 0;
}
#inputcolorsettings .color-cursor {
  border-radius: 100%;
  background: #ccc;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
  transition: all 0.2s ease;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor {
    border: 0.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor {
    border: 1.29px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor {
    border: 1.37px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor {
    border: 1.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor {
    border: 1.4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor {
    border: 1.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor {
    border: 1.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor {
    border: 1.9px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor {
    border: 2.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor {
    border: 2.6px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor {
    border: 4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor {
    border: 3.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor {
    border: 4.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor {
    border: 6.3px solid rgba(255, 255, 255, 0.2);
  }
}
#inputcolorsettings .color-cursor.dragging {
  transition: none;
}
#inputcolorsettings .color-cursor#spectrum-cursor {
  top: 0;
  left: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -33.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-left: -47.25px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -33.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#spectrum-cursor {
    margin-top: -47.25px;
  }
}
#inputcolorsettings .color-cursor#hue-cursor {
  top: 0;
  left: 50%;
  pointer-events: none;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-top: -31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-cursor#hue-cursor {
    margin-left: -31.5px;
  }
}
#inputcolorsettings .spectrum-map {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    width: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    width: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    width: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    width: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    width: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    width: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    width: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    width: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    width: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    width: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    width: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    width: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    width: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    width: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    width: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    width: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    width: 580.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    width: 812.7px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    height: 607.95px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    border: 0.45px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    border: 0.5px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    border: 0.645px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    border: 0.685px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    border: 0.75px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    border: 0.7px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    border: 0.85px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    border: 0.8px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    border: 0.95px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    border: 1px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    border: 1px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    border: 1.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    border: 1.35px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    border: 1.3px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    border: 1.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border: 1.65px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border: 2px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border: 1.65px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border: 2.25px solid rgba(23, 25, 33, 0.4);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    border: 3.15px solid rgba(23, 25, 33, 0.4);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 2.7px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 3.87px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.11px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.5px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.2px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 5.1px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 4.8px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 5.7px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 8.1px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.8px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 12px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 13.5px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .spectrum-map {
    border-radius: 18.9px  undefined;
  }
}
#inputcolorsettings #spectrum-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
}
#inputcolorsettings .hue-map {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .hue-map {
    right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .hue-map {
    right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .hue-map {
    right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .hue-map {
    right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .hue-map {
    right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .hue-map {
    right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .hue-map {
    right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .hue-map {
    right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .hue-map {
    right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .hue-map {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .hue-map {
    right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .hue-map {
    right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .hue-map {
    right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .hue-map {
    right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .hue-map {
    right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    right: 54px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .hue-map {
    right: 75.6px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .hue-map {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .hue-map {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .hue-map {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .hue-map {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .hue-map {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .hue-map {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .hue-map {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .hue-map {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .hue-map {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .hue-map {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .hue-map {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .hue-map {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .hue-map {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .hue-map {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .hue-map {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .hue-map {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .hue-map {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .hue-map {
    width: 37.8px;
  }
}
#inputcolorsettings #hue-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}
@media (max-width: 799px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings #hue-canvas {
    border-radius: 25.2px;
  }
}
#inputcolorsettings .color-button {
  background: #2A3137;
  border: 0;
  color: #8B949A;
  font-size: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button {
    padding: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button {
    padding: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button {
    padding: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button {
    padding: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button {
    padding: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button {
    padding: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button {
    padding: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button {
    padding: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button {
    padding: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button {
    padding: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button {
    padding: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button {
    padding: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button {
    padding: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    padding: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    padding: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button {
    padding: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button {
    padding: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button {
    padding: 12.6px;
  }
}
#inputcolorsettings .color-button:active {
  background: #262c31;
}
#inputcolorsettings .color-button.preview {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: #ccc;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    width: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    width: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    width: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    width: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    width: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    width: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    width: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    width: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    width: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    width: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    width: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    width: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    width: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    width: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    width: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    width: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    width: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    width: 192.15px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    height: 192.15px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 1.8px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.58px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.74px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 2.8px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.4px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.2px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 3.8px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 4px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5.4px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5.2px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 8px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 6.6px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 9px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.preview {
    border-radius: 12.6px  undefined;
  }
}
#inputcolorsettings .color-button.swatch {
  display: inline-block;
  margin: 10px auto 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.swatch {
    padding: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.swatch {
    padding: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.swatch {
    padding: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.swatch {
    padding: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.swatch {
    padding: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.swatch {
    padding: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.swatch {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.swatch {
    padding: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.swatch {
    padding: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.swatch {
    padding: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    padding: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    padding: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    padding: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    padding: 13.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.swatch {
    padding: 18.9px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.swatch {
    width: 63.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.swatch {
    width: 71px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.swatch {
    width: 91.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.swatch {
    width: 97.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.swatch {
    width: 106.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.swatch {
    width: 99.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.swatch {
    width: 120.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.swatch {
    width: 113.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.swatch {
    width: 134.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.swatch {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.swatch {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.swatch {
    width: 177.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.swatch {
    width: 191.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.swatch {
    width: 184.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.swatch {
    width: 177.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    width: 234.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    width: 284px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.swatch {
    width: 234.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.swatch {
    width: 319.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.swatch {
    width: 447.3px;
  }
}
#inputcolorsettings .color-button.mode-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 153px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.mode-toggle {
    width: 214.2px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-button.mode-toggle {
    height: 126px;
  }
}
#inputcolorsettings .value-fields {
  display: none;
  align-items: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields {
    margin-bottom: 53.55px;
  }
}
#inputcolorsettings .value-fields.active {
  display: flex;
}
#inputcolorsettings .value-fields .field-label {
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-label {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-label {
    font-size: 56.7px;
  }
}
#inputcolorsettings .value-fields .field-input {
  background: rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  font-style: normal;
  font-weight: bold;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    width: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    width: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    width: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    width: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    width: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    width: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    width: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    width: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    width: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    width: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    width: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    width: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    width: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    width: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    width: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    width: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    width: 83.25px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    width: 116.55px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    height: 110.25px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.45px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.645px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.685px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.7px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.85px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.8px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    border: 0.95px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.35px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.3px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border: 1.65px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    border: 3.15px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 2.7px  undefined;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 3px  undefined;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 3.87px  undefined;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.11px  undefined;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.5px  undefined;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.2px  undefined;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 5.1px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 4.8px  undefined;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 5.7px  undefined;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 6px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 8.1px  undefined;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.8px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 7.5px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 12px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 9.9px  undefined;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 13.5px  undefined;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    border-radius: 18.9px  undefined;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .value-fields .field-input {
    font-size: 44.1px;
  }
}
#inputcolorsettings .rgb-fields .field-group {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .rgb-fields .field-group {
    margin-right: 25.2px;
  }
}
#inputcolorsettings .color-indicator {
  display: inline-block;
  vertical-align: middle;
  background: #ccc;
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #inputcolorsettings .color-indicator {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #inputcolorsettings .color-indicator {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #inputcolorsettings .color-indicator {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #inputcolorsettings .color-indicator {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #inputcolorsettings .color-indicator {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #inputcolorsettings .color-indicator {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #inputcolorsettings .color-indicator {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #inputcolorsettings .color-indicator {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #inputcolorsettings .color-indicator {
    border-radius: 12.6px;
  }
}

@media (max-width: 799px) {
  .mrt-18 {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .mrt-18 {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .mrt-18 {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .mrt-18 {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .mrt-18 {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .mrt-18 {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .mrt-18 {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .mrt-18 {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .mrt-18 {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .mrt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .mrt-18 {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .mrt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .mrt-18 {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .mrt-18 {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .mrt-18 {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .mrt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .mrt-18 {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .mrt-18 {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .mrt-18 {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  .mrt-18 {
    margin-top: 56.7px;
  }
}

.color-picker-panel input::-webkit-outer-spin-button,
.color-picker-panel input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup__newhud_squadranks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks {
    line-height: 59.85px;
  }
}
.popup__newhud_squadranks .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 351.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 391px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 504.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 535.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 586.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 547.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 664.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 625.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 742.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 977.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1055.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1016.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 977.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1290.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1290.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 1759.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_box.w-782 {
    width: 2463.3px;
  }
}
.popup__newhud_squadranks .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud_squadranks .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud_squadranks .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud_squadranks .popup__newhud_text {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_text {
    width: 1417.5px;
  }
}
.popup__newhud_squadranks .popup__newhud_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_subtitle {
    line-height: 59.85px;
  }
}
.popup__newhud_squadranks .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud_squadranks .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_squadranks .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud_squadranks .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_squadranks .align-startflex {
  align-items: flex-start !important;
}
.popup__newhud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    line-height: 59.85px;
  }
}
.popup__newhud .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_list {
  overflow-y: auto;
  width: 100%;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    max-height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    max-height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    max-height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    max-height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    max-height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    max-height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    max-height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    max-height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    max-height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    max-height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    max-height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    max-height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    max-height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    max-height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    max-height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    max-height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    max-height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    max-height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    max-height: 427.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    max-height: 598.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element {
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    padding-right: 53.55px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element {
    margin-bottom: 15.75px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element.added {
  background: rgba(43, 182, 168, 0.12);
}
.popup__newhud .popup__newhud_list .popup__list_element .green {
  color: #05BB63;
}
.popup__newhud .popup__newhud_list .popup__list_element .box-column {
  margin-right: auto;
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 292.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    width: 409.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 53.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 59px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 76.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 80.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 88.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 82.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 100.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 94.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 112.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 265.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    width: 371.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_weapon .popup__weapon_img {
    height: 129.15px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_title {
    line-height: 50.4px;
  }
}
.popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_list .popup__list_element .popup__element_subtitle {
    line-height: 50.4px;
  }
}
.popup__newhud .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    max-width: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    max-width: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    max-width: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    max-width: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    max-width: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    max-width: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    max-width: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    max-width: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    max-width: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    max-width: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    max-width: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1260px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1764px;
  }
}
.popup__newhud .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    max-height: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    max-height: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    max-height: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    max-height: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    max-height: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    max-height: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    max-height: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    max-height: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    max-height: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1800px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    max-height: 2520px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
.popup__newhud .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud .align-startflex {
  align-items: flex-start !important;
}
#fractionscreate {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: white;
  font-family: "TTNorms-Regular";
  font-size: 1.8519vh !important;
  font-weight: 500;
  z-index: 1;
  background-image: url(/src/views/player/hudevo/ipad/components/create/background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3.8889vh !important;
  padding-left: 4.4444vh !important;
}
#fractionscreate .newproject__buttonblock {
  display: flex;
  align-items: center;
}
#fractionscreate .newproject__buttonblock .newproject__button {
  cursor: pointer;
  padding-top: 0.3704vh !important;
  padding-bottom: 0.3704vh !important;
  padding-right: 0.7407vh !important;
  margin-right: 1.4815vh !important;
  padding-left: 0.7407vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.2778vh !important;
  color: #1E262F;
  font-weight: 600;
  font-family: "Montserrat-Medium";
  font-size: 1.8519vh !important;
}
#fractionscreate .fractionscreate__title {
  font-weight: 700;
  font-size: 3.9259vh !important;
  line-height: 5.1296vh !important;
  font-family: "RF Dewi Extended";
  margin-top: 2.0741vh !important;
  margin-bottom: 1.3889vh !important;
}
#fractionscreate .fractionscreate__subtitle {
  font-weight: 500;
  font-size: 2.2222vh !important;
  line-height: 2.6852vh !important;
  letter-spacing: -0.03em;
  width: 59.0741vh !important;
}
#fractionscreate .fractionscreate__text_title {
  font-weight: 500;
  font-size: 2.2222vh !important;
  line-height: 2.6852vh !important;
  letter-spacing: -0.03em;
  margin-top: 2.7037vh !important;
  margin-bottom: 2.963vh !important;
}
#fractionscreate .fractionscreate__element {
  display: flex;
  align-items: center;
  opacity: 0.6;
}
#fractionscreate .fractionscreate__element .box-flex {
  align-items: center;
}
#fractionscreate .fractionscreate__element.active {
  opacity: 1;
}
#fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
  width: 0.9259vh !important;
  height: 0.9259vh !important;
  background: #10F0A0;
  border-radius: 50%;
}
#fractionscreate .fractionscreate__element .fractionscreate__checkbox {
  width: 1.4815vh !important;
  height: 1.4815vh !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #60686D;
  margin-right: 1.8519vh !important;
}
#fractionscreate .fractionscreate__element .fractionscreate__icon {
  width: 2.5926vh !important;
  height: 2.5926vh !important;
  margin-right: 1.2963vh !important;
}
#fractionscreate .fractionscreate__element .fractionscreate__icon.crime {
  background-image: url(/src/views/player/hudevo/ipad/components/create/crime.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#fractionscreate .fractionscreate__element .fractionscreate__icon.gos {
  background-image: url(/src/views/player/hudevo/ipad/components/create/gos.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#fractionscreate .fractionscreate__element_title {
  letter-spacing: -0.03em;
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5926vh !important;
  line-height: 2.5926vh !important;
}
#fractionscreate .fractionscreate__element_type {
  font-family: "TT Norms Pro";
  font-style: normal;
  font-weight: 500;
  font-size: 1.4815vh !important;
  line-height: 1.7593vh !important;
  display: flex;
  align-items: center;
  letter-spacing: -0.03em;
  margin-top: 0.9259vh !important;
  margin-bottom: 1.1111vh !important;
}
#fractionscreate .fractionscreate__element_type.crime {
  color: #FB4F69;
}
#fractionscreate .fractionscreate__element_type.gos {
  color: #70C4DF;
}
#fractionscreate .fractionscreate__element_text {
  color: #A6B1BA;
  font-weight: 500;
  font-size: 1.4815vh !important;
  line-height: 1.7593vh !important;
  letter-spacing: -0.02em;
  width: 59.0741vh !important;
}
#fractionscreate .mb-32 {
  margin-bottom: 2.963vh !important;
}
#fractionscreate .fractionscreate__input {
  width: 40.3704vh !important;
  height: 4.4444vh !important;
  background: #3D444B;
  border-radius: 0.5556vh !important;
  padding-left: 1.8519vh !important;
  color: #A6B1BA;
  letter-spacing: -0.03em;
  font-weight: 500;
  font-size: 1.8519vh !important;
  line-height: 2.2222vh !important;
  margin-right: 3.0556vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fractionscreate .fractionscreate__small {
  color: #A6B1BA;
  font-size: 1.2963vh !important;
  line-height: 1.5741vh !important;
  letter-spacing: -0.03em;
}
#fractionscreate .fractionscreate__info {
  color: #869199;
  font-weight: 500;
  font-size: 1.3889vh !important;
  line-height: 1.6667vh !important;
  letter-spacing: -0.03em;
}
#fractionscreate .fractionscreate__button {
  background: #FFFFFF;
  border-radius: 0.4407vh !important;
  width: 23.9259vh !important;
  height: 5.1852vh !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.7407vh !important;
  color: black;
}
#fractionscreate .fractionscreate__button:hover {
  opacity: 0.9;
}

@font-face {
  font-family: "phoneicons";
  src: url(../src/views/player/hudevo/ipad/assets/fonts/fonts//phoneicons.eot);
  src: url(../src/views/player/hudevo/ipad/assets/fonts/fonts//phoneicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/ipad/assets/fonts/fonts//phoneicons.ttf) format("truetype"), url(../src/views/player/hudevo/ipad/assets/fonts/fonts//phoneicons.woff) format("woff"), url(/src/views/player/hudevo/ipad/assets/fonts/fonts/phoneicons.svg#phoneicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=phoneicons-], [class*=" phoneicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "phoneicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoneicons-smile:before {
  content: "\e97a";
}

.phoneicons-mic-off1:before {
  content: "\e96d";
}

.phoneicons-decline:before {
  content: "\e96e";
}

.phoneicons-reload:before {
  content: "\e94d";
}

.phoneicons-check:before {
  content: "\e954";
}

.phoneicons-filter:before {
  content: "\e95e";
}

.phoneicons-hidden:before {
  content: "\e963";
}

.phoneicons-upload:before {
  content: "\e95f";
}

.phoneicons-trash:before {
  content: "\e960";
}

.phoneicons-icons8-upload-50-1:before {
  content: "\e961";
}

.phoneicons-asdasd:before {
  content: "\e913";
}

.phoneicons-volume-medium:before {
  content: "\e94a";
}

.phoneicons-Vector-Stroke:before {
  content: "\e94b";
}

.phoneicons-Vector:before {
  content: "\e94c";
}

.phoneicons-padlock-1-1:before {
  content: "\e94e";
}

.phoneicons-add1:before {
  content: "\e965";
}

.phoneicons-battery:before {
  content: "\e950";
}

.phoneicons-black-plane:before {
  content: "\e951";
}

.phoneicons-home:before {
  content: "\e952";
}

.phoneicons-jobs:before {
  content: "\e953";
}

.phoneicons-licenses:before {
  content: "\e903";
}

.phoneicons-location:before {
  content: "\e904";
}

.phoneicons-locator:before {
  content: "\e905";
}

.phoneicons-lsc:before {
  content: "\e906";
}

.phoneicons-mafia:before {
  content: "\e907";
}

.phoneicons-npc:before {
  content: "\e908";
}

.phoneicons-orga:before {
  content: "\e909";
}

.phoneicons-parks:before {
  content: "\e90a";
}

.phoneicons-recent:before {
  content: "\e90c";
}

.phoneicons-rent:before {
  content: "\e90e";
}

.phoneicons-search:before {
  content: "\e90f";
}

.phoneicons-smiles:before {
  content: "\e910";
}

.phoneicons-weapons:before {
  content: "\e911";
}

.phoneicons-247:before {
  content: "\e912";
}

.phoneicons-bands:before {
  content: "\e955";
}

.phoneicons-bank:before {
  content: "\e956";
}

.phoneicons-burgers:before {
  content: "\e957";
}

.phoneicons-Button:before {
  content: "\e958";
}

.phoneicons-buttons:before {
  content: "\e959";
}

.phoneicons-call:before {
  content: "\e966";
}

.phoneicons-cars:before {
  content: "\e95b";
}

.phoneicons-carwash:before {
  content: "\e95c";
}

.phoneicons-chat:before {
  content: "\e95d";
}

.phoneicons-clothes:before {
  content: "\e921";
}

.phoneicons-clubs:before {
  content: "\e922";
}

.phoneicons-contacts:before {
  content: "\e923";
}

.phoneicons-drugs:before {
  content: "\e924";
}

.phoneicons-fraction:before {
  content: "\e925";
}

.phoneicons-fuelstation:before {
  content: "\e926";
}

.phoneicons-gos:before {
  content: "\e927";
}

.phoneicons-giftbox:before {
  content: "\e900";
}

.phoneicons-youtube:before {
  content: "\e902";
}

.phoneicons-back:before {
  content: "\e914";
}

.phoneicons-close:before {
  content: "\e915";
}

.phoneicons-discord:before {
  content: "\e916";
}

.phoneicons-forum:before {
  content: "\e917";
}

.phoneicons-line:before {
  content: "\e918";
}

.phoneicons-news:before {
  content: "\e919";
}

.phoneicons-online:before {
  content: "\e91a";
}

.phoneicons-settings:before {
  content: "\e91b";
}

.phoneicons-vk:before {
  content: "\e91c";
}

.phoneicons-vk1:before {
  content: "\e969";
}

.phoneicons-discord1:before {
  content: "\e968";
}

.phoneicons-youtube1:before {
  content: "\e967";
}

.phoneicons-arrow1:before {
  content: "\e964";
}

.phoneicons-twitch:before {
  content: "\e95a";
}

.phoneicons-eye1:before {
  content: "\e94f";
}

.phoneicons-car-top:before {
  content: "\e96f";
}

.phoneicons-ban:before {
  content: "\e970";
}

.phoneicons-time:before {
  content: "\e971";
}

.phoneicons-garage:before {
  content: "\e972";
}

.phoneicons-bike-top:before {
  content: "\e973";
}

.phoneicons-safe:before {
  content: "\e974";
}

.phoneicons-medkit:before {
  content: "\e975";
}

.phoneicons-bike:before {
  content: "\e976";
}

.phoneicons-car:before {
  content: "\e977";
}

.phoneicons-house:before {
  content: "\e978";
}

.phoneicons-check1:before {
  content: "\e979";
}

.phoneicons-hanger:before {
  content: "\e91d";
}

.phoneicons-clothes1:before {
  content: "\e91e";
}

.phoneicons-line1:before {
  content: "\e91f";
}

.phoneicons-eye:before {
  content: "\e920";
}

.phoneicons-phone:before {
  content: "\e928";
}

.phoneicons-rupor:before {
  content: "\e929";
}

.phoneicons-shop:before {
  content: "\e92a";
}

.phoneicons-gps:before {
  content: "\e92b";
}

.phoneicons-loop:before {
  content: "\e92c";
}

.phoneicons-personal:before {
  content: "\e92d";
}

.phoneicons-park:before {
  content: "\e92e";
}

.phoneicons-tasks:before {
  content: "\e92f";
}

.phoneicons-achivments:before {
  content: "\e930";
}

.phoneicons-settings1:before {
  content: "\e931";
}

.phoneicons-up:before {
  content: "\e932";
}

.phoneicons-down:before {
  content: "\e933";
}

.phoneicons-clock:before {
  content: "\e934";
}

.phoneicons-edit:before {
  content: "\e935";
}

.phoneicons-send:before {
  content: "\e937";
}

.phoneicons-info:before {
  content: "\e938";
}

.phoneicons-icon:before {
  content: "\e939";
}

.phoneicons-add:before {
  content: "\e93a";
}

.phoneicons-dell:before {
  content: "\e93b";
}

.phoneicons-plus:before {
  content: "\e93c";
}

.phoneicons-minus:before {
  content: "\e93d";
}

.phoneicons-sellcar:before {
  content: "\e949";
}

.phoneicons-tuning:before {
  content: "\e948";
}

.phoneicons-edit1:before {
  content: "\e947";
}

.phoneicons-save:before {
  content: "\e946";
}

.phoneicons-crime:before {
  content: "\e945";
}

.phoneicons-customs:before {
  content: "\e944";
}

.phoneicons-office:before {
  content: "\e943";
}

.phoneicons-gps2:before {
  content: "\e942";
}

.phoneicons-alarm:before {
  content: "\e941";
}

.phoneicons-light:before {
  content: "\e940";
}

.phoneicons-sherif:before {
  content: "\e93f";
}

.phoneicons-dron:before {
  content: "\e93e";
}

.phoneicons-p-radio:before {
  content: "\e412";
}

.phoneicons-door:before {
  content: "\e433";
}

.phoneicons-bullets:before {
  content: "\e434";
}

.phoneicons-microphone:before {
  content: "\e435";
}

.phoneicons-bank1:before {
  content: "\e436";
}

.phoneicons-money:before {
  content: "\e437";
}

.phoneicons-engine:before {
  content: "\e438";
}

.phoneicons-gas:before {
  content: "\e439";
}

.phoneicons-close1:before {
  content: "\e43a";
}

.phoneicons-arrow:before {
  content: "\e43b";
}

.phoneicons-send1:before {
  content: "\e43c";
}

.phoneicons-flatarrow:before {
  content: "\e43d";
}

.phoneicons-twoarrow:before {
  content: "\e43e";
}

.phoneicons-connect-good:before {
  content: "\e43f";
}

.phoneicons-connect-medium:before {
  content: "\e440";
}

.phoneicons-power-null:before {
  content: "\e441";
}

.phoneicons-power-full:before {
  content: "\e442";
}

.phoneicons-power-medium:before {
  content: "\e443";
}

.phoneicons-phone-home:before {
  content: "\e444";
}

.phoneicons-exit:before {
  content: "\e445";
}

.phoneicons-dollar:before {
  content: "\e446";
}

.phoneicons-star:before {
  content: "\e447";
}

.phoneicons-helmet:before {
  content: "\e448";
}

.phoneicons-helmet-table:before {
  content: "\e449";
}

.phoneicons-success:before {
  content: "\e44a";
}

.phoneicons-questions:before {
  content: "\e44b";
}

.phoneicons-information:before {
  content: "\e44c";
}

.phoneicons-error:before {
  content: "\e44d";
}

.phoneicons-alert:before {
  content: "\e44e";
}

.phoneicons-update:before {
  content: "\e44f";
}

.phoneicons-ar-refresh:before {
  content: "\e450";
}

.phoneicons-ar-close:before {
  content: "\e451";
}

.phoneicons-p-bonus:before {
  content: "\e452";
}

.phoneicons-p-rent:before {
  content: "\e453";
}

.phoneicons-p-car:before {
  content: "\e454";
}

.phoneicons-p-fraction:before {
  content: "\e455";
}

.phoneicons-p-biz:before {
  content: "\e456";
}

.phoneicons-p-add:before {
  content: "\e457";
}

.phoneicons-p-sim:before {
  content: "\e458";
}

.phoneicons-p-call-accept:before {
  content: "\e459";
}

.phoneicons-p-call-cancel:before {
  content: "\e45a";
}

.phoneicons-p-gps:before {
  content: "\e45b";
}

.phoneicons-p-contacts:before {
  content: "\e45c";
}

.phoneicons-p-gift:before {
  content: "\e45d";
}

.phoneicons-p-lock:before {
  content: "\e45e";
}

.phoneicons-p-bank:before {
  content: "\e45f";
}

.phoneicons-p-hotel:before {
  content: "\e460";
}

.phoneicons-bullet-2:before {
  content: "\e461";
}

.phoneicons-tent:before {
  content: "\e962";
}

.phoneicons-p-house:before {
  content: "\edf2";
}

.phoneicons-backpack:before {
  content: "\e90b";
}

.phoneicons-withdrow:before {
  content: "\e901";
}

.phoneicons-person:before {
  content: "\e90d";
}

.phoneicons-price-tags:before {
  content: "\e936";
}
@font-face {
  font-family: "phonesmiles";
  src: url(../src/views/player/hudevo/ipad/assets/fonts/smiles/fonts//phonesmiles.eot);
  src: url(../src/views/player/hudevo/ipad/assets/fonts/smiles/fonts//phonesmiles.eot#iefix) format("embedded-opentype"), url(../src/views/player/hudevo/ipad/assets/fonts/smiles/fonts//phonesmiles.ttf) format("truetype"), url(../src/views/player/hudevo/ipad/assets/fonts/smiles/fonts//phonesmiles.woff) format("woff"), url(/src/views/player/hudevo/ipad/assets/fonts/smiles/fonts/phonesmiles.svg#phonesmiles) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=phonesmiles-], [class*=" phonesmiles-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "phonesmiles" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phonesmiles-premium-badge-svgrepo-com:before {
  content: "\e900";
}

.phonesmiles-flag-svgrepo-com:before {
  content: "\e901";
}

.phonesmiles-mathematical-symbols-svgrepo-com:before {
  content: "\e902";
}

.phonesmiles-select-object-svgrepo-com:before {
  content: "\e903";
}

.phonesmiles-car-svgrepo-com:before {
  content: "\e904";
}

.phonesmiles-soccer-svgrepo-com:before {
  content: "\e905";
}

.phonesmiles-apple-svgrepo-com:before {
  content: "\e906";
}

.phonesmiles-dog-svgrepo-com:before {
  content: "\e907";
}

.phonesmiles-smile-svgrepo-com:before {
  content: "\e908";
}

.phonesmiles-recent-svgrepo-com:before {
  content: "\e909";
}

.phonesmiles-loop:before {
  content: "\e90d";
}
#lift {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #lift {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #lift {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #lift {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #lift {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #lift {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #lift {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #lift {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #lift {
    padding-right: 453.6px;
  }
}
#lift .module_lift {
  background: rgba(27, 30, 40, 0.9);
  overflow: hidden;
}
@media (max-width: 799px) {
  #lift .module_lift {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift {
    width: 155.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift {
    width: 173px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift {
    width: 223.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift {
    width: 237.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift {
    width: 259.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift {
    width: 242.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift {
    width: 294.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift {
    width: 276.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift {
    width: 328.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift {
    width: 346px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift {
    width: 432.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift {
    width: 467.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift {
    width: 449.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift {
    width: 432.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift {
    width: 570.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift {
    width: 692px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift {
    width: 570.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift {
    width: 778.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift {
    width: 1089.9px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift {
    height: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift {
    height: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift {
    height: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift {
    height: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift {
    height: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift {
    height: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift {
    height: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift {
    height: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift {
    height: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift {
    height: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift {
    height: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift {
    height: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift {
    height: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift {
    height: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift {
    height: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift {
    height: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift {
    height: 472.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift {
    height: 661.5px;
  }
}
#lift .module_lift h1 {
  width: 100%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23, 25, 33, 0.9);
}
@media (max-width: 799px) {
  #lift .module_lift h1 {
    height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift h1 {
    height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift h1 {
    height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift h1 {
    height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift h1 {
    height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift h1 {
    height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift h1 {
    height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift h1 {
    height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift h1 {
    height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift h1 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift h1 {
    height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift h1 {
    height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift h1 {
    height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift h1 {
    height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift h1 {
    height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift h1 {
    height: 179.55px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift h1 {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift h1 {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift h1 {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift h1 {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift h1 {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift h1 {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift h1 {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift h1 {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift h1 {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift h1 {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift h1 {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift h1 {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift h1 {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift h1 {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift h1 {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift h1 {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift h1 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift h1 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift h1 {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift h1 {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift h1 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift h1 {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift h1 {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift h1 {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift h1 {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift h1 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift h1 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift h1 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift h1 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift h1 {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift h1 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift h1 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift h1 {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift h1 {
    margin-bottom: 69.3px;
  }
}
#lift .module_lift .flex {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #lift .module_lift .button.up {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button.up {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button.up {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button.up {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button.up {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button.up {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button.up {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button.up {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button.up {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button.up {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button.up {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button.up {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button.up {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button.up {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button.up {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button.up {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button.up {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button.up {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button.up {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button.up {
    margin-right: 69.3px;
  }
}
#lift .module_lift .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 799px) {
  #lift .module_lift .button {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button {
    width: 441px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button {
    height: 49.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button {
    height: 54.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button {
    height: 70.305px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button {
    height: 74.665px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button {
    height: 81.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button {
    height: 76.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button {
    height: 92.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button {
    height: 87.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button {
    height: 103.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button {
    height: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button {
    height: 109px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button {
    height: 136.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button {
    height: 147.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button {
    height: 141.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button {
    height: 136.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button {
    height: 179.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button {
    height: 218px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button {
    height: 179.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button {
    height: 245.25px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button {
    height: 343.35px;
  }
}
#lift .module_lift .button #btn-down:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M12.4512 26.5684L2.70034 16.8178C2.422 16.5394 2.26923 16.1685 2.26923 15.7729C2.26923 15.3769 2.42222 15.0062 2.70034 14.7278L3.58585 13.8425C3.86375 13.5644 4.23494 13.4112 4.63072 13.4112C5.02628 13.4112 5.40998 13.5644 5.68788 13.8425L11.3888 19.5309L11.3888 1.45865C11.3888 0.643824 12.0267 4.26512e-07 12.8417 4.62139e-07L14.0936 5.1686e-07C14.9086 5.52486e-07 15.6108 0.643824 15.6108 1.45865L15.6108 19.5955L21.3436 13.8428C21.6219 13.5646 21.983 13.4114 22.3788 13.4114C22.7741 13.4114 23.1405 13.5646 23.4186 13.8428L24.3013 14.728C24.5796 15.0064 24.7313 15.3771 24.7313 15.7731C24.7313 16.1687 24.5776 16.5397 24.2993 16.818L14.5486 26.5686C14.2694 26.8476 13.8967 27.0011 13.5005 27C13.1029 27.0008 12.73 26.8476 12.4512 26.5684Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='27' height='27' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
#lift .module_lift .button #btn-up:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M14.5488 0.431585L24.2997 10.1822C24.578 10.4606 24.7308 10.8315 24.7308 11.2271C24.7308 11.6231 24.5778 11.9938 24.2997 12.2722L23.4142 13.1575C23.1363 13.4356 22.7651 13.5888 22.3693 13.5888C21.9737 13.5888 21.59 13.4356 21.3121 13.1575L15.6112 7.46908L15.6112 25.5414C15.6112 26.3562 14.9733 27 14.1583 27L12.9064 27C12.0914 27 11.3892 26.3562 11.3892 25.5414L11.3892 7.40455L5.65642 13.1572C5.37808 13.4354 5.01698 13.5886 4.6212 13.5886C4.22587 13.5886 3.8595 13.4354 3.58138 13.1572L2.69873 12.272C2.4204 11.9936 2.26871 11.6229 2.26871 11.2269C2.26871 10.8313 2.42237 10.4603 2.70071 10.182L12.4514 0.431366C12.7306 0.152368 13.1033 -0.00106825 13.4995 3.03836e-05C13.8971 -0.000848899 14.27 0.152368 14.5488 0.431585Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='27' height='27' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 27 27)' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
#lift .module_lift .button #btn-stop {
  background: #D33437;
}
#lift .module_lift .button #btn-stop:hover {
  background: #CC1E21;
}
#lift .module_lift .button #btn-start {
  background: #27AE60;
}
#lift .module_lift .button #btn-start:hover {
  background: #01A948;
}
#lift .module_lift .button .btn.arrow:after {
  content: "";
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 60.75px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.arrow:after {
    width: 85.05px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.arrow:after {
    height: 85.05px;
  }
}
#lift .module_lift .button .btn.arrow:hover {
  background: #4B5573;
}
#lift .module_lift .button .btn.arrow {
  position: relative;
  background: #303648;
  transition: background ease 0.1s;
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 112.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.arrow {
    border-radius: 157.5px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.arrow {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.arrow {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.arrow {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.arrow {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.arrow {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.arrow {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.arrow {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.arrow {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.arrow {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.arrow {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.arrow {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.arrow {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.arrow {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.arrow {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.arrow {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.arrow {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.arrow {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.arrow {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.arrow {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.arrow {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.arrow {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.arrow {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.arrow {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.arrow {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.arrow {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.arrow {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.arrow {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.arrow {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.arrow {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.arrow {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.arrow {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.arrow {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.arrow {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.arrow {
    height: 151.2px;
  }
}
#lift .module_lift .button .btn.set {
  width: 100%;
  font-weight: bold;
  transition: background ease 0.1s;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.set {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.set {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.set {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.set {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.set {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.set {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.set {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.set {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.set {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.set {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.set {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.set {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.set {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.set {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.set {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.set {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.set {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.set {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.set {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.set {
    border-radius: 6.3px;
  }
}
@media (max-width: 799px) {
  #lift .module_lift .button .btn.set {
    height: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lift .module_lift .button .btn.set {
    height: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lift .module_lift .button .btn.set {
    height: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lift .module_lift .button .btn.set {
    height: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lift .module_lift .button .btn.set {
    height: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lift .module_lift .button .btn.set {
    height: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lift .module_lift .button .btn.set {
    height: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lift .module_lift .button .btn.set {
    height: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lift .module_lift .button .btn.set {
    height: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lift .module_lift .button .btn.set {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lift .module_lift .button .btn.set {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lift .module_lift .button .btn.set {
    height: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lift .module_lift .button .btn.set {
    height: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lift .module_lift .button .btn.set {
    height: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lift .module_lift .button .btn.set {
    height: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    height: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    height: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lift .module_lift .button .btn.set {
    height: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lift .module_lift .button .btn.set {
    height: 87.75px;
  }
}
@media (min-width: 6000px) {
  #lift .module_lift .button .btn.set {
    height: 122.85px;
  }
}
.dial {
  font-family: "UniNeue";
  position: absolute;
  width: 300px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -150px;
}

.dial .img {
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
  position: fixed;
}

.dial .base {
  background-image: url(/src/views/player/breakingLock/assets/images/s1.png);
}

.dial .num {
  background-image: url(/src/views/player/breakingLock/assets/images/s2.png);
}

.dial .center {
  background-image: url(/src/views/player/breakingLock/assets/images/s3.png);
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px);
  }
  10% {
    transform: translate(-1px, -1px);
  }
  20% {
    transform: translate(-1px, 0px);
  }
  30% {
    transform: translate(0px, 1px);
  }
  40% {
    transform: translate(1px, -1px);
  }
  50% {
    transform: translate(-1px, 1px);
  }
  60% {
    transform: translate(-1px, 1px);
  }
  70% {
    transform: translate(1px, 1px);
  }
  80% {
    transform: translate(-1px, -1px);
  }
  90% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(1px, -1px);
  }
}
.shake1 {
  animation-name: shake;
  animation-duration: 6s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shake2 {
  animation-name: shake;
  animation-duration: 5s;
  transform-origin: 75% 75%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shake3 {
  animation-name: shake;
  animation-duration: 4s;
  transform-origin: 100% 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shake4 {
  animation-name: shake;
  animation-duration: 3s;
  transform-origin: 50% 50%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shake1,
.shake2,
.shake3,
.shake4 {
  display: inline-block;
}
#player-transfer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#player-transfer .player-transfer-container {
  border: 0;
  outline: 0;
  background-image: url(/src/views/player/transfer/assets/image.png);
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
@media (max-width: 799px) {
  #player-transfer .player-transfer-container {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #player-transfer .player-transfer-container {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #player-transfer .player-transfer-container {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #player-transfer .player-transfer-container {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #player-transfer .player-transfer-container {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #player-transfer .player-transfer-container {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #player-transfer .player-transfer-container {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #player-transfer .player-transfer-container {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #player-transfer .player-transfer-container {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #player-transfer .player-transfer-container {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #player-transfer .player-transfer-container {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #player-transfer .player-transfer-container {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #player-transfer .player-transfer-container {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #player-transfer .player-transfer-container {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #player-transfer .player-transfer-container {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #player-transfer .player-transfer-container {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #player-transfer .player-transfer-container {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #player-transfer .player-transfer-container {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #player-transfer .player-transfer-container {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #player-transfer .player-transfer-container {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #player-transfer .player-transfer-container {
    height: 390.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #player-transfer .player-transfer-container {
    height: 434px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #player-transfer .player-transfer-container {
    height: 559.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #player-transfer .player-transfer-container {
    height: 594.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #player-transfer .player-transfer-container {
    height: 651px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #player-transfer .player-transfer-container {
    height: 607.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #player-transfer .player-transfer-container {
    height: 737.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #player-transfer .player-transfer-container {
    height: 694.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #player-transfer .player-transfer-container {
    height: 824.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #player-transfer .player-transfer-container {
    height: 868px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #player-transfer .player-transfer-container {
    height: 868px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #player-transfer .player-transfer-container {
    height: 1085px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #player-transfer .player-transfer-container {
    height: 1171.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #player-transfer .player-transfer-container {
    height: 1128.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #player-transfer .player-transfer-container {
    height: 1085px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #player-transfer .player-transfer-container {
    height: 1432.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #player-transfer .player-transfer-container {
    height: 1736px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #player-transfer .player-transfer-container {
    height: 1432.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #player-transfer .player-transfer-container {
    height: 1953px;
  }
}
@media (min-width: 6000px) {
  #player-transfer .player-transfer-container {
    height: 2734.2px;
  }
}
.joblist {
  font-family: "UniNeue";
  color: #fff;
}

@media (max-width: 1300px) {
  .joblist .adaptive {
    zoom: 80%;
  }
}
@media (min-width: 1301px) and (max-width: 1400px) {
  .joblist .adaptive {
    zoom: 80%;
  }
}
@media (min-width: 1401px) and (max-width: 1650px) {
  .joblist .adaptive {
    zoom: 100%;
  }
}
@media (min-width: 1651px) and (max-width: 2560px) {
  .joblist .adaptive {
    zoom: 100%;
  }
}
.joblist .boxtop {
  display: flex;
  align-items: center;
  justify-content: center;
}

.joblist .box {
  width: 494px;
  height: 678px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.joblist .header {
  width: 100%;
  height: 54px;
  display: flex;
}

.joblist .workbox {
  width: 103%;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.joblist .boxes2column {
  margin-left: 10px;
}

.joblist .arrow {
  left: 0;
  width: 22px;
  height: 22px;
  background: url(/src/views/player/jobselector/assets/images/arrow.svg);
  margin-top: 16px;
  margin-left: 10px;
  cursor: pointer;
}

.joblist .arrow:hover {
  transform: scale(1.1);
  -webkit-transition: all 1s ease;
}

.joblist .txtheader {
  font-size: 18px;
  line-height: 54px;
}

.joblist .workboxes {
  position: relative;
  width: 242px;
  height: 135px;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0.5);
  margin-left: 3px;
}

.joblist .block {
  opacity: 0.3;
  position: absolute;
}

.joblist .blocktxt {
  opacity: 0.3;
}

.joblist .electro {
  background-image: url(/src/views/player/jobselector/assets/images/electro.svg);
}

.joblist .taxi {
  background-image: url(/src/views/player/jobselector/assets/images/taxi.svg);
}

.joblist .kosilka {
  background-image: url(/src/views/player/jobselector/assets/images/kosilka.svg);
}

.joblist .inkos {
  background-image: url(/src/views/player/jobselector/assets/images/inca.svg);
}

.joblist .inkoslvl {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 56px;
  height: 22px;
  margin-top: 57px;
  opacity: 0;
}

.joblist .workboxes:hover .inkoslvl {
  opacity: 1;
  transition: 1s;
}

.joblist .textlvl {
  font-size: 10px;
  position: absolute;
  width: 56px;
  height: 22px;
  margin-left: 16px;
  margin-top: 4px;
}

.joblist .textlvl2 {
  font-size: 10px;
  position: absolute;
  width: 56px;
  height: 22px;
  margin-left: 33px;
  margin-top: 4px;
}

.joblist .inkoslvl:hover {
  display: block;
}

.joblist .pochta {
  background-image: url(/src/views/player/jobselector/assets/images/pochta.svg);
}

.joblist .bus {
  background-image: url(/src/views/player/jobselector/assets/images/bus.svg);
}

.joblist .truck {
  background-image: url(/src/views/player/jobselector/assets/images/truck.svg);
}

.joblist .mechanic {
  background-image: url(/src/views/player/jobselector/assets/images/mechanic.svg);
}

.joblist .textboxwork {
  font-size: 15px;
  margin-left: 11px;
}

.joblist .workimg {
  margin-left: 152px;
  margin-top: -4px;
  position: absolute;
}

.joblist .worktextopen {
  font-size: 10px;
  margin-left: 183px;
  margin-top: -31px;
}

.joblist .worktoptxt {
  height: 25px;
  margin-top: 8px;
  margin-left: 9px;
}

.joblist .buttongetsettled {
  width: auto;
  height: 30px;
  background: #588941;
  margin-top: 72px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.joblist .buttongetsettledred {
  width: auto;
  height: 30px;
  background: #A54742;
  margin-top: 72px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.joblist .buttongetsettled:hover {
  background: #75BD53;
}

.joblist .buttongetsettledred:hover {
  background: #D44D47;
}

.joblist .buttongetsettledred:focus {
  outline: none;
}

.joblist .buttongetsettledred:active {
  background: #D44D47;
}

.joblist .buttongetsettled:focus {
  outline: none;
}

.joblist .buttongetsettled:active {
  background: #75BD53;
}

.joblist .buttontxtgetsettled {
  font-size: 15px;
}

.jobstatus {
  margin-top: 17px;
}
/* .report-wrapper .report {
    width: 400px;
    height: 730px;
    margin: left;
    background: rgba(15, 12, 12, 0.9);
    border-radius: 0px 0px 4px 4px;
} */
body {
  font-family: "Montserrat";
  font-size: 14px;
}

.ticketinside {
  color: white;
}

.report-wrapper .ticketfull {
  color: #fff;
  width: 1089px;
  height: 767px;
  background: rgb(17, 17, 17);
  border-radius: 23px;
  display: flex;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.report-wrapper .imglogo {
  position: absolute;
  top: 0;
  margin-top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.report-wrapper .swglogo {
  margin-top: -10px;
  margin-left: -35px;
}

.report-wrapper .buttonswgclose {
  position: absolute;
  cursor: pointer;
  color: #fff;
  margin-top: 37px;
  margin-left: -10px;
}

.report-wrapper #buttonswgclose {
  background: transparent;
  border: transparent;
  margin-top: 25px;
}

.report-wrapper button:focus {
  outline: none;
}

.report-wrapper .buttonone, .buttononek, #buttonclose {
  cursor: pointer;
}

.report-wrapper button.buttonone:hover {
  background: rgba(255, 22, 64, 0.39);
}

.report-wrapper button.buttononek:hover {
  background: rgba(255, 22, 64, 0.39);
}

.report-wrapper button:hover svg {
  transform: scale(1.1);
}

.report-wrapper button::-moz-focus-inner {
  border: 0;
}

.report-wrapper svg {
  outline: none;
  transition: transform 0.3s linear;
}

.report-wrapper .ticketinside {
  width: 1300px;
  height: 730px;
  margin-top: 26px;
  margin-left: 30px;
  background: rgb(17, 17, 17);
  border-radius: 0px 0px 4px 4px;
  display: flex;
}

.report-wrapper p.reporttext {
  text-align: center;
  font-weight: bold;
}

.answer .report-wrapper .onereport {
  width: 864px;
  height: 82px;
  background: rgba(73, 73, 73, 0.24);
  border-radius: 6px;
  margin-bottom: 23px;
}

.boxreports1 .onereport {
  width: 364px;
  height: 82px;
  background: rgba(73, 73, 73, 0.24);
  border-radius: 6px;
  margin-bottom: 23px;
}

.boxreports .onereport {
  margin-top: -20px;
  width: 864px;
  height: 82px;
  background: rgba(73, 73, 73, 0.24);
  border-radius: 6px;
}

.report-wrapper:hover .onereport:hover {
  background: rgb(255, 22, 64);
}

.task {
  font-size: 24px;
  font-weight: 800;
}

.report-wrapper .reportinfo {
  position: absolute;
  display: flex;
  margin-left: 21px;
}

.report-wrapper .reportinfo p {
  margin-right: 5px;
  letter-spacing: 0.03em;
  font-weight: bold;
}

.report-wrapper p.tasknumber {
  color: #ffffff;
}

.report-wrapper p.taskuser {
  color: #ffffff;
  margin-top: 30%;
}

.report-wrapper .reporttasks {
  position: absolute;
  margin-top: 46px;
  margin-left: 21px;
  max-width: 352px;
}

.report-wrapper .reporttasks p {
  text-align: left;
  letter-spacing: 0.03em;
}

.report-wrapper .reportsadmin {
  position: relative;
  right: 8px;
}

.report-wrapper .adminname {
  position: absolute;
  right: 11px;
  bottom: 12px;
}

.report-wrapper .adminname p {
  color: #BCA73A;
  font-weight: bold;
  text-align: right;
}

.report-wrapper .boxes {
  height: 633px;
  width: 400px;
  overflow: hidden;
}

.report-wrapper .boxes ::-webkit-scrollbar {
  width: 8px;
}

.report-wrapper .boxes ::-webkit-scrollbar-track {
  background: #131313;
  border-radius: 10px;
}

.report-wrapper .boxes ::-webkit-scrollbar-thumb {
  background: #5a5a5a;
  border-radius: 10px;
}

.report-wrapper .boxreports1 {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 25px 0 0;
  overflow-x: hidden;
  overflow-y: initial;
}

.report-wrapper .answer {
  width: 622px;
  padding-top: 30px;
  margin-left: 20px;
}

.report-wrapper .answer p.reporttext {
  text-align: center;
  font-weight: bold;
}

.report-wrapper .answertoquestion {
  width: 584px;
  height: 49px;
  position: absolute;
  top: 641px;
  background: rgba(73, 73, 73, 0.24);
  border-radius: 6px 0px 4px 4px;
}

.report-wrapper .textquestion {
  display: flex;
}

.report-wrapper .user {
  border: none;
}

.report-wrapper textarea {
  background: rgba(58, 58, 58, 0);
  width: 500px;
  height: 50%;
  resize: none;
  outline: none;
}

.report-wrapper textarea:focus, input:focus {
  outline: none;
  resize: none;
}

.report-wrapper textarea.user {
  resize: none;
  outline: none;
  padding-left: 11px;
  color: white;
}

.report-wrapper .buttonquestion {
  margin-top: 4%;
  display: flex;
  flex-direction: column;
  padding-right: 6px;
  resize: none;
  outline: none;
  padding-left: 6px;
}

.report-wrapper .buttonquestion .box-flex {
  display: flex;
  width: 100%;
  resize: none;
  outline: none;
  justify-content: space-between;
  gap: 8px;
}

.report-wrapper .buttonone {
  font-family: "Montserrat", sans-serif;
  font-size: 9.81px;
  font-weight: 500;
  width: 120px;
  resize: none;
  outline: none;
  height: 28px;
  border-radius: 4px;
  border: none;
  color: #fff;
  background: rgba(60, 175, 71, 0.9);
}

.report-wrapper .buttonone.min {
  width: 120px;
  height: 28px;
  background: rgba(54, 54, 54, 0.39);
}

.report-wrapper .buttonone.sr {
  width: 90px;
  height: 25px;
  background: rgba(255, 127, 0, 0.9);
}

.report-wrapper .buttononek {
  font-family: "Montserrat", sans-serif;
  font-size: 9.81px;
  width: 120px;
  margin-right: 78px;
  height: 28px;
  border-radius: 4px;
  border: none;
  color: #fff;
  background: rgba(54, 54, 54, 0.39);
}

.report-wrapper .butabs {
  position: absolute;
  margin-left: 6px;
  margin-top: -12px;
}

.report-wrapper .butabr {
  position: absolute;
  margin-left: 203px;
  margin-top: -12px;
}

.report-wrapper .template {
  width: 400px;
  height: 730px;
  margin-left: 50px;
  background: rgba(29, 29, 29, 0.9);
  border-radius: 0px 0px 4px 4px;
  position: relative;
  z-index: 10;
}

.report-wrapper .template p.reporttext {
  text-align: center;
  font-weight: bold;
}

.report-wrapper .templ {
  width: 400px;
  height: 30px;
  background: rgba(58, 58, 58, 0.9);
  border-radius: 0px;
  margin-bottom: 10px;
}

.report-wrapper .boxestempl {
  height: 500px;
  width: 400px;
  overflow: hidden;
}

.report-wrapper .boxtemplates {
  width: 100%;
  height: 100%;
  padding: 0 25px 0 0;
  overflow: auto;
}

.report-wrapper .templ {
  display: flex;
  align-items: center;
}

.report-wrapper .templ p {
  text-align: center;
}

.report-wrapper .templtext {
  width: 400px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.report-wrapper .close p button {
  width: 30px;
  height: 30px;
  background: #A33C3C url(/src/views/player/reports/images/cancel.png) no-repeat;
  border: none;
  background-size: 12px 12px;
  background-position: center;
  display: none;
}

.report-wrapper #buttonclose:focus {
  background: rgba(122, 45, 45, 0.9) url(/src/views/player/reports/images/cancel.png) no-repeat;
  background-size: 12px 12px;
  background-position: center;
}

.report-wrapper .templ:hover .close p button {
  display: block;
}

.report-wrapper .texttempl {
  width: 400px;
  height: 85px;
  background: rgba(58, 58, 58, 0.9);
  border-radius: 0px 0px 4px 4px;
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.report-wrapper .infotempltxt {
  letter-spacing: 0.03em;
  color: #FFFFFF;
  opacity: 0.2;
}

@media (max-width: 1600px) {
  .report-wrapper .adaptive {
    zoom: 84%;
  }
  .report-wrapper {
    width: 1600px;
    height: 900px;
  }
}
@media (min-width: 1601px) and (max-width: 1920px) {
  .report-wrapper.adaptive {
    zoom: 100%;
  }
  .report-wrapper {
    width: 1920px;
    height: 1080px;
  }
}
#animations {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  background: rgba(1, 22, 39, 0.8);
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #animations {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #animations {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #animations {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #animations {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #animations {
    padding-left: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    padding-left: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    padding-left: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    padding-left: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    padding-left: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    padding-left: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    padding-left: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    padding-left: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    padding-left: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    padding-left: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    padding-left: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    padding-left: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    padding-left: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    padding-left: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    padding-left: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    padding-left: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    padding-left: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    padding-left: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    padding-left: 258.75px;
  }
}
@media (min-width: 6000px) {
  #animations {
    padding-left: 362.25px;
  }
}
@media (max-width: 799px) {
  #animations {
    padding-right: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    padding-right: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    padding-right: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    padding-right: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    padding-right: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    padding-right: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    padding-right: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    padding-right: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    padding-right: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    padding-right: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    padding-right: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    padding-right: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    padding-right: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    padding-right: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    padding-right: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    padding-right: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    padding-right: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    padding-right: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    padding-right: 258.75px;
  }
}
@media (min-width: 6000px) {
  #animations {
    padding-right: 362.25px;
  }
}
@media (max-width: 799px) {
  #animations {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    padding-bottom: 33px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    padding-bottom: 42.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    padding-bottom: 45.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    padding-bottom: 46.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    padding-bottom: 56.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    padding-bottom: 52.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    padding-bottom: 62.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    padding-bottom: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    padding-bottom: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    padding-bottom: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    padding-bottom: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    padding-bottom: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    padding-bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    padding-bottom: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    padding-bottom: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    padding-bottom: 148.5px;
  }
}
@media (min-width: 6000px) {
  #animations {
    padding-bottom: 207.9px;
  }
}
@media (max-width: 799px) {
  #animations {
    padding-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations {
    padding-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations {
    padding-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations {
    padding-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations {
    padding-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations {
    padding-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations {
    padding-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations {
    padding-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations {
    padding-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations {
    padding-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations {
    padding-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations {
    padding-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations {
    padding-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations {
    padding-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations {
    padding-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations {
    padding-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations {
    padding-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #animations {
    padding-top: 119.7px;
  }
}
#animations .quests-newbutton {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #animations .quests-newbutton {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .m-l-26 {
    margin-left: 50.4px;
  }
}
#animations .quests-newbutton .quests-button {
  background: #FDFFFC;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    margin-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton .quests-button {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton .quests-button {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton .quests-button {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton .quests-button {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton .quests-button {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton .quests-button {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton .quests-button {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton .quests-button {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton .quests-button {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton .quests-button {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton .quests-button {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton .quests-button {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton .quests-button {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton.myata {
    margin-bottom: 126px;
  }
}
#animations .quests-newbutton.myata .quests-button {
  background: #2BB6A8;
  color: white;
}
#animations .quests-newbutton.right {
  flex-direction: row-reverse;
}
@media (max-width: 799px) {
  #animations .quests-newbutton.right {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton.right {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton.right {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton.right {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton.right {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton.right {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton.right {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton.right {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton.right {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton.right {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton.right {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton.right {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton.right {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton.right {
    margin-left: 81.9px;
  }
}
#animations .quests-newbutton.right .quests-button {
  margin-right: 0;
}
@media (max-width: 799px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #animations .quests-newbutton.right .quests-button {
    margin-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #animations ::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations ::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations ::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations ::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations ::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations ::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations ::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations ::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations ::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations ::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations ::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations ::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations ::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations ::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations ::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #animations ::-webkit-scrollbar {
    width: 12.6px;
  }
}
@media (max-width: 799px) {
  #animations ::-webkit-scrollbar {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations ::-webkit-scrollbar {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations ::-webkit-scrollbar {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations ::-webkit-scrollbar {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations ::-webkit-scrollbar {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations ::-webkit-scrollbar {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations ::-webkit-scrollbar {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations ::-webkit-scrollbar {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations ::-webkit-scrollbar {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations ::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations ::-webkit-scrollbar {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations ::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations ::-webkit-scrollbar {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations ::-webkit-scrollbar {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations ::-webkit-scrollbar {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #animations ::-webkit-scrollbar {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #animations ::-webkit-scrollbar {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations ::-webkit-scrollbar {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations ::-webkit-scrollbar {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations ::-webkit-scrollbar {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations ::-webkit-scrollbar {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations ::-webkit-scrollbar {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations ::-webkit-scrollbar {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations ::-webkit-scrollbar {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations ::-webkit-scrollbar {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations ::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations ::-webkit-scrollbar {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations ::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations ::-webkit-scrollbar {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations ::-webkit-scrollbar {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations ::-webkit-scrollbar {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #animations ::-webkit-scrollbar {
    border-radius: 78.75px;
  }
}
#animations ::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.15);
  border-radius: 100px;
}
@media (max-width: 799px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #animations ::-webkit-scrollbar-track {
    border-radius: 78.75px;
  }
}
#animations ::-webkit-scrollbar-thumb {
  background: #FDFFFC;
  border-radius: 100px;
}
@media (max-width: 799px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 56.25px;
  }
}
@media (min-width: 6000px) {
  #animations ::-webkit-scrollbar-thumb {
    border-radius: 78.75px;
  }
}
#animations .animations__subtitle {
  font-weight: bold;
}
@media (max-width: 799px) {
  #animations .animations__subtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__subtitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__subtitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__subtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__subtitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__subtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__subtitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__subtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__subtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__subtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__subtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__subtitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #animations .animations__subtitle {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__subtitle {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__subtitle {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__subtitle {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__subtitle {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__subtitle {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__subtitle {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__subtitle {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__subtitle {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__subtitle {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__subtitle {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__subtitle {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__subtitle {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__subtitle {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__subtitle {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__subtitle {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__subtitle {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__subtitle {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__subtitle {
    line-height: 88.2px;
  }
}
#animations .animations__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #animations .animations__header {
    padding-right: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__header {
    padding-right: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__header {
    padding-right: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__header {
    padding-right: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__header {
    padding-right: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__header {
    padding-right: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__header {
    padding-right: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__header {
    padding-right: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__header {
    padding-right: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__header {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__header {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__header {
    padding-right: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__header {
    padding-right: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__header {
    padding-right: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__header {
    padding-right: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__header {
    padding-right: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__header {
    padding-right: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__header {
    padding-right: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__header {
    padding-right: 78.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__header {
    padding-right: 110.25px;
  }
}
@media (max-width: 799px) {
  #animations .animations__header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__header {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__header {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__header {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__header {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__header {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__header {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__header {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__header {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__header {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__header {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__header {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__header {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__header {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__header {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__header {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #animations .animations__header .box-flex {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__header .box-flex {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__header .box-flex {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__header .box-flex {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__header .box-flex {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__header .box-flex {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__header .box-flex {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__header .box-flex {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__header .box-flex {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__header .box-flex {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__header .box-flex {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__header .box-flex {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__header .box-flex {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__header .box-flex {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__header .box-flex {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__header .box-flex {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #animations .animations__header .box-flex {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__header .box-flex {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__header .box-flex {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__header .box-flex {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__header .box-flex {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__header .box-flex {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__header .box-flex {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__header .box-flex {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__header .box-flex {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__header .box-flex {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__header .box-flex {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__header .box-flex {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__header .box-flex {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__header .box-flex {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__header .box-flex {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__header .box-flex {
    line-height: 179.55px;
  }
}
#animations .animations__header .box-flex .animations__title {
  font-weight: bold;
}
#animations .animations__header .box-flex .animationsicon-mainanim {
  align-self: flex-end;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__header .box-flex .animationsicon-mainanim {
    margin-right: 75.6px;
  }
}
#animations .animations__main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #animations .animations__main {
    height: 288px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main {
    height: 320px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main {
    height: 412.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main {
    height: 438.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main {
    height: 480px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main {
    height: 448px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main {
    height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main {
    height: 512px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main {
    height: 608px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main {
    height: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main {
    height: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main {
    height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main {
    height: 864px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main {
    height: 832px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main {
    height: 800px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main {
    height: 1056px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main {
    height: 1280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main {
    height: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main {
    height: 1440px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main {
    height: 2016px;
  }
}
#animations .animations__main .animations__categories {
  display: flex;
  flex-direction: column;
}
#animations .animations__main .animations__categories .animations__categories_list {
  overflow-y: auto;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 261px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 290px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 374.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 397.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 435px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 406px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 493px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 464px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 551px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 783px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 754px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 957px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 1160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 957px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 1305px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    height: 1827px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 153.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 170.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 219.945px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 233.585px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 255.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 238.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 289.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 272.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 323.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 341px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 341px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 426.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 460.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 443.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 426.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 562.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 682px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 562.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 767.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    width: 1074.15px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 81px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list {
    margin-top: 113.4px;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    height: 315px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.45px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.5px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.645px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.685px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.75px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.7px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.85px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.8px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 0.95px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.35px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.3px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 2px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 2.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    border: 3.15px solid rgba(253,255,252,0.2);
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 81px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-left: 113.4px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element {
    margin-bottom: 63px;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element.active {
    border: 3.15px solid transparent;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
  background: rgba(253, 255, 252, 0.1);
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:hover {
    border: 3.15px solid transparent;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element:last-child {
  margin-bottom: 0;
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_title {
    line-height: 59.85px;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
  font-weight: normal;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    margin-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle {
    line-height: 44.1px;
  }
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_subtitle .orange {
  color: #FF9F1C;
}
#animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
  position: absolute;
  background-image: url(/src/views/player/animations/images/preview.png);
  background-position: center;
  background-size: cover;
  top: 0;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 101.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 112.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 145.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 154.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 168.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 157.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 191.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 180px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 213.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 281.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 303.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 292.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 281.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 371.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 450px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 371.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 506.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    height: 708.75px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 101.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 112.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 145.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 154.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 168.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 157.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 191.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 180px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 213.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 281.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 303.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 292.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 281.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 371.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 450px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 371.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 506.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    width: 708.75px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -135px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__categories .animations__categories_list .animations__categories_element .animations__categories_img {
    right: -189px;
  }
}
#animations .animations__main .animations__line {
  height: 100%;
  background: rgba(253, 255, 252, 0.15);
}
@media (max-width: 799px) {
  #animations .animations__main .animations__line {
    border-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__line {
    border-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__line {
    border-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__line {
    border-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__line {
    border-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__line {
    border-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__line {
    border-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__line {
    border-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__line {
    border-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__line {
    border-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__line {
    border-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__line {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__line {
    border-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__line {
    border-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__line {
    border-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    border-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    border-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    border-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    border-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__line {
    border-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__line {
    height: 261px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__line {
    height: 290px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__line {
    height: 374.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__line {
    height: 397.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__line {
    height: 435px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__line {
    height: 406px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__line {
    height: 493px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__line {
    height: 464px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__line {
    height: 551px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__line {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__line {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__line {
    height: 725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__line {
    height: 783px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__line {
    height: 754px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__line {
    height: 725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    height: 957px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    height: 1160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    height: 957px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    height: 1305px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__line {
    height: 1827px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__line {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__line {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__line {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__line {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__line {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__line {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__line {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__line {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__line {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__line {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__line {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__line {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__line {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__line {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__line {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__line {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__line {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__line {
    width: 9.45px;
  }
}
#animations .animations__main .animations__block {
  height: 100%;
  backgroound: white;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block {
    width: 549px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block {
    width: 610px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block {
    width: 786.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block {
    width: 835.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block {
    width: 915px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block {
    width: 854px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block {
    width: 1037px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block {
    width: 976px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block {
    width: 1159px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block {
    width: 1220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block {
    width: 1220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block {
    width: 1525px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block {
    width: 1647px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block {
    width: 1586px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block {
    width: 1525px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block {
    width: 2013px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block {
    width: 2440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block {
    width: 2013px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block {
    width: 2745px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block {
    width: 3843px;
  }
}
#animations .animations__main .animations__block .animations__block_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 78.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header {
    padding-right: 110.25px;
  }
}
#animations .animations__main .animations__block .animations__block_header .animations__find_block {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    height: 132.3px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.45px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.5px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.645px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.685px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.75px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.7px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.85px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.8px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 0.95px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.25px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.35px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.3px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.25px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.65px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 2px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 1.65px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 2.25px solid rgba(253, 255, 252, 0.6);
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    border: 3.15px solid rgba(253, 255, 252, 0.6);
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block {
    padding-right: 56.7px;
  }
}
#animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
  background: transparent;
  width: 100%;
  font-family: inherit;
  color: #DFDFDF;
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__block_header .animations__find_block .animations__input {
    margin-left: 37.8px;
  }
}
#animations .animations__main .animations__block .animations__grid {
  width: 100%;
  overflow-x: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 261px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 290px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 374.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 397.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 435px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 406px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 493px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 464px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 551px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 580px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 783px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 754px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 957px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 1160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 957px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 1305px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__grid {
    height: 1827px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__grid {
    margin-top: 56.7px;
  }
}
@media (max-width: 799px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 78.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__main .animations__block .animations__grid {
    padding-right: 110.25px;
  }
}
#animations .animations__grid_element {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 799px) {
  #animations .animations__grid_element {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element {
    height: 567px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element {
    border: 0.45px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element {
    border: 0.5px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element {
    border: 0.645px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element {
    border: 0.685px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element {
    border: 0.75px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element {
    border: 0.7px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element {
    border: 0.85px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element {
    border: 0.8px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element {
    border: 0.95px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element {
    border: 1.35px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element {
    border: 1.3px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    border: 2px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    border: 2.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element {
    border: 3.15px solid rgba(253,255,252,0.2);
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element {
    border-radius: 18.9px;
  }
}
#animations .animations__grid_element.active {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #animations .animations__grid_element.active {
    border: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.active {
    border: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.active {
    border: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.active {
    border: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.active {
    border: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.active {
    border: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.active {
    border: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.active {
    border: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.active {
    border: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.active {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.active {
    border: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.active {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.active {
    border: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.active {
    border: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.active {
    border: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.active {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.active {
    border: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.active {
    border: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.active {
    border: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.active {
    border: 3.15px solid transparent;
  }
}
#animations .animations__grid_element .animations__progress {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__progress {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__progress {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__progress {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__progress {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__progress {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__progress {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__progress {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__progress {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__progress {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__progress {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__progress {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__progress {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__progress {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__progress {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__progress {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__progress {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__progress {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__progress {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__progress {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__progress {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__progress {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__progress {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__progress {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__progress {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__progress {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__progress {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__progress {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__progress {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__progress {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__progress {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__progress {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__progress {
    height: 18.9px;
  }
}
#animations .animations__grid_element .animations__progress .animations__progress_current {
  width: 40%;
  background: white;
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__progress .animations__progress_current {
    height: 18.9px;
  }
}
#animations .animations__grid_element .animations__element_img {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_img {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_img {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_img {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_img {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_img {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_img {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_img {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_img {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_img {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_img {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_img {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_img {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_img {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_img {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_img {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_img {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_img {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_img {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_img {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_img {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_img {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_img {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_img {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_img {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_img {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_img {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_img {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_img {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_img {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_img {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_img {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_img {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_img {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_img {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_img {
    height: 567px;
  }
}
#animations .animations__grid_element .animations__element_star {
  position: absolute;
  color: white;
  z-index: 9;
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_star {
    top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_star {
    top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_star {
    top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_star {
    top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_star {
    top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_star {
    top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_star {
    top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_star {
    top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_star {
    top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_star {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_star {
    top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_star {
    top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_star {
    top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_star {
    top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_star {
    top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_star {
    top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_star {
    top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_star {
    top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_star {
    top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_star {
    top: 47.25px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_star {
    right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_star {
    right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_star {
    right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_star {
    right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_star {
    right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_star {
    right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_star {
    right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_star {
    right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_star {
    right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_star {
    right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_star {
    right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_star {
    right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_star {
    right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_star {
    right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_star {
    right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_star {
    right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_star {
    right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_star {
    right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_star {
    right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_star {
    right: 47.25px;
  }
}
#animations .animations__grid_element .animations__element_star:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  filter: blur(15px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#animations .animations__grid_element .animations__element_star.active {
  color: #FF9F1C;
}
#animations .animations__grid_element .animations__element_star.active:hover::after {
  background: #FF9F1C;
}
#animations .animations__grid_element .animations__element_title {
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: normal;
  text-align: center;
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-left-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_title {
    border-bottom-right-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_title {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_title {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_title {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_title {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_title {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_title {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_title {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_title {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_title {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_title {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_title {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_title {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_title {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_title {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_title {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_title {
    height: 132.3px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_title {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element .animations__element_title {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__element_img {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__progress {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__progress {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__grid_element.isBind .animations__element_preview {
    height: 378px;
  }
}
#animations .animations__element_preview {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(/src/views/player/animations/images/preview.png);
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #animations .animations__element_preview {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__element_preview {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__element_preview {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__element_preview {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__element_preview {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__element_preview {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__element_preview {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__element_preview {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__element_preview {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__element_preview {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__element_preview {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__element_preview {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__element_preview {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__element_preview {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__element_preview {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__element_preview {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__element_preview {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__element_preview {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__element_preview {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__element_preview {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #animations .animations__element_preview {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__element_preview {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__element_preview {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__element_preview {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__element_preview {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__element_preview {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__element_preview {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__element_preview {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__element_preview {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__element_preview {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__element_preview {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__element_preview {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__element_preview {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__element_preview {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__element_preview {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__element_preview {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__element_preview {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__element_preview {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__element_preview {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__element_preview {
    height: 567px;
  }
}
#animations .animations__dragondrop {
  pointer-events: none;
  position: absolute;
  z-index: 99;
}
@media (max-width: 799px) {
  #animations .animations__dragondrop {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop {
    height: 378px;
  }
}
#animations .animations__dragondrop .animations__dragondrop_block {
  position: relative;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.45px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.5px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.645px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.685px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.75px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.7px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.85px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.8px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 0.95px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.35px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.3px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 2px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 1.65px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 2.25px solid rgba(253,255,252,0.2);
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border: 3.15px solid rgba(253,255,252,0.2);
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block {
    margin-bottom: 37.8px;
  }
}
#animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
  pointer-events: none;
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dragondrop .animations__dragondrop_block .animations__element_preview {
    height: 378px;
  }
}
#animations .animations__dell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
@media (max-width: 799px) {
  #animations .animations__dell {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__dell {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__dell {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__dell {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__dell {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__dell {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__dell {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__dell {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__dell {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__dell {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__dell {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__dell {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__dell {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__dell {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__dell {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__dell {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__dell {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__dell {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__dell {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__dell {
    font-size: 37.8px;
  }
}
#animations .animations__fastbuttons {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons {
    height: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons {
    height: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons {
    height: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons {
    height: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons {
    height: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons {
    height: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons {
    height: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons {
    height: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons {
    height: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons {
    height: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons {
    height: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons {
    height: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons {
    height: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons {
    height: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons {
    height: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons {
    height: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons {
    height: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons {
    height: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons {
    height: 441px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons {
    height: 617.4px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons {
    margin-top: 81.9px;
  }
}
#animations .animations__fastbuttons .animations__fast_element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: black;
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_button {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #animations .animations__fastbuttons .animations__fast_element .animations__fast_text {
    line-height: 44.1px;
  }
}
@font-face {
  font-family: "animationsicon";
  src: url(../src/views/player/animations/fonts//animationsicon.eot);
  src: url(../src/views/player/animations/fonts//animationsicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/animations/fonts//animationsicon.ttf) format("truetype"), url(../src/views/player/animations/fonts//animationsicon.woff) format("woff"), url(/src/views/player/animations/fonts/animationsicon.svg#animationsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=animationsicon-], [class*=" animationsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "animationsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.animationsicon-loop2:before {
  content: "\e903";
}

.animationsicon-star:before {
  content: "\e901";
}

.animationsicon-mainanim:before {
  content: "\e902";
}
@font-face {
  font-family: "arendaicon";
  src: url(../src/views/player/oressale/assets/fonts//arenda.eot);
  src: url(../src/views/player/oressale/assets/fonts//arenda.eot#iefix) format("embedded-opentype"), url(../src/views/player/oressale/assets/fonts//arenda.ttf) format("truetype"), url(../src/views/player/oressale/assets/fonts//arenda.woff) format("woff"), url(/src/views/player/oressale/assets/fonts/arenda.svg#arenda) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=arendaicon-], [class*=" arendaicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "arendaicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arendaicon-money:before {
  content: "\e900";
}

.arendaicon-off:before {
  content: "\e901";
}
#ores-sale {
  width: 100%;
  height: 100%;
  color: white;
  font-family: "UniNeue", Tahoma, Arial;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #ores-sale {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #ores-sale {
    font-size: 50.4px;
  }
}
#ores-sale .arenda {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #ores-sale .arenda {
    width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda {
    width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda {
    width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda {
    width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda {
    width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda {
    width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda {
    width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda {
    width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda {
    width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda {
    width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda {
    width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda {
    width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda {
    width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    width: 2367px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda {
    width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda {
    height: 385.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda {
    height: 428px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda {
    height: 552.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda {
    height: 586.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda {
    height: 642px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda {
    height: 599.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda {
    height: 727.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda {
    height: 684.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda {
    height: 813.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda {
    height: 1070px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda {
    height: 1155.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda {
    height: 1112.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda {
    height: 1070px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    height: 1712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    height: 1926px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda {
    height: 2696.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda {
    padding-bottom: 141.75px;
  }
}
#ores-sale .arenda.nonactive {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(1px);
}
#ores-sale .arenda .arenda-header {
  box-sizing: border-box;
  width: 100%;
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    padding-bottom: 144.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    height: 427.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    height: 598.5px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    border-top-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    border-top-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 286.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 318.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 410.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 436.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 477.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 445.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 541.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 509.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 605.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 859.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 828.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 1274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 1433.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arenda-header__text {
    max-width: 2006.55px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 25.2px;
  }
}
#ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
  color: #595E6C;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 69.3px;
  }
}
#ores-sale .arenda .arenda-header .arendaicon-off {
  color: #595E6C;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 164.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-header .arendaicon-off {
    font-size: 229.95px;
  }
}
#ores-sale .arenda .arenda-main {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main {
    height: 279px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main {
    height: 310px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main {
    height: 399.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main {
    height: 424.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main {
    height: 465px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main {
    height: 434px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main {
    height: 527px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main {
    height: 496px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main {
    height: 589px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main {
    height: 837px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main {
    height: 806px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    height: 1240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    height: 1395px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main {
    height: 1953px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main {
    gap: 63px;
  }
}
#ores-sale .arenda .arenda-main .arenda-main__element {
  background: rgba(1, 22, 39, 0.8);
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 675px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    height: 945px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-bottom: 28.35px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 25.2px;
  }
}
#ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
  color: #34D387;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 63px;
  }
}
#ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
  width: 100%;
  background-image: url(/src/views/player/oressale/assets/images/ore_gold.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 535.5px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    line-height: 56.7px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__amount_info {
    margin-bottom: 25.2px;
  }
}
#ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 18.9px;
  }
}
#ores-sale .arenda .arenda-main .arenda-main__element .arenda-main__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar {
    width: 9.45px;
  }
}
#ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
  background: #3a4a68;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
  background: #D33437;
}
@media (max-width: 799px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#ores-sale .props-arenda {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ores-sale .props-arenda .arenda-customize {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  background: #121317;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 1.35px solid #474A56;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 1.5px solid #474A56;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 1.935px solid #474A56;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.055px solid #474A56;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.25px solid #474A56;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.1px solid #474A56;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.55px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.4px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 2.85px solid #474A56;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 4.05px solid #474A56;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 3.9px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 6px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 6.75px solid #474A56;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    border: 9.45px solid #474A56;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 153px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-right: 214.2px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 153px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-left: 214.2px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize {
    padding-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 110.25px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 18.9px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
  color: #D33437;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 40.95px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__img {
  width: 100%;
  background-image: url(/src/views/player/oressale/assets/images/ore_gold.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 100.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 111.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 143.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 152.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 167.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 156.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 189.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 178.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 211.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 501.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    height: 702.45px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 53.55px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 40.95px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
  width: 100%;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 25.2px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
  font-weight: bold;
  background-repeat: no-repeat;
  background-color: transparent;
  box-sizing: border-box;
  font-family: "UniNeue";
  width: 100%;
  line-height: 32px;
  transition: all ease 0.2s;
  text-align: center;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__rangeslider input {
    background-size: 75.6px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 53.55px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__input-description .arenda-customize_gray {
  color: #3F424B;
}
#ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 75.6px;
  }
}
#ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 47.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 66.15px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 66.15px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 0.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.29px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.37px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 6.3px solid rgba(255,255,255,0.6);
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__button {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 44.1px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
  color: #34D387;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 15.75px;
  }
}
#ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
  cursor: pointer;
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #ores-sale .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 59.85px;
  }
}
#metro {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "TTNorms-Regular";
  background: rgba(1, 22, 39, 0.9);
  letter-spacing: 0.05em;
  font-weight: 500;
  color: white;
}
@media (max-width: 799px) {
  #metro {
    padding-left: 95.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    padding-left: 106px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    padding-left: 136.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    padding-left: 145.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    padding-left: 159px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    padding-left: 148.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    padding-left: 180.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    padding-left: 169.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    padding-left: 201.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    padding-left: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    padding-left: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    padding-left: 265px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    padding-left: 286.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    padding-left: 275.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    padding-left: 265px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    padding-left: 349.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    padding-left: 424px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    padding-left: 349.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    padding-left: 477px;
  }
}
@media (min-width: 6000px) {
  #metro {
    padding-left: 667.8px;
  }
}
@media (max-width: 799px) {
  #metro {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #metro {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #metro {
    padding-right: 51.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    padding-right: 57px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    padding-right: 73.53px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    padding-right: 78.09px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    padding-right: 85.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    padding-right: 79.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    padding-right: 96.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    padding-right: 91.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    padding-right: 108.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    padding-right: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    padding-right: 114px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    padding-right: 142.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    padding-right: 153.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    padding-right: 148.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    padding-right: 142.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    padding-right: 188.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    padding-right: 228px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    padding-right: 188.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    padding-right: 256.5px;
  }
}
@media (min-width: 6000px) {
  #metro {
    padding-right: 359.1px;
  }
}
@media (max-width: 799px) {
  #metro {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #metro {
    padding-bottom: 189px;
  }
}
@media (max-width: 799px) {
  #metro {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #metro {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #metro {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #metro {
    line-height: 44.1px;
  }
}
#metro .metro__header {
  font-family: "TTNorms-Bold";
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #metro .metro__header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__header {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__header {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__header {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__header {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__header {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__header {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__header {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__header {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__header {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__header {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__header {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__header {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__header {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__header {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__header {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__header {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #metro .metro__header {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__header {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__header {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__header {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__header {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__header {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__header {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__header {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__header {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__header {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__header {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__header {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__header {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__header {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__header {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__header {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__header {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__header {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__header {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__header {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #metro .metro__header {
    line-height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__header {
    line-height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__header {
    line-height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__header {
    line-height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__header {
    line-height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__header {
    line-height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__header {
    line-height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__header {
    line-height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__header {
    line-height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__header {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__header {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__header {
    line-height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__header {
    line-height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__header {
    line-height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__header {
    line-height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__header {
    line-height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__header {
    line-height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__header {
    line-height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__header {
    line-height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__header {
    line-height: 132.3px;
  }
}
@media (max-width: 799px) {
  #metro .metro__header .metroicons-station {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__header .metroicons-station {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__header .metroicons-station {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__header .metroicons-station {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__header .metroicons-station {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__header .metroicons-station {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__header .metroicons-station {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__header .metroicons-station {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__header .metroicons-station {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__header .metroicons-station {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__header .metroicons-station {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__header .metroicons-station {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__header .metroicons-station {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__header .metroicons-station {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__header .metroicons-station {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__header .metroicons-station {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__header .metroicons-station {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__header .metroicons-station {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__header .metroicons-station {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__header .metroicons-station {
    font-size: 132.3px;
  }
}
@media (max-width: 799px) {
  #metro .metro__header .metroicons-station {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__header .metroicons-station {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__header .metroicons-station {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__header .metroicons-station {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__header .metroicons-station {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__header .metroicons-station {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__header .metroicons-station {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__header .metroicons-station {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__header .metroicons-station {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__header .metroicons-station {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__header .metroicons-station {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__header .metroicons-station {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__header .metroicons-station {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__header .metroicons-station {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__header .metroicons-station {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__header .metroicons-station {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__header .metroicons-station {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__header .metroicons-station {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__header .metroicons-station {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__header .metroicons-station {
    margin-right: 31.5px;
  }
}
#metro .metro__main {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #metro .metro__main {
    padding-right: 127.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main {
    padding-right: 142px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main {
    padding-right: 183.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main {
    padding-right: 194.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main {
    padding-right: 213px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main {
    padding-right: 198.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main {
    padding-right: 241.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main {
    padding-right: 227.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main {
    padding-right: 269.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main {
    padding-right: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main {
    padding-right: 284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main {
    padding-right: 355px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main {
    padding-right: 383.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main {
    padding-right: 369.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main {
    padding-right: 355px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main {
    padding-right: 468.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main {
    padding-right: 568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main {
    padding-right: 468.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main {
    padding-right: 639px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main {
    padding-right: 894.6px;
  }
}
#metro .metro__main .metro__img {
  background: url(/src/views/player/metro/images/map.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #metro .metro__main .metro__img {
    width: 375.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__img {
    width: 417.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__img {
    width: 538.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__img {
    width: 571.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__img {
    width: 626.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__img {
    width: 584.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__img {
    width: 709.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__img {
    width: 668px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__img {
    width: 793.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__img {
    width: 835px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__img {
    width: 835px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__img {
    width: 1043.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__img {
    width: 1127.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__img {
    width: 1085.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__img {
    width: 1043.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img {
    width: 1377.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img {
    width: 1670px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img {
    width: 1377.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img {
    width: 1878.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__img {
    width: 2630.25px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__img {
    height: 382.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__img {
    height: 424.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__img {
    height: 547.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__img {
    height: 581.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__img {
    height: 636.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__img {
    height: 594.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__img {
    height: 721.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__img {
    height: 679.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__img {
    height: 806.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__img {
    height: 849px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__img {
    height: 849px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__img {
    height: 1061.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__img {
    height: 1146.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__img {
    height: 1103.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__img {
    height: 1061.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img {
    height: 1400.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img {
    height: 1698px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img {
    height: 1400.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img {
    height: 1910.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__img {
    height: 2674.35px;
  }
}
#metro .metro__main .metro__img .first {
  position: absolute;
  top: 89%;
  left: 33%;
}
#metro .metro__main .metro__img .second {
  position: absolute;
  top: 68%;
  left: 41%;
}
#metro .metro__main .metro__img .third {
  position: absolute;
  top: 45.5%;
  left: 31%;
}
#metro .metro__main .metro__img .fourth {
  position: absolute;
  top: 46%;
  left: 68%;
}
#metro .metro__main .metro__img .fifth {
  position: absolute;
  top: 16%;
  left: 69%;
}
#metro .metro__main .metro__img .sixth {
  position: absolute;
  top: 10%;
  left: 52%;
}
#metro .metro__main .metro__img .seventh {
  position: absolute;
  top: 11%;
  left: 32%;
}
#metro .metro__main .metro__img .eight {
  position: absolute;
  top: 23%;
  left: 19%;
}
#metro .metro__main .metro__img .nineth {
  position: absolute;
  top: 32%;
  left: 46%;
}
#metro .metro__main .metro__img .tenth {
  position: absolute;
  top: 38%;
  left: 63%;
}
#metro .metro__main .metro__img .thent {
  position: absolute;
  top: 38%;
  left: 63%;
}
#metro .metro__main .metro__img .eleventh {
  position: absolute;
  top: 60%;
  left: 73%;
}
#metro .metro__main .metro__img .metro__img_element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#metro .metro__main .metro__img .metro__img_element.active .text, #metro .metro__main .metro__img .metro__img_element:hover .text {
  text-decoration: underline;
  color: #FF9F1C;
}
#metro .metro__main .metro__img .metro__img_element .gray {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__img .metro__img_element .gray {
    font-size: 31.5px;
  }
}
#metro .metro__main .metro__img .metro__img_element .red {
  color: #FE1B1B;
  font-weight: bold;
  text-decoration: none;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__img .metro__img_element .red {
    font-size: 44.1px;
  }
}
#metro .metro__main .metro__title {
  font-family: "TTNorms-Bold";
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__title {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__title {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__title {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__title {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__title {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__title {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__title {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__title {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__title {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__title {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__title {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__title {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__title {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__title {
    margin-bottom: 119.7px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__title .metroicons-ticket, #metro .metro__main .metro__title .metroicons-znak {
    margin-right: 63px;
  }
}
#metro .metro__main .metro__stations {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations {
    gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations {
    margin-bottom: 151.2px;
  }
}
#metro .metro__main .metro__stations .metro__station {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  transition: all 0.1s ease;
  border: 1px solid rgba(255, 255, 255, 0);
  opacity: 0.7;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 47.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-left: 66.15px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 77.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 86px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 110.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 117.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 129px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 120.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 146.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 137.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 163.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 232.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 223.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 283.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 344px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 283.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 387px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station {
    width: 541.8px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 123.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station {
    height: 173.25px;
  }
}
#metro .metro__main .metro__stations .metro__station:hover, #metro .metro__main .metro__stations .metro__station.active {
  transition: all 0.1s ease;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
#metro .metro__main .metro__stations .metro__station.noActive {
  opacity: 0.25;
}
#metro .metro__main .metro__stations .metro__station.noActive:hover, #metro .metro__main .metro__stations .metro__station.noActive.active {
  transition: all 0.1s ease;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0);
}
#metro .metro__main .metro__stations .metro__station .metro__station__header {
  display: flex;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station .metro__station__header {
    margin-bottom: 22.05px;
  }
}
#metro .metro__main .metro__stations .metro__station .metroicons-diamond {
  background: url(/src/views/player/metro/images/diamond.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 15.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    width: 22.05px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__stations .metro__station .metroicons-diamond {
    margin-right: 15.75px;
  }
}
#metro .metro__main .metro__stations .metro__station .metro__station_price {
  color: rgba(255, 255, 255, 0.7);
}
#metro .metro__main .price {
  color: #2BB6A8;
}
#metro .metro__main .metro__small {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #metro .metro__main .metro__subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__subtitle {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__subtitle {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__subtitle {
    margin-bottom: 44.1px;
  }
}
#metro .metro__main .price {
  color: #2BB6A8;
}
#metro .metro__main .metro__button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #metro .metro__main .metro__button {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__button {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__button {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__button {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__button {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__button {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__button {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__button {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__button {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__button {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__button {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__button {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__button {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__button {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__button {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__button {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__button {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__button {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__button {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__button {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__button {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__button {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__button {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__button {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__button {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__button {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__button {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__button {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__button {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__button {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__button {
    width: 110.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__button {
    width: 122.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__button {
    width: 158.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__button {
    width: 167.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__button {
    width: 183.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__button {
    width: 171.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__button {
    width: 208.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__button {
    width: 196px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__button {
    width: 232.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__button {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__button {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__button {
    width: 306.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__button {
    width: 330.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__button {
    width: 318.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__button {
    width: 306.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    width: 404.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    width: 490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    width: 404.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    width: 551.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__button {
    width: 771.75px;
  }
}
@media (max-width: 799px) {
  #metro .metro__main .metro__button {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__main .metro__button {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__main .metro__button {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__main .metro__button {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__main .metro__button {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__main .metro__button {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__main .metro__button {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__main .metro__button {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__main .metro__button {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__main .metro__button {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__main .metro__button {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__main .metro__button {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__main .metro__button {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__main .metro__button {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__main .metro__button {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__main .metro__button {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__main .metro__button {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__main .metro__button {
    height: 166.95px;
  }
}
#metro .metro__main .metro__button:hover {
  opacity: 0.9;
}
@media (max-width: 799px) {
  #metro .m-l-26 {
    margin-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .m-l-26 {
    margin-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .m-l-26 {
    margin-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .m-l-26 {
    margin-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .m-l-26 {
    margin-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .m-l-26 {
    margin-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .m-l-26 {
    margin-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .m-l-26 {
    margin-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .m-l-26 {
    margin-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .m-l-26 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .m-l-26 {
    margin-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .m-l-26 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .m-l-26 {
    margin-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .m-l-26 {
    margin-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .m-l-26 {
    margin-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .m-l-26 {
    margin-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .m-l-26 {
    margin-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .m-l-26 {
    margin-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .m-l-26 {
    margin-left: 36px;
  }
}
@media (min-width: 6000px) {
  #metro .m-l-26 {
    margin-left: 50.4px;
  }
}
#metro .metro__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  #metro .metro__bottom {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom {
    margin-top: 22.05px;
  }
}
#metro .metro__bottom .metro__menu_button {
  background: white;
  background: #FDFFFC;
  border-radius: 6px;
  color: black;
  font-weight: bold;
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 24.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__menu_button {
    padding-left: 34.65px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__menu_button {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 24.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__menu_button {
    padding-right: 34.65px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__menu_button {
    padding-bottom: 34.65px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__menu_button {
    margin-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #metro .metro__bottom .metro__text {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #metro .metro__bottom .metro__text {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #metro .metro__bottom .metro__text {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #metro .metro__bottom .metro__text {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #metro .metro__bottom .metro__text {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #metro .metro__bottom .metro__text {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #metro .metro__bottom .metro__text {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #metro .metro__bottom .metro__text {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #metro .metro__bottom .metro__text {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #metro .metro__bottom .metro__text {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #metro .metro__bottom .metro__text {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #metro .metro__bottom .metro__text {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #metro .metro__bottom .metro__text {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #metro .metro__bottom .metro__text {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #metro .metro__bottom .metro__text {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__text {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__text {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #metro .metro__bottom .metro__text {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #metro .metro__bottom .metro__text {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #metro .metro__bottom .metro__text {
    margin-left: 81.9px;
  }
}
@font-face {
  font-family: "metroicons";
  src: url(../src/views/player/metro/fonts//metroicons.eot);
  src: url(../src/views/player/metro/fonts//metroicons.eot#iefix) format("embedded-opentype"), url(../src/views/player/metro/fonts//metroicons.ttf) format("truetype"), url(../src/views/player/metro/fonts//metroicons.woff) format("woff"), url(/src/views/player/metro/fonts/metroicons.svg#metroicons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=metroicons-], [class*=" metroicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "metroicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.metroicons-znak:before {
  content: "\e900";
}

.metroicons-ticket:before {
  content: "\e901";
}

.metroicons-station:before {
  content: "\e902";
}

.metroicons-diamond:before {
  content: "\e903";
}

.metroicons-right:before {
  content: "\e926";
}

.metroicons-left:before {
  content: "\e925";
}

.metroicons-done:before {
  content: "\e90a";
}

.metroicons-star:before {
  content: "\e91b";
}

.metroicons-time:before {
  content: "\e91c";
}
#wedding {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-image: url(/src/views/player/wedding/images/wedding.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: TT Norms;
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #wedding {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #wedding {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #wedding {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #wedding {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #wedding {
    padding-top: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding {
    padding-top: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding {
    padding-top: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding {
    padding-top: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding {
    padding-top: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding {
    padding-top: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding {
    padding-top: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding {
    padding-top: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding {
    padding-top: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding {
    padding-top: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding {
    padding-top: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding {
    padding-top: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding {
    padding-top: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding {
    padding-top: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding {
    padding-top: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding {
    padding-top: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding {
    padding-top: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding {
    padding-top: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding {
    padding-top: 675px;
  }
}
@media (min-width: 6000px) {
  #wedding {
    padding-top: 945px;
  }
}
#wedding.divorce {
  background-image: url(/src/views/player/wedding/images/divorce.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#wedding .wedding__header {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 799px) {
  #wedding .wedding__header {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__header {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__header {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__header {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__header {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__header {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__header {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__header {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__header {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__header {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__header {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__header {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__header {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__header {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__header {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__header {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__header {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__header {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__header {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__header {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__header {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__header {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__header {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__header {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__header {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__header {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__header {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__header {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__header {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__header {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__header {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__header {
    line-height: 179.55px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__header {
    margin-bottom: 31.5px;
  }
}
#wedding .wedding__text {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
@media (max-width: 799px) {
  #wedding .wedding__text {
    max-width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__text {
    max-width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__text {
    max-width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__text {
    max-width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__text {
    max-width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__text {
    max-width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__text {
    max-width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__text {
    max-width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__text {
    max-width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__text {
    max-width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__text {
    max-width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__text {
    max-width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__text {
    max-width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__text {
    max-width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__text {
    max-width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__text {
    max-width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__text {
    max-width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__text {
    max-width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__text {
    max-width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__text {
    max-width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__text {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__text {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__text {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__text {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__text {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__text {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__text {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__text {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__text {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__text {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__text {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__text {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__text {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__text {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__text {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__text {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__text {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__text {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__text {
    margin-bottom: 31.5px;
  }
}
#wedding .wedding__subtitle {
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  #wedding .wedding__subtitle {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__subtitle {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__subtitle {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__subtitle {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__subtitle {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__subtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__subtitle {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__subtitle {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__subtitle {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__subtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__subtitle {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__subtitle {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__subtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__subtitle {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__subtitle {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__subtitle {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__subtitle {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__subtitle {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__subtitle {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__subtitle {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__subtitle {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__subtitle {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__subtitle {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__subtitle {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__subtitle {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__subtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__subtitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__subtitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__subtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__subtitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__subtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__subtitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__subtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__subtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__subtitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__subtitle {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__subtitle {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__subtitle {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__subtitle {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__subtitle {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__subtitle {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__subtitle {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__subtitle {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__subtitle {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__subtitle {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__subtitle {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__subtitle {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__subtitle {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__subtitle {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__subtitle {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__subtitle {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__subtitle {
    line-height: 88.2px;
  }
}
#wedding .box-flex {
  justify-content: space-between;
}
@media (max-width: 799px) {
  #wedding .box-flex {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .box-flex {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .box-flex {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .box-flex {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .box-flex {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .box-flex {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .box-flex {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .box-flex {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .box-flex {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .box-flex {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .box-flex {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .box-flex {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .box-flex {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .box-flex {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .box-flex {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .box-flex {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .box-flex {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .box-flex {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .box-flex {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #wedding .box-flex {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #wedding .box-flex {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .box-flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .box-flex {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .box-flex {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .box-flex {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .box-flex {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .box-flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .box-flex {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .box-flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .box-flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .box-flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .box-flex {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .box-flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .box-flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .box-flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .box-flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .box-flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .box-flex {
    margin-bottom: 31.5px;
  }
}
#wedding .wedding__selector {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  #wedding .wedding__selector {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__selector {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__selector {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector {
    line-height: 66.15px;
  }
}
#wedding .wedding__selector.active {
  color: white;
  background-image: url(/src/views/player/wedding/images/selector.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #wedding .wedding__selector.active {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector.active {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector.active {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector.active {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector.active {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector.active {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector.active {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector.active {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector.active {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector.active {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector.active {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector.active {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector.active {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector.active {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector.active {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector.active {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector.active {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector.active {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector.active {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector.active {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__selector.active {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector.active {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector.active {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector.active {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector.active {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector.active {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector.active {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector.active {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector.active {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector.active {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector.active {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector.active {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector.active {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector.active {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector.active {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector.active {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector.active {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector.active {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector.active {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector.active {
    height: 151.2px;
  }
}
#wedding .wedding__selector.bad.active {
  background-image: url(/src/views/player/wedding/images/selector__bad.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #wedding .wedding__selector.bad.active {
    width: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector.bad.active {
    width: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector.bad.active {
    width: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector.bad.active {
    width: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector.bad.active {
    width: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector.bad.active {
    width: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector.bad.active {
    width: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector.bad.active {
    width: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector.bad.active {
    width: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector.bad.active {
    width: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector.bad.active {
    width: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector.bad.active {
    width: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector.bad.active {
    width: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector.bad.active {
    width: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector.bad.active {
    width: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector.bad.active {
    width: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector.bad.active {
    width: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector.bad.active {
    width: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector.bad.active {
    width: 171px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector.bad.active {
    width: 239.4px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__selector.bad.active {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__selector.bad.active {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__selector.bad.active {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__selector.bad.active {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__selector.bad.active {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__selector.bad.active {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__selector.bad.active {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__selector.bad.active {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__selector.bad.active {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__selector.bad.active {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__selector.bad.active {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__selector.bad.active {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__selector.bad.active {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__selector.bad.active {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__selector.bad.active {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__selector.bad.active {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__selector.bad.active {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__selector.bad.active {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__selector.bad.active {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__selector.bad.active {
    height: 113.4px;
  }
}
#wedding .wedding__button {
  background: rgba(43, 182, 168, 0.1);
  border: 1px solid #2BB6A8;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #wedding .wedding__button {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__button {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__button {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__button {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__button {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__button {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__button {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__button {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__button {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__button {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__button {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__button {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__button {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__button {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__button {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__button {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__button {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__button {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__button {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__button {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__button {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__button {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__button {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__button {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__button {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__button {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__button {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__button {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__button {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__button {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__button {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__button {
    height: 126px;
  }
}
#wedding .wedding__exit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #wedding .wedding__exit {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit {
    width: 504px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__exit {
    margin-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit {
    margin-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit {
    margin-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit {
    margin-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit {
    margin-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit {
    margin-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit {
    margin-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit {
    margin-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit {
    margin-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit {
    margin-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit {
    margin-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit {
    margin-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit {
    margin-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit {
    margin-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit {
    margin-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit {
    margin-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit {
    margin-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit {
    margin-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit {
    margin-top: 135px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit {
    margin-top: 189px;
  }
}
#wedding .wedding__exit .wedding__exit_button {
  color: black;
  background: #FDFFFC;
  border-radius: 6px;
}
@media (max-width: 799px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #wedding .wedding__exit .wedding__exit_button {
    padding-bottom: 31.5px;
  }
}
#playerticket {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #playerticket {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #playerticket {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #playerticket {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #playerticket {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #playerticket {
    padding-left: 330.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    padding-left: 367px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    padding-left: 473.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    padding-left: 502.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    padding-left: 550.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    padding-left: 513.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    padding-left: 623.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    padding-left: 587.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    padding-left: 697.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    padding-left: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    padding-left: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    padding-left: 917.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    padding-left: 990.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    padding-left: 954.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    padding-left: 917.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    padding-left: 1211.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    padding-left: 1468px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    padding-left: 1211.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    padding-left: 1651.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    padding-left: 2312.1px;
  }
}
@media (max-width: 799px) {
  #playerticket {
    padding-right: 330.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket {
    padding-right: 367px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket {
    padding-right: 473.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket {
    padding-right: 502.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket {
    padding-right: 550.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket {
    padding-right: 513.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket {
    padding-right: 623.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket {
    padding-right: 587.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket {
    padding-right: 697.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket {
    padding-right: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket {
    padding-right: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket {
    padding-right: 917.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket {
    padding-right: 990.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket {
    padding-right: 954.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket {
    padding-right: 917.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket {
    padding-right: 1211.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket {
    padding-right: 1468px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket {
    padding-right: 1211.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket {
    padding-right: 1651.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket {
    padding-right: 2312.1px;
  }
}
#playerticket .playerticket__title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #playerticket .playerticket__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__title {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__title {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__title {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__title {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__title {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__title {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__title {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__title {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__title {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__title {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__title {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__title {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__title {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__title {
    margin-top: 31.5px;
  }
}
#playerticket .playerticket__subtitle {
  font-weight: bold;
}
@media (max-width: 799px) {
  #playerticket .playerticket__subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__subtitle {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__subtitle {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__subtitle {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__subtitle {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__subtitle {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__subtitle {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__subtitle {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__subtitle {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__subtitle {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__subtitle {
    margin-top: 63px;
  }
}
#playerticket .playerticket__photo {
  background: url(/src/views/player/tickets/images/number.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    margin-top: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    margin-top: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    margin-top: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    margin-top: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    margin-top: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    margin-top: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    margin-top: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    margin-top: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    margin-top: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    margin-top: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    margin-top: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    margin-top: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    margin-top: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    margin-top: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    margin-top: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    margin-top: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    margin-top: 216px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    margin-top: 302.4px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    width: 170.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    width: 189px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    width: 243.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    width: 258.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    width: 283.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    width: 264.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    width: 321.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    width: 302.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    width: 359.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    width: 472.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    width: 510.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    width: 491.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    width: 472.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    width: 623.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    width: 756px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    width: 623.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    width: 850.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    width: 1190.7px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    height: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    height: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    height: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    height: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    height: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    height: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    height: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    height: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    height: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    height: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    height: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    height: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    height: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    height: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    height: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    height: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    height: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    height: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    height: 531px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    height: 743.4px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    font-size: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    font-size: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    font-size: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    font-size: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    font-size: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    font-size: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    font-size: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    font-size: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    font-size: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    font-size: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    font-size: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    font-size: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    font-size: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    font-size: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    font-size: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    font-size: 162px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    font-size: 226.8px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__photo {
    line-height: 38.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__photo {
    line-height: 42.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__photo {
    line-height: 54.825px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__photo {
    line-height: 58.225px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__photo {
    line-height: 63.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__photo {
    line-height: 59.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__photo {
    line-height: 72.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__photo {
    line-height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__photo {
    line-height: 80.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__photo {
    line-height: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__photo {
    line-height: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__photo {
    line-height: 106.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__photo {
    line-height: 114.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__photo {
    line-height: 110.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__photo {
    line-height: 106.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    line-height: 140.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    line-height: 170px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__photo {
    line-height: 140.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__photo {
    line-height: 191.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__photo {
    line-height: 267.75px;
  }
}
#playerticket .playerticket__small_image {
  background: url(/src/views/player/tickets/images/none.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #playerticket .playerticket__small_image {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__small_image {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__small_image {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__small_image {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__small_image {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__small_image {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__small_image {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__small_image {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__small_image {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__small_image {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__small_image {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__small_image {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__small_image {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__small_image {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__small_image {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__small_image {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__small_image {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__small_image {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__small_image {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__small_image {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__small_image {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__small_image {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__small_image {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__small_image {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__small_image {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__small_image {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__small_image {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__small_image {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__small_image {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__small_image {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__small_image {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__small_image {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__small_image {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__small_image {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__small_image {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__small_image {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__small_image {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__small_image {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__small_image {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__small_image {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__small_image {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__small_image {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__small_image {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__small_image {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__small_image {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__small_image {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__small_image {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__small_image {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__small_image {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__small_image {
    height: 157.5px;
  }
}
#playerticket .playerticket__line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #playerticket .playerticket__line {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__line {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__line {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__line {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__line {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__line {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__line {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__line {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__line {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__line {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__line {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__line {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__line {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__line {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__line {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__line {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__line {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__line {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__line {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__line {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__line {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__line {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__line {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__line {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__line {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__line {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__line {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__line {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__line {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__line {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__line {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__line {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__line {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__line {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__line {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__line {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__line {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__line {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__line {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__line {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__line {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__line {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__line {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__line {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__line {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__line {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__line {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__line {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__line {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__line {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__line {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__line {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__line {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__line {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__line {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__line {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__line {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__line {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__line {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__line {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__line {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__line {
    margin-bottom: 15.75px;
  }
}
#playerticket .playerticket__input {
  background: rgba(253, 255, 252, 0.05);
  border: 1px solid rgba(253, 255, 252, 0.7);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  color: white;
}
@media (max-width: 799px) {
  #playerticket .playerticket__input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__input {
    width: 183.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__input {
    width: 204px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__input {
    width: 263.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__input {
    width: 279.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__input {
    width: 306px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__input {
    width: 285.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__input {
    width: 346.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__input {
    width: 326.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__input {
    width: 387.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__input {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__input {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__input {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__input {
    width: 550.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__input {
    width: 530.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__input {
    width: 510px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    width: 673.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    width: 816px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    width: 673.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    width: 918px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__input {
    width: 1285.2px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__input {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__input {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__input {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__input {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__input {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__input {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__input {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__input {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__input {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__input {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__input {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__input {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__input {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__input {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__input {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__input {
    margin-top: 63px;
  }
}
#playerticket .box-between {
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #playerticket .box-between {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .box-between {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .box-between {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .box-between {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .box-between {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .box-between {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .box-between {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .box-between {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .box-between {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .box-between {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .box-between {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .box-between {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .box-between {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .box-between {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .box-between {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .box-between {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .box-between {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .box-between {
    margin-top: 63px;
  }
}
#playerticket .box-flex {
  display: flex;
  align-items: center;
  width: 100%;
}
#playerticket .playerticket__name {
  white-space: nowrap;
}
#playerticket .gray {
  white-space: nowrap;
  color: rgba(253, 255, 252, 0.6);
}
#playerticket .sound__input-block {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #playerticket .sound__input-block {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .sound__input-block {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .sound__input-block {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .sound__input-block {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .sound__input-block {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .sound__input-block {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .sound__input-block {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .sound__input-block {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .sound__input-block {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .sound__input-block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .sound__input-block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .sound__input-block {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .sound__input-block {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .sound__input-block {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .sound__input-block {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .sound__input-block {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .sound__input-block {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .sound__input-block {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .sound__input-block {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #playerticket .sound__input-block {
    margin-top: 126px;
  }
}
#playerticket .rangeslider {
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 799px) {
  #playerticket .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #playerticket .rangeslider {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider {
    border-radius: 34.65px;
  }
}
#playerticket .rangeslider .rangeslider__fill {
  background: white;
  box-shadow: unset;
}
@media (max-width: 799px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider .rangeslider__fill {
    border-radius: 34.65px;
  }
}
#playerticket .rangeslider .rangeslider__handle {
  border: none;
  background: white;
}
@media (max-width: 799px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#playerticket .sound__input__value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #playerticket .sound__input__value {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .sound__input__value {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .sound__input__value {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .sound__input__value {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .sound__input__value {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .sound__input__value {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .sound__input__value {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .sound__input__value {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .sound__input__value {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .sound__input__value {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .sound__input__value {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .sound__input__value {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .sound__input__value {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .sound__input__value {
    margin-top: 9.45px;
  }
}
#playerticket .switch-box .switch input {
  display: none;
}
#playerticket .switch-box .switch {
  position: relative;
  display: inline-block;
  background: #131517;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch {
    border-radius: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch {
    border-radius: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch {
    border-radius: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch {
    border-radius: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch {
    border-radius: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch {
    border-radius: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch {
    border-radius: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch {
    border-radius: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch {
    border-radius: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch {
    border-radius: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch {
    border-radius: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    border-radius: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    border-radius: 42.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch {
    border-radius: 59.85px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch {
    margin-right: 31.5px;
  }
}
#playerticket .switch-box .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.4s;
}
#playerticket .switch-box .switch .slider::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  transition: 0.4s;
  background: #FFFFFF;
  border: 2px solid rgba(134, 134, 134, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch .slider::before {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch .slider::before {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch .slider::before {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch .slider::before {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch .slider::before {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch .slider::before {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch .slider::before {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch .slider::before {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch .slider::before {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch .slider::before {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch .slider::before {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider::before {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider::before {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch .slider::before {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch .slider::before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch .slider::before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch .slider::before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch .slider::before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch .slider::before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch .slider::before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch .slider::before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch .slider::before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch .slider::before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch .slider::before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch .slider::before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider::before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider::before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch .slider::before {
    height: 88.2px;
  }
}
#playerticket .switch-box .switch input:checked + .slider:before {
  background: #2BB6A8;
  border: 2px solid rgba(22, 69, 64, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 72px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch input:checked + .slider:before {
    left: 100.8px;
  }
}
@media (max-width: 799px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .switch-box .switch .slider.round {
    border-radius: 107.1px;
  }
}
#playerticket .switch-box .switch .slider.round::before {
  border-radius: 50%;
}
#playerticket .playerticket_bottom_buttons {
  z-index: 1;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons {
    margin-right: 47.25px;
  }
}
#playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
  margin-left: 0;
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons.center .playerticket_bottom_button {
    margin-right: 37.8px;
  }
}
#playerticket .playerticket_bottom_buttons.esc {
  position: absolute;
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 135px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons.esc {
    right: 189px;
  }
}
#playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
  color: black;
  background: #FDFFFC;
  border-radius: 6px;
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons .playerticket_bottom_button {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket_bottom_buttons.ml-20 {
    margin-left: 63px;
  }
}
#playerticket .box-column .playerticket__subtitle {
  margin: 0;
}
#playerticket .box-flex {
  justify-content: center;
}
@media (max-width: 799px) {
  #playerticket .box-flex {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .box-flex {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .box-flex {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .box-flex {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .box-flex {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .box-flex {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .box-flex {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .box-flex {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .box-flex {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .box-flex {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .box-flex {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .box-flex {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .box-flex {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .box-flex {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .box-flex {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .box-flex {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .box-flex {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #playerticket .box-flex {
    margin-top: 50.4px;
  }
}
#playerticket .playerticket__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#playerticket .playerticket__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.78);
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    margin-top: 157.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__header {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__header {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__header {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__header {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__header {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__header {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__header {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__header {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__header {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__header {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__header {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__header {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__header {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__header {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__header {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__header {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__header {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__header {
    width: 1575px;
  }
}
#playerticket .playerticket__carname {
  width: 30%;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__carname .houseicon-car {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__carname .houseicon-car {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__carname .houseicon-bike {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__carname .houseicon-bike {
    margin-right: 15.75px;
  }
}
#playerticket .playerticket__date {
  width: 25%;
}
#playerticket .playerticket__price {
  width: 15%;
}
#playerticket .playerticket__text {
  width: 25%;
}
#playerticket .playerticket__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: auto;
}
@media (max-width: 799px) {
  #playerticket .playerticket__list {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#playerticket .playerticket__list::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list::-webkit-scrollbar-track {
    border-radius: 63px;
  }
}
#playerticket .playerticket__list::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list::-webkit-scrollbar-thumb {
    border-radius: 63px;
  }
}
#playerticket .playerticket__list .playerticket__element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: rgba(253, 255, 252, 0.1);
}
@media (max-width: 799px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list .playerticket__element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list .playerticket__element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #playerticket .playerticket__list .playerticket__element {
    min-height: 220.5px;
  }
}
#playerticket .playerticket__list .playerticket__element:hover {
  background: rgb(253, 255, 252);
  color: #000000;
}
#playerticket .playerticket__list .playerticket__element::after {
  margin: 0;
}
@font-face {
  font-family: "houseicon";
  src: url(../src/views/player/tickets/fonts//houseicon.eot);
  src: url(../src/views/player/tickets/fonts//houseicon.eot#iefix) format("embedded-opentype"), url(../src/views/player/tickets/fonts//houseicon.ttf) format("truetype"), url(../src/views/player/tickets/fonts//houseicon.woff) format("woff"), url(/src/views/player/tickets/fonts/houseicon.svg#houseicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=houseicon-], [class*=" houseicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "houseicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houseicon-check:before {
  content: "\e90b";
}

.houseicon-car-top:before {
  content: "\e900";
}

.houseicon-time:before {
  content: "\e902";
}

.houseicon-star:before {
  content: "\e903";
}

.houseicon-garage:before {
  content: "\e904";
}

.houseicon-bike-top:before {
  content: "\e905";
}

.houseicon-safe:before {
  content: "\e906";
}

.houseicon-medkit:before {
  content: "\e907";
}

.houseicon-bike:before {
  content: "\e908";
}

.houseicon-car:before {
  content: "\e909";
}

.houseicon-house:before {
  content: "\e90a";
}

.houseicon-ban:before {
  content: "\e901";
}
#restartchat {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #restartchat {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #restartchat {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #restartchat {
    line-height: 66.15px;
  }
}
#restartchat .restartchat__block {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #restartchat .restartchat__block {
    width: 594px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__block {
    width: 660px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__block {
    width: 851.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__block {
    width: 904.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__block {
    width: 990px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__block {
    width: 924px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__block {
    width: 1122px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__block {
    width: 1056px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__block {
    width: 1254px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__block {
    width: 1320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__block {
    width: 1320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__block {
    width: 1650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__block {
    width: 1782px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__block {
    width: 1716px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__block {
    width: 1650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    width: 2178px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    width: 2640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    width: 2178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    width: 2970px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__block {
    width: 4158px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__block {
    height: 405px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__block {
    height: 450px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__block {
    height: 580.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__block {
    height: 616.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__block {
    height: 675px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__block {
    height: 630px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__block {
    height: 765px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__block {
    height: 720px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__block {
    height: 855px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__block {
    height: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__block {
    height: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__block {
    height: 1125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__block {
    height: 1215px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__block {
    height: 1170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__block {
    height: 1125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    height: 1485px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    height: 1800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    height: 1485px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    height: 2025px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__block {
    height: 2835px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__block {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__block {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__block {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__block {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__block {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__block {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__block {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__block {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__block {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__block {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__block {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__block {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__block {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__block {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__block {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__block {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__block {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__block {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__block {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__block {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__block {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__block {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__block {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__block {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__block {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__block {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__block {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__block {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__block {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__block {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__block {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__block {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__block {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__block {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__header {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__header {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__header {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__header {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__header {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__header {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__header {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__header {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__header {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__header {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__header {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__header {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__header {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__header {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__header {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__header {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__header {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__header {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__header {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__header {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__header {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__header {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__header {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__header {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__header {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__header {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__header {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__header {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__header {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__header {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__header {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__header {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__header {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__header {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__header {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__header {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__header {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__header {
    margin-bottom: 126px;
  }
}
#restartchat .restartchat__chat_messages {
  background: rgba(255, 255, 255, 0.1);
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages {
    height: 324px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages {
    height: 360px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages {
    height: 464.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages {
    height: 493.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages {
    height: 540px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages {
    height: 504px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages {
    height: 612px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages {
    height: 576px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages {
    height: 684px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages {
    height: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages {
    height: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages {
    height: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages {
    height: 972px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages {
    height: 936px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages {
    height: 900px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    height: 1188px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    height: 1440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    height: 1188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    height: 1620px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages {
    height: 2268px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages {
    max-height: 324px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages {
    max-height: 360px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages {
    max-height: 464.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages {
    max-height: 493.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages {
    max-height: 540px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages {
    max-height: 504px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages {
    max-height: 612px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages {
    max-height: 576px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages {
    max-height: 684px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages {
    max-height: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages {
    max-height: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages {
    max-height: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages {
    max-height: 972px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages {
    max-height: 936px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages {
    max-height: 900px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    max-height: 1188px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    max-height: 1440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    max-height: 1188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    max-height: 1620px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages {
    max-height: 2268px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar {
    width: 9.45px;
  }
}
#restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
#restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#restartchat .restartchat__chat_messages .restartchat__chat_message {
  background: white;
  color: black;
  width: -moz-fit-content;
  width: fit-content;
  word-wrap: break-word;
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    padding: 25.2px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 27px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_messages .restartchat__chat_message {
    border-radius: 37.8px;
  }
}
#restartchat .restartchat__chat_input {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input {
    margin-top: 63px;
  }
}
#restartchat .restartchat__chat_input .restartchat__input {
  font-family: inherit;
  color: #869199;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__input {
    padding-left: 31.5px;
  }
}
#restartchat .restartchat__chat_input .restartchat__sendbutton {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #restartchat .restartchat__chat_input .restartchat__sendbutton {
    height: 126px;
  }
}
#restartchat .restartchat__chat_input .restartchat__sendbutton:hover {
  transition: all 0.5s ease;
  background: white;
  color: black;
}
.plist {
  font-family: "UniNeue";
  background: linear-gradient(to top, rgba(4, 0, 255, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
  height: 97%;
  margin-left: -300px;
  border-radius: 15px;
  position: absolute;
  width: 600px;
  left: 50%;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}

.plist .head {
  margin: 10px;
}

.plist img {
  float: left;
  width: 50px;
}

.plist h1 {
  float: left;
  margin: 12px;
  color: white;
  font-size: 18pt;
}

.plist span {
  float: right;
  color: white;
  font-size: 18pt;
  margin: 12px;
}

.plist .list {
  color: white;
  width: 100%;
  margin: 40px 0;
  overflow: hidden;
  overflow-y: scroll;
  height: 87%;
}

.plist table {
  width: 100%;
  text-align: center;
}

.plist .selectedSort::after {
  content: url(/src/views/assets/images/arrow.svg);
  padding: 0px 7px 0px 7px;
  width: 10px;
  position: absolute;
  display: inline-block;
}

.plist .reversedSort::after {
  transform: rotate(-180deg);
  padding-bottom: 2px;
}
#autoshop {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #autoshop {
    padding-top: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop {
    padding-top: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop {
    padding-top: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop {
    padding-top: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop {
    padding-top: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop {
    padding-top: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop {
    padding-top: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop {
    padding-top: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop {
    padding-top: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop {
    padding-top: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop {
    padding-top: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop {
    padding-top: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop {
    padding-top: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop {
    padding-top: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop {
    padding-top: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop {
    padding-top: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop {
    padding-top: 168.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop {
    padding-top: 236.25px;
  }
}
@media (max-width: 799px) {
  #autoshop {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop {
    padding-bottom: 42.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop {
    padding-bottom: 54.825px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop {
    padding-bottom: 58.225px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop {
    padding-bottom: 63.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop {
    padding-bottom: 59.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop {
    padding-bottom: 72.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop {
    padding-bottom: 80.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop {
    padding-bottom: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop {
    padding-bottom: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop {
    padding-bottom: 106.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop {
    padding-bottom: 114.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop {
    padding-bottom: 110.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop {
    padding-bottom: 106.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop {
    padding-bottom: 140.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop {
    padding-bottom: 170px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop {
    padding-bottom: 140.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop {
    padding-bottom: 191.25px;
  }
}
@media (min-width: 6000px) {
  #autoshop {
    padding-bottom: 267.75px;
  }
}
@media (max-width: 799px) {
  #autoshop {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #autoshop {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop {
    padding-right: 94.5px;
  }
}
#autoshop .box-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#autoshop .box-content .box-auto-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(1, 22, 39, 0.8);
  border-radius: 6px;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list {
    height: 257.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list {
    height: 286px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list {
    height: 368.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list {
    height: 391.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list {
    height: 429px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list {
    height: 400.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list {
    height: 486.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list {
    height: 457.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list {
    height: 543.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list {
    height: 572px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list {
    height: 572px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list {
    height: 715px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list {
    height: 772.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list {
    height: 743.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list {
    height: 715px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    height: 943.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    height: 1144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    height: 943.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    height: 1287px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list {
    height: 1801.8px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list {
    padding-bottom: 31.5px;
  }
}
#autoshop .box-content .box-auto-list .logo {
  color: white;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 171px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .logo {
    font-size: 239.4px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .title {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .title {
    line-height: 75.6px;
  }
}
#autoshop .box-content .box-auto-list .box-sort {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-sort {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-sort {
    width: 1039.5px;
  }
}
#autoshop .box-content .box-auto-list .box-sort .btn-sort {
  border: 1px solid #C1C1C1;
  background: unset;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.25s linear, border 0.25s linear;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort {
    height: 201.6px;
  }
}
#autoshop .box-content .box-auto-list .box-sort .btn-sort span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-sort .btn-sort span {
    font-size: 113.4px;
  }
}
#autoshop .box-content .box-auto-list .box-sort .btn-sort.active, #autoshop .box-content .box-auto-list .box-sort .btn-sort:hover {
  border: 0;
  background: white;
}
#autoshop .box-content .box-auto-list .box-sort .btn-sort.active span, #autoshop .box-content .box-auto-list .box-sort .btn-sort:hover span {
  color: black;
}
#autoshop .box-content .box-auto-list .box-list {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 720px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list {
    height: 1008px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}
#autoshop .box-content .box-auto-list .box-list::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}
#autoshop .box-content .box-auto-list .box-list .box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 3px;
  font-weight: 500;
  color: #C1C1C1;
  transition: background 0.25s linear;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-list .box-list .box-item {
    font-size: 63px;
  }
}
#autoshop .box-content .box-auto-list .box-list .box-item span {
  font-weight: bold;
}
#autoshop .box-content .box-auto-list .box-list .box-item.active, #autoshop .box-content .box-auto-list .box-list .box-item:hover {
  background: white;
  color: black;
}
#autoshop .box-content .box-auto-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(1, 22, 39, 0.8);
  border-radius: 6px;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 76.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info {
    padding-top: 107.1px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info {
    padding-bottom: 94.5px;
  }
}
#autoshop .box-content .box-auto-info .box-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-title {
    width: 1039.5px;
  }
}
#autoshop .box-content .box-auto-info .box-title .logo {
  color: white;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 112.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-title .logo {
    font-size: 157.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-title .title {
    line-height: 113.4px;
  }
}
#autoshop .box-content .box-auto-info .desc {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .desc {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .desc {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .desc {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .desc {
    line-height: 44.1px;
  }
}
#autoshop .box-content .box-auto-info .desc span {
  color: white;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .info {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .info {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .info {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .info {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .info {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .info {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .info {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .info {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .info {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .info {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .info {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .info {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .info {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .info {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .info {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .info {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .info {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .info {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .info {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info {
    line-height: 63px;
  }
}
#autoshop .box-content .box-auto-info .box-info .box-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info .box-item {
    margin-top: 63px;
  }
}
#autoshop .box-content .box-auto-info .box-info .box-item:first-child {
  margin-top: 0;
}
#autoshop .box-content .box-auto-info .box-info .box-item .box-icon {
  color: #C1C1C1;
  font-weight: 500;
  display: flex;
  align-items: center;
}
#autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
  color: white;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-info .box-item .box-icon span {
    margin-right: 63px;
  }
}
#autoshop .box-content .box-auto-info .box-colors {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors {
    padding-top: 50.4px;
  }
}
#autoshop .box-content .box-auto-info .box-colors .color {
  position: relative;
  border-radius: 26px;
  cursor: pointer;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors .color {
    height: 81.9px;
  }
}
#autoshop .box-content .box-auto-info .box-colors .color.active::after {
  content: "";
  position: absolute;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 0.9px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.29px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.37px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.5px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.4px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.7px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.6px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 1.9px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2.5px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2.7px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2.6px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 2.5px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 3.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 4px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 3.3px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 4.5px solid white;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .box-colors .color.active::after {
    border: 6.3px solid white;
  }
}
#autoshop .box-content .box-auto-info .btn-test-drive {
  border: 0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
  color: black;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 123.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    height: 173.25px;
  }
}
@media (max-width: 799px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #autoshop .box-content .box-auto-info .btn-test-drive {
    font-size: 63px;
  }
}
#autoshop .box-content .box-auto-info .btn-test-drive:hover {
  opacity: 0.8;
}
#autoshop .btn-footer {
  border: 0;
  background: white;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
  transition: background 0.25s linear;
  color: black;
}
@media (max-width: 799px) {
  #autoshop .btn-footer {
    width: 150.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .btn-footer {
    width: 167.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .btn-footer {
    width: 216.075px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .btn-footer {
    width: 229.475px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .btn-footer {
    width: 251.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .btn-footer {
    width: 234.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .btn-footer {
    width: 284.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .btn-footer {
    width: 268px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .btn-footer {
    width: 318.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .btn-footer {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .btn-footer {
    width: 335px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .btn-footer {
    width: 418.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .btn-footer {
    width: 452.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .btn-footer {
    width: 435.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .btn-footer {
    width: 418.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    width: 552.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    width: 670px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    width: 552.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    width: 753.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .btn-footer {
    width: 1055.25px;
  }
}
@media (max-width: 799px) {
  #autoshop .btn-footer {
    height: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .btn-footer {
    height: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .btn-footer {
    height: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .btn-footer {
    height: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .btn-footer {
    height: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .btn-footer {
    height: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .btn-footer {
    height: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .btn-footer {
    height: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .btn-footer {
    height: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .btn-footer {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .btn-footer {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .btn-footer {
    height: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .btn-footer {
    height: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .btn-footer {
    height: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .btn-footer {
    height: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    height: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    height: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    height: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    height: 123.75px;
  }
}
@media (min-width: 6000px) {
  #autoshop .btn-footer {
    height: 173.25px;
  }
}
@media (max-width: 799px) {
  #autoshop .btn-footer {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #autoshop .btn-footer {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #autoshop .btn-footer {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #autoshop .btn-footer {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #autoshop .btn-footer {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #autoshop .btn-footer {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #autoshop .btn-footer {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #autoshop .btn-footer {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #autoshop .btn-footer {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #autoshop .btn-footer {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #autoshop .btn-footer {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #autoshop .btn-footer {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #autoshop .btn-footer {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #autoshop .btn-footer {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #autoshop .btn-footer {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #autoshop .btn-footer {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #autoshop .btn-footer {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #autoshop .btn-footer {
    margin-right: 81.9px;
  }
}
#autoshop .btn-footer:nth-child(2) {
  background: #D1A92C;
  color: white;
}
#autoshop .btn-footer:last-child {
  background: #E74040;
  margin-right: 0;
  color: white;
}
#autoshop .btn-footer.active, #autoshop .btn-footer:hover {
  border: 0;
  opacity: 0.8;
}
.autogta5dev {
  background: radial-gradient(55% 77% at 50% 50%, rgba(38, 38, 38, 0) 4.167%, rgba(34, 35, 40, 0.5) 77.604%);
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
}

.autogta5dev .autoclosed {
  position: absolute;
  top: 2.2222vh;
  right: 3.5185vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.autogta5dev .autoclosed p {
  color: rgb(255, 255, 255);
  font-family: Gilroy;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.3889vh;
  letter-spacing: 6%;
  text-align: right;
}

.autogta5dev .autoclosed b {
  border-radius: 0.2778vh;
  box-shadow: 0vh 0.5556vh 2.037vh 0vh rgba(201, 42, 42, 0.5);
  background: rgb(201, 42, 42);
  color: rgb(255, 255, 255);
  font-family: Gilroy;
  font-size: 1.2963vh;
  font-weight: 300;
  line-height: 1.3889vh;
  text-align: center;
  padding: 0.7407vh 0.9259vh;
  margin-left: 0.8333vh;
}

.autogta5dev p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.autogta5dev .autoleft {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 18.9444vh;
  left: 3.7037vh;
}

.autogta5dev .autobottom {
  width: -webkit-fill-available;
  position: absolute;
  bottom: 2.037vh;
  margin: 0vh 3.3333vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.autogta5dev .autoright {
  position: absolute;
  right: 3.7037vh;
  top: 31.9444vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.autogta5dev .autoleft span {
  color: rgb(237, 55, 68);
  font-family: SF Pro Display;
  font-size: 2.5519vh;
  font-weight: 500;
  line-height: 2.8148vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 1.3889vh;
}

.autogta5dev .autoleft h1 {
  width: 36.0185vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 3.5185vh;
  font-weight: 600;
  line-height: 3.7037vh;
  letter-spacing: 0.1852vh;
  text-align: left;
  text-transform: uppercase;
}

.autogta5dev .autoleft p {
  width: 36.0185vh;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 400;
  line-height: 2.3148vh;
  letter-spacing: 0vh;
  text-align: left;
  margin-bottom: 0.9259vh;
}

.autogta5dev .autoleft .btnbuy {
  width: 32.5vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.autogta5dev .autoleft .btntest {
  width: 32.5vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.autogta5dev .autoleft .btnbuy .buy {
  width: 15.7407vh;
  height: 5.463vh;
  border-radius: 0.463vh;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 2.3148vh;
  letter-spacing: 0vh;
  text-align: center;
}

.autogta5dev .autoleft .btntest .test {
  width: 32.5vh;
  height: 5.463vh;
  border-radius: 0.463vh;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 2.3148vh;
  letter-spacing: 0vh;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 0.9259vh;
}

.autogta5dev .autoleft .btntest .test1 {
  width: 32.5vh;
  height: 5.463vh;
  border-radius: 0.463vh;
  background: #ED3744;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 2.3148vh;
  letter-spacing: 0vh;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 0.9259vh;
}

.autogta5dev .autobottom .abhead {
  width: -webkit-fill-available;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 2.037vh;
}

.autogta5dev .autobottom .carslist {
  max-width: 97vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: scroll;
}

.autogta5dev .autobottom .abhead h1 {
  width: 25.6481vh;
  display: flex;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.8519vh;
  height: 2.2222vh;
  font-weight: 500;
  line-height: 2.2222vh;
  letter-spacing: 0.037vh;
  text-align: left;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.autogta5dev .autobottom .abhead .line {
  width: -webkit-fill-available;
  height: 0.1852vh;
  background: rgba(255, 255, 255, 0.1);
}

.autogta5dev .autobottom .carslist .blockcar {
  min-width: 23.2407vh;
  height: 13.8889vh;
  box-sizing: border-box;
  border: 0.1389vh solid rgba(255, 255, 255, 0.1);
  border-radius: 0.9259vh;
  background: rgba(255, 255, 255, 0.05);
  margin-right: 1.3889vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.autogta5dev .autobottom .carslist .blockcar img {
  margin-top: 0.9259vh;
  height: 8.3333vh;
}

.autogta5dev .autobottom .carslist .blockcar .bcarinfo {
  width: 20.8333vh;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.autogta5dev .autobottom .carslist .blockcar .bcarinfo .namecar b {
  color: rgba(255, 255, 255, 0.3);
  font-family: SF Pro Display;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.2963vh;
  letter-spacing: 0vh;
  text-align: left;
}

.autogta5dev .autobottom .carslist .blockcar .bcarinfo .namecar p { /* 911 Turbo S */
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.0815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.autogta5dev .autobottom .carslist .blockcar .bcarinfo .pricecar span {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 500;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: right;
}

.autogta5dev .autoright .autohar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 2.7778vh;
  margin-bottom: 2.037vh;
}

.autogta5dev .autoright .autohar .iconhar {
  width: 2.7778vh;
  height: 2.7778vh;
  background: rgba(75, 86, 100, 0.17);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.2037vh;
}

.autogta5dev .autoright .autohar .infohar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 2.7778vh;
}

.autogta5dev .autoright .autohar .iconhar svg {
  height: 1.4815vh;
}

.autogta5dev .autoright .autohar .infohar .namehar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.037vh;
}

.autogta5dev .autoright .autohar .infohar .barhar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.autogta5dev .autoright .autohar .infohar .namehar p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 400;
  line-height: 1.4815vh;
  letter-spacing: 0.1852vh;
  text-align: left;
}

.autogta5dev .autoright .autohar .infohar .barhar .barik.active {
  background: rgb(237, 55, 68);
}

.autogta5dev .autoright .autohar .infohar .barhar .barik {
  background: rgba(255, 255, 255, 0.05);
  width: 2.963vh;
  height: 0.2778vh;
  margin-right: 0.5556vh;
}

.autogta5dev .autoright h1 {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 400;
  line-height: 1.4815vh;
  letter-spacing: 0.1852vh;
  text-align: left;
}

.autogta5dev .autoright .clolorlist {
  width: 21.3889vh;
  margin-top: 1.0185vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.autogta5dev .autoright .clolorlist .color {
  width: 2.4074vh;
  height: 2.4074vh;
  border-radius: 50%;
  margin-right: 0.6481vh;
  margin-bottom: 0.6481vh;
}

.autogta5dev .autoleft .btnbuy .buy:hover {
  background: rgb(255, 255, 255);
  color: rgb(47, 43, 43);
}

.autogta5dev .autoleft .btntest .test:hover {
  background: rgb(255, 255, 255);
  color: rgb(47, 43, 43);
}

.autogta5dev .autoleft .btntest .test1:hover {
  background: rgb(255, 255, 255);
  color: rgb(47, 43, 43);
}

.autogta5dev .autoright .clolorlist .color:hover {
  position: relative;
  top: -0.3704vh;
}

.carslist::-webkit-scrollbar {
  height: 0vh;
}
@font-face {
  font-family: "autoshop";
  src: url(../src/views/business/autoshop/fonts//autoshop.eot);
  src: url(../src/views/business/autoshop/fonts//autoshop.eot#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts//autoshop.ttf) format("truetype"), url(../src/views/business/autoshop/fonts//autoshop.woff) format("woff"), url(/src/views/business/autoshop/fonts/autoshop.svg#autoshop) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=autoshop-], [class*=" autoshop-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "autoshop" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.autoshop-invslots:before {
  content: "\e900";
}

.autoshop-mouse:before {
  content: "\e901";
}

.autoshop-money:before {
  content: "\e902";
}

.autoshop-seat:before {
  content: "\e903";
}

.autoshop-boost:before {
  content: "\e904";
}

.autoshop-racing:before {
  content: "\e905";
}

.autoshop-speed:before {
  content: "\e906";
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
#weaponshop {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #weaponshop {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #weaponshop {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #weaponshop {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #weaponshop {
    padding-right: 453.6px;
  }
}
#weaponshop .box-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #weaponshop .box-btn {
    min-height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-btn {
    min-height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-btn {
    min-height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-btn {
    min-height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-btn {
    min-height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-btn {
    min-height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-btn {
    min-height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-btn {
    min-height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-btn {
    min-height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-btn {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-btn {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-btn {
    min-height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-btn {
    min-height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-btn {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-btn {
    min-height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-btn {
    min-height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-btn {
    min-height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-btn {
    min-height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-btn {
    min-height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-btn {
    min-height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-btn {
    height: 157.5px;
  }
}
#weaponshop .box-ch {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: rgba(1, 22, 39, 0.8);
}
@media (max-width: 799px) {
  #weaponshop .box-ch {
    width: 450px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch {
    width: 500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch {
    width: 645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch {
    width: 685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch {
    width: 750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch {
    width: 700px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch {
    width: 850px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch {
    width: 800px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch {
    width: 950px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch {
    width: 1250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch {
    width: 1350px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch {
    width: 1300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch {
    width: 1250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch {
    width: 1650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch {
    width: 2000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch {
    width: 1650px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch {
    width: 2250px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch {
    width: 3150px;
  }
}
#weaponshop .box-ch .btn {
  font-weight: 500;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: background 0.2s ease;
  width: 100%;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn {
    min-height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn {
    min-height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn {
    min-height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn {
    min-height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn {
    min-height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn {
    min-height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn {
    min-height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn {
    min-height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn {
    min-height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn {
    min-height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn {
    min-height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn {
    min-height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    min-height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    min-height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    min-height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    min-height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn {
    min-height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn {
    font-size: 50.4px;
  }
}
#weaponshop .box-ch .btn.min {
  width: 25%;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn.min {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn .item-img {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .btn.red {
    border: 0.45px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .btn.red {
    border: 0.5px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .btn.red {
    border: 0.645px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .btn.red {
    border: 0.685px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .btn.red {
    border: 0.75px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .btn.red {
    border: 0.7px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .btn.red {
    border: 0.85px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .btn.red {
    border: 0.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .btn.red {
    border: 0.95px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .btn.red {
    border: 1.35px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .btn.red {
    border: 1.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn.red {
    border: 2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .btn.red {
    border: 2.25px solid white;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .btn.red {
    border: 3.15px solid white;
  }
}
#weaponshop .box-ch .btn.red:hover {
  background: white;
  color: black;
}
#weaponshop .box-ch .btn.blue {
  background: #276DAE;
}
#weaponshop .box-ch .btn.blue:hover:not(.disabled) {
  background: #184269;
}
#weaponshop .box-ch .btn.white {
  background: white;
  color: black;
}
#weaponshop .box-ch .btn.white:hover:not(.disabled) {
  background: #e4e3e3;
  color: black;
}
#weaponshop .box-ch .btn.disabled {
  background: #2a2d35;
  border-color: #2a2d35;
  color: #656565;
}
#weaponshop .box-ch li.main-small {
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  display: flex;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-small {
    width: 143.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-small {
    width: 159px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-small {
    width: 205.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-small {
    width: 217.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-small {
    width: 238.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-small {
    width: 222.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-small {
    width: 270.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-small {
    width: 254.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-small {
    width: 302.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-small {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-small {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-small {
    width: 397.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-small {
    width: 429.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-small {
    width: 413.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-small {
    width: 397.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    width: 524.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    width: 636px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    width: 524.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    width: 715.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-small {
    width: 1001.7px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-small {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-small {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-small {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-small {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-small {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-small {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-small {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-small {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-small {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-small {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-small {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-small {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-small {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-small {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-small {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-small {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-small {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-small {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-small {
    margin-right: 47.25px;
  }
}
#weaponshop .box-ch li.main-icon {
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  display: flex;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-icon {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch li.main-icon .iconData {
    font-size: 94.5px;
  }
}
#weaponshop .box-ch ul.main li:last-child {
  margin-right: 0px;
}
#weaponshop .box-ch ul.main {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.main {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.main {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.main {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.main {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.main {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.main {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.main {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.main {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.main {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.main {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.main {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.main {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.main {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.main {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.main {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.main {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.main {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.main {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.main {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.main {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.main {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.main {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.main {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.main {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.main {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.main {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.main {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.main {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.main {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.main {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.main {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.main {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.main {
    padding-right: 94.5px;
  }
}
#weaponshop .box-ch ul.main li {
  font-weight: bold;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.main li {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.main li {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.main li {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.main li {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.main li {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.main li {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.main li {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.main li {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.main li {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.main li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.main li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.main li {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.main li {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.main li {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.main li {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main li {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main li {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.main li {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.main li {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.main li {
    font-size: 50.4px;
  }
}
#weaponshop .box-ch ul.main li:hover:not(.active) {
  background: #333844;
}
#weaponshop .box-ch ul.main li.active {
  background: white;
  color: black;
}
#weaponshop .box-ch ul.items {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items {
    width: 288px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items {
    width: 320px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items {
    width: 412.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items {
    width: 438.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items {
    width: 480px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items {
    width: 448px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items {
    width: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items {
    width: 512px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items {
    width: 608px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items {
    width: 864px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items {
    width: 832px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items {
    width: 800px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    width: 1056px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    width: 1280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    width: 1440px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items {
    width: 2016px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items {
    height: 181.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items {
    height: 202px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items {
    height: 260.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items {
    height: 276.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items {
    height: 303px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items {
    height: 282.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items {
    height: 343.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items {
    height: 323.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items {
    height: 383.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items {
    height: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items {
    height: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items {
    height: 505px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items {
    height: 545.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items {
    height: 525.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items {
    height: 505px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    height: 666.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    height: 808px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    height: 666.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    height: 909px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items {
    height: 1272.6px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items {
    margin-right: 31.5px;
  }
}
#weaponshop .box-ch ul.items .disabled {
  display: none;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 65.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 72.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 93.525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 99.325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 108.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 101.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 123.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 116px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 137.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 181.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 195.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 188.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 181.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 239.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 290px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 239.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 326.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items .item-img img {
    max-width: 456.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items::-webkit-scrollbar {
    width: 9.45px;
  }
}
#weaponshop .box-ch ul.items::-webkit-scrollbar-track {
  background: #131924;
}
#weaponshop .box-ch ul.items::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li:nth-last-child(-n+3) {
    margin-bottom: 0px;
  }
}
#weaponshop .box-ch ul.items li {
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li {
    width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li {
    width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li {
    width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li {
    width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li {
    width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li {
    width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li {
    width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li {
    width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li {
    width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li {
    width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li {
    width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li {
    width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li {
    width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li {
    width: 620.55px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li {
    height: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li {
    height: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li {
    height: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li {
    height: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li {
    height: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li {
    height: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li {
    height: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li {
    height: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li {
    height: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li {
    height: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li {
    height: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li {
    height: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li {
    height: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li {
    height: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li {
    height: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    height: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    height: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li {
    height: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li {
    height: 443.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li {
    height: 620.55px;
  }
}
#weaponshop .box-ch ul.items li.empty {
  background: rgba(16, 18, 22, 0.2);
  color: #656565;
  font-weight: bold;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.empty {
    font-size: 75.6px;
  }
}
#weaponshop .box-ch ul.items li.item {
  background: rgba(255, 255, 255, 0.05);
  color: #949494;
  position: relative;
  transition: ease background 0.2s;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item {
    padding: 47.25px;
  }
}
#weaponshop .box-ch ul.items li.item.active {
  background: white;
  color: black;
}
#weaponshop .box-ch ul.items li.item .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
#weaponshop .box-ch ul.items li.item .item-img {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .item-img {
    font-size: 189px;
  }
}
#weaponshop .box-ch ul.items li.item .price {
  text-align: end;
  width: 100%;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .price {
    font-size: 75.6px;
  }
}
#weaponshop .box-ch ul.items li.item .price span {
  color: #27AE60;
}
#weaponshop .box-ch ul.items li.item .item-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .item-title i {
    font-size: 34.65px;
  }
}
#weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
  font-weight: bold;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 50.4px;
  }
}
#weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch ul.items li.item .item-title div:nth-child(2) span {
    margin-left: 9.45px;
  }
}
#weaponshop .box-ch .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .title {
    font-size: 56.7px;
  }
}
#weaponshop .box-ch .box-info {
  background: rgba(1, 22, 39, 0.8);
  width: 100%;
  align-items: center;
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info {
    margin-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info .title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info .title {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info .btn {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info .btn {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info .btn {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info .btn {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info .btn {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info .btn {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info .btn {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info .btn {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info .btn {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info .btn {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info .btn {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info .btn {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info .btn {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info .btn {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info .btn {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .btn {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .btn {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info .btn {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info .btn {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info .btn {
    width: 567px;
  }
}
#weaponshop .box-ch .box-info p {
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info p {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info p {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info p {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info p {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info p {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info p {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info p {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info p {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info p {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info p {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info p {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info p {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info p {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info p {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info p {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info p {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info p {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .box-info p {
    padding-right: 157.5px;
  }
}
#weaponshop .box-ch .input {
  background: #171921;
  border: none;
  font-weight: 500;
  width: 100%;
  color: #C1C1C1;
  transition: all ease 0.2s;
  height: 100%;
  text-align: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .input {
    font-size: 44.1px;
  }
}
#weaponshop .box-ch .input:placeholder {
  color: #C1C1C1;
}
#weaponshop .box-ch .input:focus {
  color: #fff;
}
#weaponshop .box-ch .box-column {
  direction: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#weaponshop .box-ch .item-info {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info {
    margin-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info {
    padding-left: 94.5px;
  }
}
#weaponshop .box-ch .item-info .l {
  display: flex;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .l {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .l {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .l {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .l {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .l {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .l {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .l {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .l {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .l {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .l {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .l {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .l {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .l {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .l {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .l {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .l {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .l {
    height: 116.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .l {
    height: 129.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .l {
    height: 167.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .l {
    height: 177.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .l {
    height: 194.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .l {
    height: 181.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .l {
    height: 220.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .l {
    height: 207.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .l {
    height: 246.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .l {
    height: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .l {
    height: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .l {
    height: 323.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .l {
    height: 349.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .l {
    height: 336.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .l {
    height: 323.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l {
    height: 427.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l {
    height: 518px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l {
    height: 427.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l {
    height: 582.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .l {
    height: 815.85px;
  }
}
#weaponshop .box-ch .item-info .l .info {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
#weaponshop .box-ch .item-info .l .info .price {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .l .info .price {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .l .info .price {
    margin-bottom: 53.55px;
  }
}
#weaponshop .box-ch .item-info .l .info .price span {
  color: #27AE60;
}
#weaponshop .box-ch .item-info .c {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c {
    width: 945px;
  }
}
#weaponshop .box-ch .item-info .c .inputblock {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    min-height: 157.5px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .inputblock {
    margin-bottom: 31.5px;
  }
}
#weaponshop .box-ch .item-info .c .inputblock .butammo {
  background: #434A5B;
  transition: background ease 0.2s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 186.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    width: 261.45px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .inputblock .butammo {
    font-size: 40.95px;
  }
}
#weaponshop .box-ch .item-info .c .inputblock .butammo:hover {
  background: #454E68;
}
#weaponshop .box-ch .item-info .c .btn {
  font-weight: bold;
}
#weaponshop .box-ch .item-info .c .specification .contein {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein span {
    font-size: 50.4px;
  }
}
#weaponshop .box-ch .item-info .c .specification .contein ul {
  display: flex;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein ul {
    height: 18.9px;
  }
}
#weaponshop .box-ch .item-info .c .specification .contein li {
  background: #434A5B;
  transition: all ease 0.4s;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .specification .contein li {
    height: 18.9px;
  }
}
#weaponshop .box-ch .item-info .c .specification .contein li.active {
  background: white;
  color: black;
}
#weaponshop .box-ch .item-info .c .title.x2 {
  font-weight: bold;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x2 {
    margin-bottom: 15.75px;
  }
}
#weaponshop .box-ch .item-info .c .title.x3 {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 99px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x3 {
    min-height: 138.6px;
  }
}
#weaponshop .box-ch .item-info .c .title.x3 div {
  display: flex;
  flex-direction: column;
}
#weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span {
  text-align: right;
}
#weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
  color: #fff;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 56.7px;
  }
}
#weaponshop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) b {
  color: #27AE60;
}
#weaponshop .box-ch .item-info .c .title.x3 div span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .title.x3 div span {
    font-size: 37.8px;
  }
}
#weaponshop .box-ch .item-info .c p {
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c p {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c p {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c p {
    line-height: 53.55px;
  }
}
#weaponshop .box-ch .item-info .c .input {
  font-family: UniNeue;
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #weaponshop .box-ch .item-info .c .input {
    padding-left: 63px;
  }
}
#store {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #store {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #store {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #store {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #store {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #store {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #store {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #store {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #store {
    padding-right: 453.6px;
  }
}
#store .ic-st-sliders-2 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M18 7.875L18 10.125L14.625 10.125L14.625 7.875L18 7.875Z' fill='white'/%3e%3cpath d='M13.5 6.75L10.125 6.75L10.125 7.875L-4.91753e-08 7.875L-1.47526e-07 10.125L10.125 10.125L10.125 11.25L13.5 11.25L13.5 6.75Z' fill='%23D33437'/%3e%3cpath d='M18 2.25L18 4.5L9 4.5L9 2.25L18 2.25Z' fill='white'/%3e%3cpath d='M7.875 1.125L4.5 1.125L4.5 2.25L-4.91753e-08 2.25L-1.47526e-07 4.5L4.5 4.5L4.5 5.625L7.875 5.625L7.875 1.125Z' fill='white'/%3e%3cpath d='M18 13.5L18 15.75L6.75 15.75L6.75 13.5L18 13.5Z' fill='white'/%3e%3cpath d='M5.625 12.375L2.25 12.375L2.25 13.5L-4.91753e-08 13.5L-1.47526e-07 15.75L2.25 15.75L2.25 16.875L5.625 16.875L5.625 12.375Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect x='18' width='18' height='18' transform='rotate(90 18 0)' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #store .ic-st-sliders-2 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-2 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-2 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-2 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-2 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-2 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-2 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-2 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-2 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-2 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-2 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-2 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-2 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-2 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-2 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-2 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-2 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-2 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-2 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-2 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-2 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-2 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-2 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-2 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-2 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-2 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-2 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-2 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-2 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-2 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-2 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-2 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-2 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-2 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-2 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-2 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-2 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-2 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-2 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-2 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-2 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-2 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-2 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-2 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-2 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-2 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-2 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-2 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-2 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-2 {
    margin-right: 50.4px;
  }
}
#store .ic-st-sliders-3 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M4.19062 1.34297C4.01136 1.00547 3.44176 1.00547 3.2625 1.34297C1.89141 3.91641 1.11797 5.11875 0.727734 5.76211C0.42191 6.24727 0 6.8695 0 7.94531C0 9.98086 1.69102 11.6367 3.72656 11.6367C5.76211 11.6367 7.41797 9.98086 7.41797 7.94531C7.41797 6.85895 7.00664 6.25785 6.66911 5.7305C6.27887 5.08707 5.54059 3.87418 4.19062 1.34297Z' fill='white'/%3e%3cpath d='M17.4727 14.8007H10.582V14.2734C10.582 14.1363 10.5293 13.9992 10.4238 13.9043L9.36911 12.8496C9.16871 12.6387 8.83129 12.6387 8.63086 12.8496L7.57617 13.9043C7.4707 13.9992 7.41797 14.1363 7.41797 14.2734V14.8007H0.527344C0.235863 14.8007 0 15.0366 0 15.3281C0 15.6196 0.235863 15.8554 0.527344 15.8554H7.41797V16.3828C7.41797 16.6781 7.64996 16.9101 7.94531 16.9101H10.0547C10.35 16.9101 10.582 16.6781 10.582 16.3828V15.8554H17.4727C17.7641 15.8554 18 15.6196 18 15.3281C18 15.0366 17.7641 14.8007 17.4727 14.8007Z' fill='white'/%3e%3cpath d='M14.7385 1.34785C14.5551 1.00384 13.9917 1.00384 13.8084 1.34785C13.1521 2.57698 12.645 3.50401 12.2479 4.19118C12.4967 4.6114 12.666 4.88562 12.901 5.26583C13.2579 5.83902 13.7461 6.62385 13.7461 7.9453C13.7461 9.18428 13.258 10.3043 12.4778 11.1503C13.0116 11.4508 13.6184 11.6367 14.2734 11.6367C16.3086 11.6367 18 9.98053 18 7.9453C18 6.86242 17.5837 6.26026 17.2564 5.72983C16.8603 5.08921 16.0887 3.87593 14.7385 1.34785Z' fill='white'/%3e%3cpath d='M8.99997 11.6367C11.0352 11.6367 12.6914 9.98053 12.6914 7.9453C12.6914 6.86242 12.2751 6.26026 11.9477 5.72983C11.5517 5.08917 10.8153 3.8759 9.46502 1.34785C9.28168 1.00384 8.7183 1.00384 8.53496 1.34785C7.87867 2.57698 7.37154 3.50401 6.97449 4.19118C7.22329 4.6114 7.39253 4.88562 7.62755 5.26583C7.98442 5.83902 8.47263 6.62385 8.47263 7.9453C8.47263 9.18428 7.98456 10.3043 7.20437 11.1503C7.73818 11.4508 8.34498 11.6367 8.99997 11.6367Z' fill='%23D33437'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #store .ic-st-sliders-3 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-3 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-3 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-3 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-3 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-3 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-3 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-3 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-3 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-3 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-3 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-3 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-3 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-3 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-3 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-3 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-3 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-3 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-3 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-3 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-3 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-3 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-3 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-3 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-3 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-3 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-3 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-3 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-3 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-3 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-3 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-3 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-3 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-3 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-3 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-3 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-3 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-3 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-3 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-3 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-3 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-3 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-3 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-3 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-3 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-3 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-3 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-3 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-3 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-3 {
    margin-right: 50.4px;
  }
}
#store .ic-st-sliders-4 {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.74476 15.4864C7.36133 15.2094 7.13735 14.9288 7.05907 14.6282C6.76876 13.5059 5.83135 12.6868 4.77955 12.6868C3.72788 12.6868 2.75532 13.5059 2.465 14.6287C2.38673 14.9283 2.16274 15.2094 1.77918 15.4868C1.31226 15.825 1.09872 16.3481 1.22176 16.8525C1.36967 17.4594 2.04354 17.9991 2.96529 17.9991C3.35503 17.9991 3.72513 17.8991 4.03509 17.7103C4.24094 17.5841 4.52109 17.5172 4.77859 17.5172C5.03594 17.5172 5.28039 17.5836 5.48899 17.7097C5.7999 17.8996 6.16794 18 6.55411 18C7.47532 18 8.15331 17.4631 8.30231 16.8526C8.42536 16.3481 8.21126 15.8245 7.74476 15.4864Z' fill='%23D33437'/%3e%3cpath d='M2.10855 12.6867C2.10855 12.0767 1.62625 11.1052 1.05428 11.1052C0.482437 11.1052 0 12.0767 0 12.6867C0 13.2679 0.473099 13.741 1.05428 13.741C1.63545 13.741 2.10855 13.2679 2.10855 12.6867Z' fill='%23D33437'/%3e%3cpath d='M8.46931 11.1052C7.89748 11.1052 7.41504 12.0767 7.41504 12.6867C7.41504 13.2679 7.88814 13.741 8.46931 13.741C9.05049 13.741 9.52359 13.2679 9.52359 12.6867C9.52359 12.0767 9.04129 11.1052 8.46931 11.1052Z' fill='%23D33437'/%3e%3cpath d='M5.30664 10.5779C5.30664 11.1592 5.77974 11.6323 6.36092 11.6323C6.94209 11.6323 7.41519 11.1592 7.41519 10.5779C7.41519 9.96791 6.93289 8.99658 6.36092 8.99658C5.78894 8.99658 5.30664 9.96791 5.30664 10.5779Z' fill='%23D33437'/%3e%3cpath d='M3.16281 11.6323C3.74399 11.6323 4.21709 11.1592 4.21709 10.5779C4.21709 9.96791 3.73465 8.99658 3.16281 8.99658C2.59084 8.99658 2.1084 9.96791 2.1084 10.5779C2.1084 11.1592 2.5815 11.6323 3.16281 11.6323Z' fill='%23D33437'/%3e%3cpath d='M16.214 6.48953C15.8306 6.21254 15.6066 5.89682 15.5283 5.59621C15.238 4.47395 14.2654 3.68994 13.2136 3.68994C12.162 3.68994 11.2246 4.47395 10.9342 5.59676C10.856 5.89641 10.632 6.21254 10.2484 6.49008C9.7815 6.82832 9.56795 7.35127 9.691 7.85582C9.8389 8.46254 10.5128 9.00224 11.4345 9.00224C11.8243 9.00224 12.1944 8.9024 12.5043 8.71344C12.7102 8.58723 12.9552 8.52036 13.2127 8.52036C13.47 8.52036 13.7496 8.58682 13.9582 8.71289C14.2691 8.90282 14.6372 9.00334 15.0233 9.00334C15.9445 9.00334 16.6225 8.46625 16.7715 7.85582C16.8946 7.35127 16.6805 6.82777 16.214 6.48953Z' fill='white'/%3e%3cpath d='M10.5784 3.69012C10.5784 3.08011 10.096 2.10864 9.524 2.10864C8.95216 2.10864 8.46973 3.08011 8.46973 3.69012C8.46973 4.2713 8.94283 4.7444 9.524 4.7444C10.1053 4.7444 10.5784 4.2713 10.5784 3.69012Z' fill='white'/%3e%3cpath d='M16.939 2.10864C16.3672 2.10864 15.8848 3.08011 15.8848 3.69012C15.8848 4.2713 16.3579 4.7444 16.939 4.7444C17.5204 4.7444 17.9935 4.2713 17.9935 3.69012C17.9935 3.08011 17.511 2.10864 16.939 2.10864Z' fill='white'/%3e%3cpath d='M13.7764 1.58148C13.7764 2.16266 14.2495 2.63576 14.8306 2.63576C15.4118 2.63576 15.8849 2.16266 15.8849 1.58148C15.8849 0.971466 15.4026 0 14.8306 0C14.2587 0 13.7764 0.971466 13.7764 1.58148Z' fill='white'/%3e%3cpath d='M10.5781 1.58148C10.5781 2.16266 11.0512 2.63576 11.6324 2.63576C12.2136 2.63576 12.6867 2.16266 12.6867 1.58148C12.6867 0.971466 12.2042 0 11.6324 0C11.0604 0 10.5781 0.971466 10.5781 1.58148Z' fill='white'/%3e%3c/svg%3e ");
  background-size: 100%;
  display: flex;
}
@media (max-width: 799px) {
  #store .ic-st-sliders-4 {
    width: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-4 {
    width: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-4 {
    width: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-4 {
    width: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-4 {
    width: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-4 {
    width: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-4 {
    width: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-4 {
    width: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-4 {
    width: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-4 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-4 {
    width: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-4 {
    width: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-4 {
    width: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-4 {
    width: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-4 {
    width: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    width: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    width: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    width: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    width: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-4 {
    width: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-4 {
    height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-4 {
    height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-4 {
    height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-4 {
    height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-4 {
    height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-4 {
    height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-4 {
    height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-4 {
    height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-4 {
    height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-4 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-4 {
    height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-4 {
    height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-4 {
    height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-4 {
    height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-4 {
    height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-4 {
    height: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .ic-st-sliders-4 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .ic-st-sliders-4 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .ic-st-sliders-4 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .ic-st-sliders-4 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .ic-st-sliders-4 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .ic-st-sliders-4 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .ic-st-sliders-4 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .ic-st-sliders-4 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .ic-st-sliders-4 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .ic-st-sliders-4 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .ic-st-sliders-4 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .ic-st-sliders-4 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .ic-st-sliders-4 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .ic-st-sliders-4 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .ic-st-sliders-4 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .ic-st-sliders-4 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .ic-st-sliders-4 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #store .ic-st-sliders-4 {
    margin-right: 50.4px;
  }
}
#store .box-ch {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#store .box-ch .bottom-btn {
  display: flex;
  background: rgba(27, 30, 40, 0.9);
  justify-content: space-between;
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    height: 42.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    height: 47px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    height: 60.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    height: 64.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    height: 70.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    height: 65.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    height: 79.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    height: 75.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    height: 89.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    height: 94px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    height: 94px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    height: 117.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    height: 126.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    height: 122.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    height: 117.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    height: 155.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    height: 188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    height: 155.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    height: 211.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    height: 296.1px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    padding-top: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    padding-top: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    padding-top: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    padding-top: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    padding-top: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    padding-top: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    padding-top: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    padding-top: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    padding-top: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    padding-top: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    padding-top: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    padding-top: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    padding-top: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-top: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-top: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-top: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-top: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    padding-top: 69.3px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    padding-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn {
    border-radius: 18.9px;
  }
}
#store .box-ch .bottom-btn .btn {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: background 0.2s ease;
  cursor: pointer;
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn .btn {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn .btn {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn .btn {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn .btn {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn .btn {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn .btn {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn .btn {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn .btn {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn .btn {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn .btn {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn .btn {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn .btn {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn .btn {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn .btn {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn .btn {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn .btn {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn .btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn .btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn .btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn .btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn .btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn .btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn .btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn .btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn .btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn .btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn .btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn .btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn .btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn .btn {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.45px solid #171921;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.5px solid #171921;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.645px solid #171921;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.685px solid #171921;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.75px solid #171921;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.7px solid #171921;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.85px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.8px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .bottom-btn .btn {
    border: 0.95px solid #171921;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .bottom-btn .btn {
    border: 1px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .bottom-btn .btn {
    border: 1px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.25px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.35px solid #171921;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.3px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.25px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.65px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    border: 2px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .bottom-btn .btn {
    border: 1.65px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .bottom-btn .btn {
    border: 2.25px solid #171921;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .bottom-btn .btn {
    border: 3.15px solid #171921;
  }
}
#store .box-ch .bottom-btn .btn.green {
  border-color: #27AE60;
}
#store .box-ch .bottom-btn .btn.green:hover {
  background: #27AE60;
}
#store .box-ch .bottom-btn .btn.red {
  border-color: #D33437;
}
#store .box-ch .bottom-btn .btn.red:hover {
  background: #D33437;
}
#store .box-ch .box-max {
  display: flex;
}
@media (max-width: 799px) {
  #store .box-ch .box-max {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-max {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-max {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-max {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-max {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-max {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-max {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-max {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-max {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-max {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-max {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-max {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-max {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-max {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-max {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-max {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-max {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-max {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-max {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-max {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-max.max-cont {
    min-height: 307.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-max.max-cont {
    min-height: 341.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-max.max-cont {
    min-height: 440.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-max.max-cont {
    min-height: 467.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-max.max-cont {
    min-height: 512.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-max.max-cont {
    min-height: 478.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-max.max-cont {
    min-height: 580.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-max.max-cont {
    min-height: 546.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-max.max-cont {
    min-height: 648.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-max.max-cont {
    min-height: 683px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-max.max-cont {
    min-height: 683px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-max.max-cont {
    min-height: 853.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-max.max-cont {
    min-height: 922.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-max.max-cont {
    min-height: 887.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-max.max-cont {
    min-height: 853.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-max.max-cont {
    min-height: 1126.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-max.max-cont {
    min-height: 1366px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-max.max-cont {
    min-height: 1126.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-max.max-cont {
    min-height: 1536.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-max.max-cont {
    min-height: 2151.45px;
  }
}
#store .box-ch .box-info {
  background: rgba(27, 30, 40, 0.9);
  align-items: center;
  border-top: 6px solid #D33437;
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info {
    width: 1071px;
  }
}
#store .box-ch .box-info .l {
  position: relative;
}
@media (max-width: 799px) {
  #store .box-ch .box-info .l {
    max-width: 102.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info .l {
    max-width: 113.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info .l {
    max-width: 146.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info .l {
    max-width: 155.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info .l {
    max-width: 170.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info .l {
    max-width: 158.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info .l {
    max-width: 192.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info .l {
    max-width: 181.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info .l {
    max-width: 215.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info .l {
    max-width: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info .l {
    max-width: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info .l {
    max-width: 283.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info .l {
    max-width: 306.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info .l {
    max-width: 295.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info .l {
    max-width: 283.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info .l {
    max-width: 374.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info .l {
    max-width: 454px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info .l {
    max-width: 374.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info .l {
    max-width: 510.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info .l {
    max-width: 715.05px;
  }
}
#store .box-ch .box-info .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #store .box-ch .box-info .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info .title {
    margin-bottom: 15.75px;
  }
}
#store .box-ch .box-info p {
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #store .box-ch .box-info p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info p {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info p {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info p {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info p {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info p {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info p {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info p {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info p {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info p {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info p {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info p {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info p {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info p {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info p {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info p {
    padding-right: 157.5px;
  }
}
#store .box-ch .box-info span {
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
}
@media (max-width: 799px) {
  #store .box-ch .box-info span {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info span {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info span {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info span {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info span {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info span {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info span {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info span {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info span {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info span {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info span {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info span {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info span {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info span {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info span {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info span {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info span {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info span {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info span {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info span {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #store .box-ch .box-info span {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-ch .box-info span {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-ch .box-info span {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-ch .box-info span {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-ch .box-info span {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-ch .box-info span {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-ch .box-info span {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-ch .box-info span {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-ch .box-info span {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-ch .box-info span {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-ch .box-info span {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-ch .box-info span {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-ch .box-info span {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-ch .box-info span {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-ch .box-info span {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-ch .box-info span {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-ch .box-info span {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-ch .box-info span {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-ch .box-info span {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-ch .box-info span {
    margin-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #store .margin-top-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .margin-top-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .margin-top-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .margin-top-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .margin-top-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .margin-top-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .margin-top-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .margin-top-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .margin-top-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .margin-top-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .margin-top-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .margin-top-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .margin-top-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .margin-top-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .margin-top-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .margin-top-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #store .margin-top-20 {
    margin-top: 63px;
  }
}
#store .xygrid {
  position: relative;
  font-weight: normal;
  line-height: 0.8;
}
@media (max-width: 799px) {
  #store .xygrid {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #store .xygrid {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid {
    margin-top: 63px;
  }
}
#store .xygrid .top,
#store .xygrid .bottom,
#store .xygrid .left,
#store .xygrid .right {
  text-align: center;
}
@media (max-width: 799px) {
  #store .xygrid .top {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .top {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .top {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .top {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .top {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .top {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .top {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .top {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .top {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .top {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .top {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .top {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .top {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .top {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .top {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .top {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .top {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .bottom {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .bottom {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .bottom {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .bottom {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .bottom {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .bottom {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .bottom {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .bottom {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .bottom {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .bottom {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .bottom {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .bottom {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .bottom {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .bottom {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .bottom {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .bottom {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .bottom {
    margin-top: 44.1px;
  }
}
#store .xygrid .r,
#store .xygrid .l {
  position: absolute;
  text-align: center;
}
@media (max-width: 799px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 184.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .r,
  #store .xygrid .l {
    width: 258.3px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .r,
  #store .xygrid .l {
    height: 50.4px;
  }
}
#store .xygrid .r {
  left: 0;
  transform: rotate(-90deg);
}
@media (max-width: 799px) {
  #store .xygrid .r {
    top: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .r {
    top: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .r {
    top: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .r {
    top: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .r {
    top: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .r {
    top: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .r {
    top: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .r {
    top: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .r {
    top: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .r {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .r {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .r {
    top: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .r {
    top: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .r {
    top: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .r {
    top: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .r {
    top: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .r {
    top: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .r {
    top: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .r {
    top: 189px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .r {
    top: 264.6px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .r {
    margin-left: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .r {
    margin-left: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .r {
    margin-left: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .r {
    margin-left: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .r {
    margin-left: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .r {
    margin-left: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .r {
    margin-left: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .r {
    margin-left: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .r {
    margin-left: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .r {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .r {
    margin-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .r {
    margin-left: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .r {
    margin-left: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .r {
    margin-left: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .r {
    margin-left: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .r {
    margin-left: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .r {
    margin-left: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .r {
    margin-left: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .r {
    margin-left: 168.75px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .r {
    margin-left: 236.25px;
  }
}
#store .xygrid .l {
  right: 0;
  transform: rotate(90deg);
}
@media (max-width: 799px) {
  #store .xygrid .l {
    top: 37.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .l {
    top: 42px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .l {
    top: 54.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .l {
    top: 57.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .l {
    top: 63px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .l {
    top: 58.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .l {
    top: 71.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .l {
    top: 67.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .l {
    top: 79.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .l {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .l {
    top: 84px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .l {
    top: 105px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .l {
    top: 113.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .l {
    top: 109.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .l {
    top: 105px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .l {
    top: 138.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .l {
    top: 168px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .l {
    top: 138.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .l {
    top: 189px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .l {
    top: 264.6px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .l {
    margin-right: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .l {
    margin-right: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .l {
    margin-right: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .l {
    margin-right: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .l {
    margin-right: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .l {
    margin-right: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .l {
    margin-right: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .l {
    margin-right: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .l {
    margin-right: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .l {
    margin-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .l {
    margin-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .l {
    margin-right: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .l {
    margin-right: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .l {
    margin-right: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .l {
    margin-right: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .l {
    margin-right: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .l {
    margin-right: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .l {
    margin-right: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .l {
    margin-right: 168.75px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .l {
    margin-right: 236.25px;
  }
}
#store .xygrid.small .r {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  #store .xygrid.small .r {
    top: 3.375px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid.small .r {
    top: 3.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid.small .r {
    top: 4.8375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid.small .r {
    top: 5.1375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid.small .r {
    top: 5.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid.small .r {
    top: 5.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid.small .r {
    top: 6.375px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid.small .r {
    top: 6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid.small .r {
    top: 7.125px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid.small .r {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid.small .r {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid.small .r {
    top: 9.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid.small .r {
    top: 10.125px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid.small .r {
    top: 9.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid.small .r {
    top: 9.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid.small .r {
    top: 12.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid.small .r {
    top: 15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid.small .r {
    top: 12.375px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid.small .r {
    top: 16.875px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid.small .r {
    top: 23.625px;
  }
}
@media (max-width: 799px) {
  #store .xygrid.small .r {
    margin-left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid.small .r {
    margin-left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid.small .r {
    margin-left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid.small .r {
    margin-left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid.small .r {
    margin-left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid.small .r {
    margin-left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid.small .r {
    margin-left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid.small .r {
    margin-left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid.small .r {
    margin-left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid.small .r {
    margin-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid.small .r {
    margin-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid.small .r {
    margin-left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid.small .r {
    margin-left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid.small .r {
    margin-left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid.small .r {
    margin-left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid.small .r {
    margin-left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid.small .r {
    margin-left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid.small .r {
    margin-left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid.small .r {
    margin-left: 110.25px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid.small .r {
    margin-left: 154.35px;
  }
}
#store .xygrid.small .l {
  transform: rotate(0deg);
}
@media (max-width: 799px) {
  #store .xygrid.small .l {
    top: 3.375px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid.small .l {
    top: 3.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid.small .l {
    top: 4.8375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid.small .l {
    top: 5.1375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid.small .l {
    top: 5.625px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid.small .l {
    top: 5.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid.small .l {
    top: 6.375px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid.small .l {
    top: 6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid.small .l {
    top: 7.125px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid.small .l {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid.small .l {
    top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid.small .l {
    top: 9.375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid.small .l {
    top: 10.125px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid.small .l {
    top: 9.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid.small .l {
    top: 9.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid.small .l {
    top: 12.375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid.small .l {
    top: 15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid.small .l {
    top: 12.375px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid.small .l {
    top: 16.875px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid.small .l {
    top: 23.625px;
  }
}
@media (max-width: 799px) {
  #store .xygrid.small .l {
    margin-right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid.small .l {
    margin-right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid.small .l {
    margin-right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid.small .l {
    margin-right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid.small .l {
    margin-right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid.small .l {
    margin-right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid.small .l {
    margin-right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid.small .l {
    margin-right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid.small .l {
    margin-right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid.small .l {
    margin-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid.small .l {
    margin-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid.small .l {
    margin-right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid.small .l {
    margin-right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid.small .l {
    margin-right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid.small .l {
    margin-right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid.small .l {
    margin-right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid.small .l {
    margin-right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid.small .l {
    margin-right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid.small .l {
    margin-right: 110.25px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid.small .l {
    margin-right: 154.35px;
  }
}
#store .xygrid .grid {
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #store .xygrid .grid {
    width: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .grid {
    width: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .grid {
    width: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .grid {
    width: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .grid {
    width: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .grid {
    width: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .grid {
    width: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .grid {
    width: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .grid {
    width: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .grid {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .grid {
    width: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .grid {
    width: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .grid {
    width: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .grid {
    width: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .grid {
    width: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .grid {
    width: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .grid {
    width: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .grid {
    width: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .grid {
    width: 301.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .grid {
    width: 422.1px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .grid {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .grid {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .grid {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .grid {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .grid {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .grid {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .grid {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .grid {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .grid {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .grid {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .grid {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .grid {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .grid {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .grid {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .grid {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .grid {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .grid {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .grid {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .grid {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .grid {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  #store .xygrid.small .grid {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid.small .grid {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid.small .grid {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid.small .grid {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid.small .grid {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid.small .grid {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid.small .grid {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid.small .grid {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid.small .grid {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid.small .grid {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid.small .grid {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid.small .grid {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid.small .grid {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid.small .grid {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid.small .grid {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid.small .grid {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid.small .grid {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid.small .grid {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid.small .grid {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid.small .grid {
    height: 88.2px;
  }
}
#store .xygrid .grid .point {
  position: absolute;
  left: 0;
  top: 0;
  background: #D33437;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 799px) {
  #store .xygrid .grid .point {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .grid .point {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .grid .point {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .grid .point {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .grid .point {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .grid .point {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .grid .point {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .grid .point {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .grid .point {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .grid .point {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .grid .point {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .grid .point {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .grid .point {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .grid .point {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .grid .point {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .grid .point {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .grid .point {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .grid .point {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .grid .point {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .grid .point {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #store .xygrid .grid .point {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .xygrid .grid .point {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .xygrid .grid .point {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .xygrid .grid .point {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .xygrid .grid .point {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .xygrid .grid .point {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .xygrid .grid .point {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .xygrid .grid .point {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .xygrid .grid .point {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .xygrid .grid .point {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .xygrid .grid .point {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .xygrid .grid .point {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .xygrid .grid .point {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .xygrid .grid .point {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .xygrid .grid .point {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .xygrid .grid .point {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .xygrid .grid .point {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .xygrid .grid .point {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .xygrid .grid .point {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .xygrid .grid .point {
    height: 44.1px;
  }
}
#store .box-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}
#store .box-content .box-main {
  overflow: hidden;
}
@media (max-width: 799px) {
  #store .box-content .box-main {
    width: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main {
    width: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main {
    width: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main {
    width: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main {
    width: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main {
    width: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main {
    width: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main {
    width: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main {
    width: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main {
    width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main {
    width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main {
    width: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main {
    width: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main {
    width: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main {
    width: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main {
    width: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main {
    width: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main {
    width: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main {
    width: 121.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main {
    width: 170.1px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-main {
    margin-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main {
    margin-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main {
    margin-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main {
    margin-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main {
    margin-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main {
    margin-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main {
    margin-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main {
    margin-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main {
    margin-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main {
    margin-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main {
    margin-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main {
    margin-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main {
    margin-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main {
    margin-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main {
    margin-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main {
    margin-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main {
    margin-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main {
    margin-right: 94.5px;
  }
}
#store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
  cursor: pointer;
  display: flex;
  color: #C1C1C1;
  align-items: center;
  justify-content: center;
  background: rgba(27, 30, 40, 0.9);
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    height: 170.1px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li, #store .box-content .box-main .bottom-btn .main {
    font-size: 94.5px;
  }
}
#store .box-content .box-main li:hover, #store .box-content .box-main .bottom-btn .main:hover {
  background: #4B5573;
}
#store .box-content .box-main li.active, #store .box-content .box-main .bottom-btn .main.active {
  color: #fff;
  background: #D33437;
}
@media (max-width: 799px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li:first-child, #store .box-content .box-main .bottom-btn .main:first-child {
    border-top-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-main li:last-child, #store .box-content .box-main .bottom-btn .main:last-child {
    border-bottom-right-radius: 18.9px;
  }
}
#store .box-content .module-list {
  background: #171921;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
@media (max-width: 799px) {
  #store .box-content .module-list {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .module-list {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .module-list {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .module-list {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .module-list {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .module-list {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .module-list {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .module-list {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .module-list {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .module-list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .module-list {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .module-list {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .module-list {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .module-list {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .module-list {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .module-list {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #store .box-content .module-list {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .module-list {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .module-list {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .module-list {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .module-list {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .module-list {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .module-list {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .module-list {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .module-list {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .module-list {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .module-list {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .module-list {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .module-list {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .module-list {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .module-list {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .module-list {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .module-list {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .module-list {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .module-list {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .module-list {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .module-list {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .module-list {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .module-list {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .module-list {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .module-list {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .module-list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .module-list {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .module-list {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .module-list {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .module-list {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .module-list {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .module-list {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .module-list {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .module-list {
    font-size: 50.4px;
  }
}
#store .box-content .module-list .l, #store .box-content .module-list .r {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303648;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .module-list .l, #store .box-content .module-list .r {
    font-size: 40.95px;
  }
}
#store .box-content .module-list .l:hover, #store .box-content .module-list .r:hover {
  background: #4B5573;
}
#store .box-content .module-list .l i {
  transform: rotate(180deg);
}
#store .box-content .box-list {
  transition: all 0.3s ease-in;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgba(27, 30, 40, 0.9);
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    max-height: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    max-height: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    max-height: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    max-height: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    max-height: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    max-height: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    max-height: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    max-height: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    max-height: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    max-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    max-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    max-height: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    max-height: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    max-height: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    max-height: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    max-height: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    max-height: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    max-height: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    max-height: 1125px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    max-height: 1575px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list.bodycust {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list.bodycust {
    padding-bottom: 63px;
  }
}
#store .box-content .box-list .list {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #store .box-content .box-list .list {
    width: 139.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list {
    width: 155px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list {
    width: 199.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list {
    width: 212.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list {
    width: 232.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list {
    width: 217px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list {
    width: 263.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list {
    width: 248px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list {
    width: 294.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list {
    width: 387.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list {
    width: 418.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list {
    width: 403px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list {
    width: 387.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list {
    width: 511.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list {
    width: 620px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list {
    width: 511.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list {
    width: 697.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list {
    width: 976.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list {
    max-height: 123.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list {
    max-height: 137px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list {
    max-height: 176.73px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list {
    max-height: 187.69px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list {
    max-height: 205.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list {
    max-height: 191.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list {
    max-height: 232.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list {
    max-height: 219.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list {
    max-height: 260.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list {
    max-height: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list {
    max-height: 274px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list {
    max-height: 342.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list {
    max-height: 369.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list {
    max-height: 356.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list {
    max-height: 342.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list {
    max-height: 452.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list {
    max-height: 548px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list {
    max-height: 452.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list {
    max-height: 616.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list {
    max-height: 863.1px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#store .box-content .box-list .list::-webkit-scrollbar-track {
  background: #131924;
}
#store .box-content .box-list .list::-webkit-scrollbar-thumb {
  background: #D33437;
}
#store .box-content .box-list .list li {
  display: flex;
  color: #C1C1C1;
  justify-content: space-between;
  align-items: center;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    padding-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    padding-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    padding-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    padding-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    padding-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    padding-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    padding-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    padding-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    padding-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    padding-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    padding-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    padding-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    padding-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    padding-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    padding-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    padding-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    padding-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    padding-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    padding-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    padding-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    padding-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    padding-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    padding-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    padding-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    padding-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    padding-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    padding-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    padding-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .list li {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list li {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list li {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list li {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list li {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list li {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list li {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list li {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list li {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list li {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list li {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list li {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list li {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list li {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list li {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list li {
    font-size: 50.4px;
  }
}
#store .box-content .box-list .list li .t {
  font-weight: 500;
}
#store .box-content .box-list .list li .price {
  font-weight: bold;
}
#store .box-content .box-list .list li:hover {
  color: rgba(255, 255, 255, 0.9);
}
#store .box-content .box-list .list li.active {
  background: #D33437;
  color: #fff;
}
#store .box-content .box-list .label {
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #store .box-content .box-list .label {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .label {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .label {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .label {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .label {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .label {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .label {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .label {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .label {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .label {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .label {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .label {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .label {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .label {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .label {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .label {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .label {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .label {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .label {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .label {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .label {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .label {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .label {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .label {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .label {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .label {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .label {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .label {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .label {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .label {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .label {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .label {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .label {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .label {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .label {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .label {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .label {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .label {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .export .exportChar {
  width: 100%;
  background: #171921;
  font-weight: 500;
  color: #fff;
  resize: none;
  border: none;
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .exportChar {
    height: 188.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .exportChar {
    height: 209px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .exportChar {
    height: 269.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .exportChar {
    height: 286.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .exportChar {
    height: 313.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .exportChar {
    height: 292.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .exportChar {
    height: 355.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .exportChar {
    height: 334.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .exportChar {
    height: 397.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .exportChar {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .exportChar {
    height: 564.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .exportChar {
    height: 543.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .exportChar {
    height: 522.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    height: 836px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    height: 689.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    height: 940.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .exportChar {
    height: 1316.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .exportChar {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .exportChar {
    padding: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .exportChar {
    padding: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .exportChar {
    padding: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .exportChar {
    padding: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .exportChar {
    padding: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .exportChar {
    padding: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .exportChar {
    padding: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .exportChar {
    padding: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .exportChar {
    padding: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .exportChar {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .exportChar {
    padding: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .exportChar {
    padding: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .exportChar {
    padding: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    padding: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    padding: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    padding: 56.25px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .exportChar {
    padding: 78.75px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .exportChar {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .exportChar::-webkit-scrollbar {
    width: 9.45px;
  }
}
#store .box-content .box-list .export .exportChar::-webkit-scrollbar-track {
  background: #131924;
}
#store .box-content .box-list .export .exportChar::-webkit-scrollbar-thumb {
  background: #D33437;
}
#store .box-content .box-list .export .bottom-btn div {
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .bottom-btn div {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .bottom-btn div {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .export .bottom-btn div {
    font-size: 50.4px;
  }
}
#store .box-content .box-list .export .bottom-btn div:nth-child(1) {
  border: 1px solid #D33437;
}
#store .box-content .box-list .export .bottom-btn div:nth-child(1):hover {
  background: #D33437;
}
#store .box-content .box-list .export .bottom-btn div:nth-child(2) {
  border: 1px solid #27AE60;
}
#store .box-content .box-list .export .bottom-btn div:nth-child(2):hover {
  background: #27AE60;
}
#store .box-content .box-list .logo {
  color: #E53935;
}
@media (max-width: 799px) {
  #store .box-content .box-list .logo {
    font-size: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .logo {
    font-size: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .logo {
    font-size: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .logo {
    font-size: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .logo {
    font-size: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .logo {
    font-size: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .logo {
    font-size: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .logo {
    font-size: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .logo {
    font-size: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .logo {
    font-size: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .logo {
    font-size: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .logo {
    font-size: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .logo {
    font-size: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .logo {
    font-size: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .logo {
    font-size: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .logo {
    font-size: 171px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .logo {
    font-size: 239.4px;
  }
}
#store .box-content .box-list .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #store .box-content .box-list .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .title {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .title {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .switch {
  display: flex;
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .switch .btn {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  align-items: center;
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch .btn {
    width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch .btn {
    width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch .btn {
    width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch .btn {
    width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch .btn {
    width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch .btn {
    width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch .btn {
    width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch .btn {
    width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch .btn {
    width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch .btn {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch .btn {
    width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch .btn {
    width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch .btn {
    width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn {
    width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn {
    width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn {
    width: 247.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch .btn {
    width: 346.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch .btn:first-child {
    margin-right: 78.75px;
  }
}
#store .box-content .box-list .switch .btn span.active {
  background: #D33437;
}
#store .box-content .box-list .switch .btn:hover span:not(.active) {
  background: #4B5573;
}
#store .box-content .box-list .switch span {
  background: #38415D;
  border-radius: 50px;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch span {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch span {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch span {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch span {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch span {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch span {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch span {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch span {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch span {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch span {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch span {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch span {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch span {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch span {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch span {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch span {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch span {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch span {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch span {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch span {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch span {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch span {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch span {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch span {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch span {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch span {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch span {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch span {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch span {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch span {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .switch span {
    border: 1.8px solid #171921;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .switch span {
    border: 2px solid #171921;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .switch span {
    border: 2.58px solid #171921;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .switch span {
    border: 2.74px solid #171921;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .switch span {
    border: 3px solid #171921;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .switch span {
    border: 2.8px solid #171921;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .switch span {
    border: 3.4px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .switch span {
    border: 3.2px solid #171921;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .switch span {
    border: 3.8px solid #171921;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .switch span {
    border: 4px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .switch span {
    border: 5.4px solid #171921;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .switch span {
    border: 5.2px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .switch span {
    border: 5px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    border: 8px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .switch span {
    border: 6.6px solid #171921;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .switch span {
    border: 9px solid #171921;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .switch span {
    border: 12.6px solid #171921;
  }
}
#store .box-content .box-list .box-colors {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors {
    width: 165.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors {
    width: 184px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors {
    width: 237.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors {
    width: 252.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors {
    width: 276px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors {
    width: 257.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors {
    width: 312.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors {
    width: 294.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors {
    width: 349.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors {
    width: 368px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors {
    width: 496.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors {
    width: 478.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors {
    width: 460px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    width: 607.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    width: 736px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    width: 607.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    width: 828px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors {
    width: 1159.2px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors {
    grid-gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .box-colors .color {
  position: relative;
  cursor: pointer;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors .color {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors .color {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors .color {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors .color {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors .color {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors .color {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors .color {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors .color {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors .color {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors .color {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors .color {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors .color {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors .color {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors .color {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors .color {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors .color {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors .color {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors .color {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors .color {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors .color {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors .color {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors .color {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors .color {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors .color {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors .color {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors .color {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors .color {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors .color {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors .color {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors .color {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors .color {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors .color {
    height: 100.8px;
  }
}
#store .box-content .box-list .box-colors .color:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: opacity ease 0.2s;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 85.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors .color:after {
    width: 119.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors .color:after {
    height: 119.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 0.9px solid #D33437;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1px solid #D33437;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.29px solid #D33437;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.37px solid #D33437;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.5px solid #D33437;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.4px solid #D33437;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.7px solid #D33437;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.6px solid #D33437;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 1.9px solid #D33437;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2.5px solid #D33437;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2.7px solid #D33437;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2.6px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 2.5px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 3.3px solid #D33437;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 4px solid #D33437;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 3.3px solid #D33437;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 4.5px solid #D33437;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-colors .color:after {
    border: 6.3px solid #D33437;
  }
}
#store .box-content .box-list .box-colors .color:hover:after {
  opacity: 0.4;
}
#store .box-content .box-list .box-colors .color.active::after {
  opacity: 1;
}
#store .box-content .box-list .slider .rangeslider {
  background: #171921;
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .rangeslider {
    margin-bottom: 31.5px;
  }
}
#store .box-content .box-list .slider .rangeslider__fill {
  background: #D33437;
}
#store .box-content .box-list .slider .rangeslider__handle {
  border: none;
  background: #D33437;
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .rangeslider__handle {
    height: 63px;
  }
}
#store .box-content .box-list .slider .info {
  display: flex;
  justify-content: space-between;
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .info {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .slider .info span:nth-child(2) {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 9px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider .info span:nth-child(2) {
    padding-left: 12.6px;
  }
}
#store .box-content .box-list .slider.style .rangeslider__fill {
  background: #171921;
}
@media (max-width: 799px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .slider.style .rangeslider__fill {
    margin-bottom: 31.5px;
  }
}
#store .box-content .box-list .box-contain {
  display: flex;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .box-contain .box-img {
  position: relative;
  background: #171921;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 369px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .box-img {
    width: 516.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 58.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 65px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 83.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 89.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 97.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 91px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 110.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 123.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 130px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 162.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 175.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 169px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 214.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 214.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 292.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .box-img {
    height: 409.5px;
  }
}
#store .box-content .box-list .box-contain .box-img::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(211, 52, 55, 0) 26.15%, rgba(211, 52, 55, 0.13) 100%);
}
#store .box-content .box-list .box-contain .box-img img {
  height: 100%;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .element-l:first-child {
    margin-right: 63px;
  }
}
#store .box-content .box-list .box-contain .list {
  display: flex;
  background: #171921;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list {
    width: 73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list {
    width: 82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list {
    width: 105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list {
    width: 112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list {
    width: 123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list {
    width: 114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list {
    width: 139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list {
    width: 131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list {
    width: 155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list {
    width: 221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list {
    width: 213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list {
    width: 205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list {
    width: 270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list {
    width: 328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list {
    width: 270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list {
    width: 369px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list {
    width: 516.6px;
  }
}
#store .box-content .box-list .box-contain .list .list-title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list .list-title {
    font-size: 50.4px;
  }
}
#store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #303648;
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list .right, #store .box-content .box-list .box-contain .list .left {
    height: 157.5px;
  }
}
#store .box-content .box-list .box-contain .list .right:hover, #store .box-content .box-list .box-contain .list .left:hover {
  background: #4B5573;
}
#store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.18988 1.00033L2 7.95055L9.18988 14.9008' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-contain .list .left:before, #store .box-content .box-list .box-contain .list .right:before {
    height: 50.4px;
  }
}
#store .box-content .box-list .box-contain .list .right:before {
  transform: rotateY(180deg);
}
@media (max-width: 799px) {
  #store .box-content .box-list .list.b {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .list.b {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .list.b {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .list.b {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .list.b {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .list.b {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .list.b {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .list.b {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .list.b {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .list.b {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .list.b {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .list.b {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .list.b {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .list.b {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .list.b {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .list.b {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .list.b {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .list.b {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .list.b {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .list.b {
    width: 907.2px;
  }
}
#store .box-content .box-list .box-sort {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort {
    width: 1039.5px;
  }
}
#store .box-content .box-list .box-sort .btn-sort {
  border: 1px solid #C1C1C1;
  background: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s linear, border 0.1s linear;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 144px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort .btn-sort {
    width: 201.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 144px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort .btn-sort {
    height: 201.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort .btn-sort {
    border-radius: 18.9px;
  }
}
#store .box-content .box-list .box-sort .btn-sort span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-sort .btn-sort span {
    font-size: 113.4px;
  }
}
#store .box-content .box-list .box-sort .btn-sort.active, #store .box-content .box-list .box-sort .btn-sort:hover {
  border: 0;
  background: #E53935;
}
#store .box-content .box-list .box-sort .btn-sort.active span, #store .box-content .box-list .box-sort .btn-sort:hover span {
  color: white;
}
#store .box-content .box-list .box-list {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list {
    height: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list {
    height: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list {
    height: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list {
    height: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list {
    height: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list {
    height: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list {
    height: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list {
    height: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list {
    height: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list {
    height: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list {
    height: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list {
    height: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    height: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    height: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    height: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    height: 720px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list {
    height: 1008px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#store .box-content .box-list .box-list::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
  background: #D33437;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#store .box-content .box-list .box-list .box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 500;
  color: #C1C1C1;
  transition: background 0.1s linear;
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list .box-item {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list .box-item {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list .box-item {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list .box-item {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list .box-item {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list .box-item {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list .box-item {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list .box-item {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list .box-item {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list .box-item {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list .box-item {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list .box-item {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list .box-item {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list .box-item {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list .box-item {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list .box-item {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list .box-item {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .box-list .box-item {
    border-radius: 9.45px;
  }
}
#store .box-content .box-list .box-list .box-item span {
  font-weight: bold;
}
#store .box-content .box-list .box-list .box-item.active, #store .box-content .box-list .box-list .box-item:hover {
  background: #E74040;
  color: white;
}
#store .box-content .box-list .c-list-btn {
  display: flex;
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn {
    margin-bottom: 63px;
  }
}
#store .box-content .box-list .c-list-btn li {
  background: #171921;
  color: #C1C1C1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.1s linear;
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn li {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn li {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn li {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn li {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn li {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn li {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn li {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn li {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn li {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn li {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn li {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn li {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn li {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn li {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn li {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn li {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn li {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn li {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn li {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn li {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn li {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn li {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn li {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn li {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn li {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn li {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn li {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn li {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn li {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn li {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn li {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn li {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn li {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn li {
    margin-right: 37.8px;
  }
}
#store .box-content .box-list .c-list-btn li:last-child {
  margin-right: 0;
}
#store .box-content .box-list .c-list-btn li:hover {
  background: #242838;
}
#store .box-content .box-list .c-list-btn li.active {
  background: #D33437;
  color: #fff;
}
@media (max-width: 799px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-list .c-list-btn li span {
    font-size: 88.2px;
  }
}
#store .box-content ul.box {
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #store .box-content ul.box {
    width: 181.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content ul.box {
    width: 202px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content ul.box {
    width: 260.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content ul.box {
    width: 276.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content ul.box {
    width: 303px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content ul.box {
    width: 282.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content ul.box {
    width: 343.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content ul.box {
    width: 323.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content ul.box {
    width: 383.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content ul.box {
    width: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content ul.box {
    width: 404px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content ul.box {
    width: 505px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content ul.box {
    width: 545.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content ul.box {
    width: 525.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content ul.box {
    width: 505px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content ul.box {
    width: 666.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content ul.box {
    width: 808px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content ul.box {
    width: 666.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content ul.box {
    width: 909px;
  }
}
@media (min-width: 6000px) {
  #store .box-content ul.box {
    width: 1272.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content ul.box {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content ul.box {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content ul.box {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content ul.box {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content ul.box {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content ul.box {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content ul.box {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content ul.box {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content ul.box {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content ul.box {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content ul.box {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content ul.box {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content ul.box {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content ul.box {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content ul.box {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content ul.box {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content ul.box {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content ul.box {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content ul.box {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content ul.box {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #store .box-content ul.box::-webkit-scrollbar {
    width: 9.45px;
  }
}
#store .box-content ul.box::-webkit-scrollbar-track {
  background: #131924;
}
@media (max-width: 799px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content ul.box::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#store .box-content ul.box::-webkit-scrollbar-thumb {
  background: #D33437;
}
@media (max-width: 799px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content ul.box::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#store .box-content ul.box li {
  display: none;
  display: block;
}
#store .box-content ul.box li:last-child .box-contain {
  margin-bottom: 0;
}
#store .box-content .box-info-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button {
    width: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button {
    width: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button {
    width: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button {
    width: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button {
    width: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button {
    width: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button {
    width: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button {
    width: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button {
    width: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button {
    width: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button {
    width: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button {
    width: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button {
    width: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button {
    width: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button {
    width: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button {
    width: 504px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button {
    width: 705.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button {
    padding-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button {
    padding-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button {
    padding-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button {
    padding-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button {
    padding-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button {
    padding-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button {
    padding-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button {
    padding-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button {
    padding-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button {
    padding-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button {
    padding-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button {
    padding-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button {
    padding-bottom: 94.5px;
  }
}
#store .box-content .box-info-button .bottom-btn {
  background: rgba(27, 30, 40, 0.9);
  display: flex;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn {
    padding-right: 69.3px;
  }
}
#store .box-content .box-info-button .bottom-btn .text {
  font-weight: bold;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .text {
    padding-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .text {
    font-size: 44.1px;
  }
}
#store .box-content .box-info-button .bottom-btn .btn-group {
  display: flex;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle:last-child {
    margin-right: 0px;
  }
}
#store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D33437;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .bottom-btn .btn-group .redcircle.small {
    font-size: 31.5px;
  }
}
#store .box-content .box-info-button .box-colors {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors {
    width: 148.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors {
    width: 165px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors {
    width: 212.85px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors {
    width: 226.05px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors {
    width: 247.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors {
    width: 231px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors {
    width: 280.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors {
    width: 264px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors {
    width: 313.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors {
    width: 330px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors {
    width: 445.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors {
    width: 544.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors {
    width: 742.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors {
    width: 1039.5px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors {
    padding-top: 50.4px;
  }
}
#store .box-content .box-info-button .box-colors .color {
  position: relative;
  cursor: pointer;
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 58.5px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color {
    border-radius: 81.9px;
  }
}
#store .box-content .box-info-button .box-colors .color.active::after {
  content: "";
  position: absolute;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 72px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    width: 100.8px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 0.9px solid #E74040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1px solid #E74040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.29px solid #E74040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.37px solid #E74040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.5px solid #E74040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.4px solid #E74040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.7px solid #E74040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.6px solid #E74040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 1.9px solid #E74040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2.5px solid #E74040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2.7px solid #E74040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2.6px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 2.5px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 3.3px solid #E74040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 4px solid #E74040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 3.3px solid #E74040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 4.5px solid #E74040;
  }
}
@media (min-width: 6000px) {
  #store .box-content .box-info-button .box-colors .color.active::after {
    border: 6.3px solid #E74040;
  }
}
#shop {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
  opacity: 0;
  transition: 1s;
  animation: openshop 0s 1;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
@media (max-width: 799px) {
  #shop {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #shop {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #shop {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #shop {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #shop {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #shop {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #shop {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #shop {
    padding-right: 453.6px;
  }
}
@media (max-width: 799px) {
  #shop .i-title {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .i-title {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .i-title {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .i-title {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .i-title {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .i-title {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .i-title {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .i-title {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .i-title {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .i-title {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .i-title {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .i-title {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .i-title {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .i-title {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .i-title {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .i-title {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .i-title {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .i-title {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .i-title {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #shop .i-title {
    font-size: 132.3px;
  }
}
@media (max-width: 799px) {
  #shop .i-title {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .i-title {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .i-title {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .i-title {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .i-title {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .i-title {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .i-title {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .i-title {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .i-title {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .i-title {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .i-title {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .i-title {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .i-title {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .i-title {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .i-title {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .i-title {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .i-title {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .i-title {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .i-title {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .i-title {
    margin-right: 50.4px;
  }
}
#shop .box-ch {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background: rgba(1, 22, 39, 0.8);
}
@media (max-width: 799px) {
  #shop .box-ch {
    width: 450px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch {
    width: 500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch {
    width: 645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch {
    width: 685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch {
    width: 750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch {
    width: 700px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch {
    width: 850px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch {
    width: 800px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch {
    width: 950px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch {
    width: 1250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch {
    width: 1350px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch {
    width: 1300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch {
    width: 1250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch {
    width: 1650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch {
    width: 2000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch {
    width: 1650px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch {
    width: 2250px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch {
    width: 3150px;
  }
}
#shop .box-ch .btn {
  font-weight: 500;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #shop .box-ch .btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .btn {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .btn {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .btn {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .btn {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .btn {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .btn {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .btn {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .btn {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .btn {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .btn {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .btn {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .btn {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .btn {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .btn {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .btn {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .btn {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .btn {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .btn {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .btn.red {
    border: 0.45px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .btn.red {
    border: 0.5px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .btn.red {
    border: 0.645px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .btn.red {
    border: 0.685px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .btn.red {
    border: 0.75px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .btn.red {
    border: 0.7px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .btn.red {
    border: 0.85px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .btn.red {
    border: 0.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .btn.red {
    border: 0.95px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .btn.red {
    border: 1.35px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .btn.red {
    border: 1.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .btn.red {
    border: 2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .btn.red {
    border: 2.25px solid white;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .btn.red {
    border: 3.15px solid white;
  }
}
#shop .box-ch .btn.red:hover {
  background: white;
  color: black;
}
#shop .box-ch .btn.disabled {
  background: #2a2d35;
  border-color: #2a2d35;
  color: #656565;
}
#shop .box-ch li.main-small {
  background: #222631;
  align-items: center;
  display: flex;
  justify-content: center;
  transition: background 0.2s ease;
}
@media (max-width: 799px) {
  #shop .box-ch li.main-small {
    width: 143.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch li.main-small {
    width: 159px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch li.main-small {
    width: 205.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch li.main-small {
    width: 217.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch li.main-small {
    width: 238.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch li.main-small {
    width: 222.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch li.main-small {
    width: 270.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch li.main-small {
    width: 254.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch li.main-small {
    width: 302.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch li.main-small {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch li.main-small {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch li.main-small {
    width: 397.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch li.main-small {
    width: 429.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch li.main-small {
    width: 413.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch li.main-small {
    width: 397.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    width: 524.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    width: 636px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    width: 524.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    width: 715.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch li.main-small {
    width: 1001.7px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch li.main-small {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch li.main-small {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch li.main-small {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch li.main-small {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch li.main-small {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch li.main-small {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch li.main-small {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch li.main-small {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch li.main-small {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch li.main-small {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch li.main-small {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch li.main-small {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch li.main-small {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch li.main-small {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch li.main-small {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch li.main-small {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch li.main-small {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch li.main-small {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch li.main-small {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch li.main-small {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch li.main-small {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch li.main-small {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch li.main-small {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch li.main-small {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch li.main-small {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch li.main-small {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch li.main-small {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch li.main-small {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch li.main-small {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch li.main-small {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch li.main-small {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch li.main-small {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch li.main-small {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch li.main-small {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch li.main-small {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch li.main-small {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch li.main-small {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch li.main-small {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch li.main-small {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch li.main-small {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch li.main-small {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch li.main-small {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch li.main-small {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch li.main-small {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch li.main-small {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch li.main-small {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch li.main-small {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch li.main-small {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch li.main-small {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch li.main-small {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch li.main-small {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch li.main-small {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch li.main-small {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch li.main-small {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch li.main-small {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch li.main-small {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch li.main-small {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch li.main-small {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch li.main-small {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch li.main-small {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch li.main-small {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch li.main-small {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch li.main-small {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch li.main-small {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch li.main-small {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch li.main-small {
    margin-right: 47.25px;
  }
}
#shop .box-ch ul.main li:last-child {
  margin-right: 0px;
}
#shop .box-ch ul.main {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  width: 100%;
}
@media (max-width: 799px) {
  #shop .box-ch ul.main {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.main {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.main {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.main {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.main {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.main {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.main {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.main {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.main {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.main {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.main {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.main {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.main {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.main {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.main {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.main {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.main {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.main {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.main {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.main {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.main {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.main {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.main {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.main {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.main {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.main {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.main {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.main {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.main {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.main {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.main {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.main {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.main {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.main {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.main {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.main {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.main {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.main {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.main {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.main {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.main {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.main {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.main {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.main {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.main {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.main {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.main {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.main {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.main {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.main {
    padding-right: 94.5px;
  }
}
#shop .box-ch ul.main li {
  font-weight: bold;
}
@media (max-width: 799px) {
  #shop .box-ch ul.main li {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.main li {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.main li {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.main li {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.main li {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.main li {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.main li {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.main li {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.main li {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.main li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.main li {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.main li {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.main li {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.main li {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.main li {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.main li {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.main li {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.main li {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.main li {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.main li {
    font-size: 50.4px;
  }
}
#shop .box-ch ul.main li:hover:not(.active) {
  background: rgba(255, 255, 255, 0.1);
}
#shop .box-ch ul.main li.active {
  background: white;
  color: black;
}
#shop .box-ch ul.items {
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items {
    grid-gap: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items {
    grid-gap: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items {
    grid-gap: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items {
    grid-gap: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items {
    grid-gap: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items {
    grid-gap: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items {
    grid-gap: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items {
    grid-gap: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items {
    grid-gap: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items {
    grid-gap: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items {
    grid-gap: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items {
    grid-gap: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items {
    grid-gap: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    grid-gap: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    grid-gap: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    grid-gap: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    grid-gap: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items {
    grid-gap: 94.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items {
    height: 215.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items {
    height: 239px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items {
    height: 308.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items {
    height: 327.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items {
    height: 358.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items {
    height: 334.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items {
    height: 406.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items {
    height: 382.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items {
    height: 454.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items {
    height: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items {
    height: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items {
    height: 597.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items {
    height: 645.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items {
    height: 621.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items {
    height: 597.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    height: 788.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    height: 956px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items {
    height: 788.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items {
    height: 1075.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items {
    height: 1505.7px;
  }
}
#shop .box-ch ul.items .box {
  background: rgba(255, 255, 255, 0.05);
  width: 100%;
  display: flex;
  transition: ease background 0.2s;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box {
    height: 567px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box {
    padding-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box {
    padding-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .item-img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .item-img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .item-img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .item-img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .item-img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .item-img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .item-img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .item-img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .item-img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .item-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .item-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .item-img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .item-img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .item-img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .item-img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .item-img {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .item-img {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .item-img {
    font-size: 189px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 168.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .item-img img {
    width: 236.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 168.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .item-img img {
    height: 236.25px;
  }
}
#shop .box-ch ul.items .box .name {
  color: #C1C1C1;
  transition: color ease 0.2s;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .box .name {
    margin-bottom: 44.1px;
  }
}
#shop .box-ch ul.items .box .price {
  color: #FFFFFF;
}
#shop .box-ch ul.items .box .price .green {
  color: #27AE60;
}
#shop .box-ch ul.items .disabled {
  display: none;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 65.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 72.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 93.525px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 99.325px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 108.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 101.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 123.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 116px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 137.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 181.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 195.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 188.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 181.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 239.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 290px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 239.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 326.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .item-img img {
    max-width: 456.75px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items::-webkit-scrollbar {
    width: 9.45px;
  }
}
#shop .box-ch ul.items::-webkit-scrollbar-track {
  background: #131924;
}
#shop .box-ch ul.items::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.45px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.5px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.645px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.685px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.75px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.7px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.85px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .btn.red {
    border: 0.95px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .btn.red {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.35px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.25px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.red {
    border: 2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.red {
    border: 1.65px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.red {
    border: 2.25px solid white;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .btn.red {
    border: 3.15px solid white;
  }
}
#shop .box-ch ul.items .btn.green {
  color: white;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.45px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.5px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.645px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.685px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.75px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.7px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.85px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .btn.green {
    border: 0.95px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .btn.green {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .btn.green {
    border: 1px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.25px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.35px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.25px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.65px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.green {
    border: 2px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.green {
    border: 1.65px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.green {
    border: 2.25px solid white;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .btn.green {
    border: 3.15px solid white;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.45px solid #276DAE;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.5px solid #276DAE;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.645px solid #276DAE;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.685px solid #276DAE;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.75px solid #276DAE;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.7px solid #276DAE;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.85px solid #276DAE;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.8px solid #276DAE;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items .btn.blue {
    border: 0.95px solid #276DAE;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1px solid #276DAE;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1px solid #276DAE;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.25px solid #276DAE;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.35px solid #276DAE;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.3px solid #276DAE;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.25px solid #276DAE;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.65px solid #276DAE;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.blue {
    border: 2px solid #276DAE;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items .btn.blue {
    border: 1.65px solid #276DAE;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items .btn.blue {
    border: 2.25px solid #276DAE;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items .btn.blue {
    border: 3.15px solid #276DAE;
  }
}
#shop .box-ch ul.items li:hover .btn.red {
  background: white;
  color: black;
}
#shop .box-ch ul.items li:hover .btn.blue {
  background: #276DAE;
  color: white;
}
#shop .box-ch ul.items li:hover .btn.green:not(.disabled) {
  background: white;
  color: black;
}
#shop .box-ch ul.items li:hover .box .name {
  color: #fff;
}
#shop .box-ch ul.items li:hover .box {
  background: rgba(255, 255, 255, 0.1);
}
#shop .box-ch ul.items li {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li {
    height: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li {
    height: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li {
    height: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li {
    height: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li {
    height: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li {
    height: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li {
    height: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li {
    height: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li {
    height: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li {
    height: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li {
    height: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li {
    height: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li {
    height: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li {
    height: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li {
    height: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li {
    height: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li {
    height: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li {
    height: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li {
    height: 504px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li {
    height: 705.6px;
  }
}
#shop .box-ch ul.items li .btn {
  width: 100%;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li .btn {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li .btn {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li .btn {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li .btn {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li .btn {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li .btn {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li .btn {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li .btn {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li .btn {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li .btn {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li .btn {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li .btn {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li .btn {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li .btn {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li .btn {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li .btn {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li .btn {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li .btn {
    height: 157.5px;
  }
}
#shop .box-ch ul.items li.empty {
  background: rgba(16, 18, 22, 0.2);
  color: #656565;
  font-weight: bold;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.empty {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.empty {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.empty {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.empty {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.empty {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.empty {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.empty {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.empty {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.empty {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.empty {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.empty {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.empty {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.empty {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.empty {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.empty {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.empty {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.empty {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.empty {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.empty {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.empty {
    font-size: 75.6px;
  }
}
#shop .box-ch ul.items li.item {
  background: #1E222B;
  color: #949494;
  position: relative;
  transition: ease background 0.2s;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item {
    padding: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item {
    padding: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item {
    padding: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item {
    padding: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item {
    padding: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item {
    padding: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item {
    padding: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item {
    padding: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item {
    padding: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item {
    padding: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item {
    padding: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item {
    padding: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item {
    padding: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item {
    padding: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item {
    padding: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item {
    padding: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item {
    padding: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item {
    padding: 47.25px;
  }
}
#shop .box-ch ul.items li.item.active {
  background: #2E3543;
  color: #fff;
}
#shop .box-ch ul.items li.item .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
#shop .box-ch ul.items li.item .item-img {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#shop .box-ch ul.items li.item .price {
  text-align: end;
  width: 100%;
  color: #fff;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item .price {
    font-size: 75.6px;
  }
}
#shop .box-ch ul.items li.item .price span {
  color: #27AE60;
}
#shop .box-ch ul.items li.item .item-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 24.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item .item-title i {
    font-size: 34.65px;
  }
}
#shop .box-ch ul.items li.item .item-title div:nth-child(1) {
  font-weight: bold;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(1) {
    font-size: 50.4px;
  }
}
#shop .box-ch ul.items li.item .item-title div:nth-child(2) {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 6.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch ul.items li.item .item-title div:nth-child(2) {
    margin-left: 9.45px;
  }
}
#shop .box-ch .title {
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #shop .box-ch .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .title {
    font-size: 56.7px;
  }
}
#shop .box-ch .box-info {
  background: rgba(1, 22, 39, 0.8);
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: relative;
  display: flex;
}
@media (max-width: 799px) {
  #shop .box-ch .box-info {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info {
    padding-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info {
    padding-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info {
    padding-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info {
    padding-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info {
    padding-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info {
    padding-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info {
    padding-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info {
    padding-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info {
    padding-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info {
    padding-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info {
    padding-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info {
    padding-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info {
    padding-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info {
    padding-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info {
    padding-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info {
    padding-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info .title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info .title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info .title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info .title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info .title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info .title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info .title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info .title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info .title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info .title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info .title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info .title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info .title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info .title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info .title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info .title {
    margin-bottom: 15.75px;
  }
}
#shop .box-ch .box-info .title img {
  background-size: 100%;
}
@media (max-width: 799px) {
  #shop .box-ch .box-info .title img {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info .title img {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info .title img {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info .title img {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info .title img {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info .title img {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info .title img {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info .title img {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info .title img {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info .title img {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info .title img {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info .title img {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info .title img {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info .title img {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info .title img {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title img {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title img {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title img {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title img {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info .title img {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info .title img {
    width: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info .title img {
    width: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info .title img {
    width: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info .title img {
    width: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info .title img {
    width: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info .title img {
    width: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info .title img {
    width: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info .title img {
    width: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info .title img {
    width: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info .title img {
    width: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info .title img {
    width: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info .title img {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info .title img {
    width: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info .title img {
    width: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info .title img {
    width: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title img {
    width: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title img {
    width: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .title img {
    width: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .title img {
    width: 99px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info .title img {
    width: 138.6px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info .btn {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info .btn {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info .btn {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info .btn {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info .btn {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info .btn {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info .btn {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info .btn {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info .btn {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info .btn {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info .btn {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info .btn {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info .btn {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info .btn {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info .btn {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .btn {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .btn {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info .btn {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info .btn {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info .btn {
    width: 567px;
  }
}
#shop .box-ch .box-info p {
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #shop .box-ch .box-info p {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info p {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info p {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info p {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info p {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info p {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info p {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info p {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info p {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info p {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info p {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info p {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info p {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info p {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info p {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info p {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info p {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info p {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info p {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .box-info p {
    padding-right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .box-info p {
    padding-right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .box-info p {
    padding-right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .box-info p {
    padding-right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .box-info p {
    padding-right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .box-info p {
    padding-right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .box-info p {
    padding-right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .box-info p {
    padding-right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .box-info p {
    padding-right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .box-info p {
    padding-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .box-info p {
    padding-right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .box-info p {
    padding-right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .box-info p {
    padding-right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .box-info p {
    padding-right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .box-info p {
    padding-right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .box-info p {
    padding-right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .box-info p {
    padding-right: 157.5px;
  }
}
#shop .box-ch .input {
  background: #171921;
  border: none;
  font-weight: 500;
  width: 100%;
  color: #C1C1C1;
  transition: all ease 0.2s;
  height: 100%;
  text-align: center;
}
@media (max-width: 799px) {
  #shop .box-ch .input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .input {
    font-size: 44.1px;
  }
}
#shop .box-ch .input:placeholder {
  color: #C1C1C1;
}
#shop .box-ch .input:focus {
  color: #fff;
}
#shop .box-ch .item-info {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info {
    margin-bottom: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info {
    padding-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info {
    padding-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info {
    padding-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info {
    padding-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info {
    padding-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info {
    padding-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info {
    padding-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info {
    padding-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info {
    padding-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info {
    padding-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info {
    padding-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info {
    padding-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    padding-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info {
    padding-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info {
    padding-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info {
    padding-left: 94.5px;
  }
}
#shop .box-ch .item-info .l {
  display: flex;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .l {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .l {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .l {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .l {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .l {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .l {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .l {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .l {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .l {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .l {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .l {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .l {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .l {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .l {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .l {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .l {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .l {
    height: 116.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .l {
    height: 129.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .l {
    height: 167.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .l {
    height: 177.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .l {
    height: 194.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .l {
    height: 181.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .l {
    height: 220.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .l {
    height: 207.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .l {
    height: 246.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .l {
    height: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .l {
    height: 259px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .l {
    height: 323.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .l {
    height: 349.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .l {
    height: 336.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .l {
    height: 323.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l {
    height: 427.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l {
    height: 518px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l {
    height: 427.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l {
    height: 582.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .l {
    height: 815.85px;
  }
}
#shop .box-ch .item-info .l .info {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
#shop .box-ch .item-info .l .info .price {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .l .info .price {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .l .info .price {
    margin-bottom: 53.55px;
  }
}
#shop .box-ch .item-info .l .info .price span {
  color: #27AE60;
}
#shop .box-ch .item-info .c {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c {
    width: 945px;
  }
}
#shop .box-ch .item-info .c .inputblock {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .inputblock {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .inputblock {
    margin-bottom: 31.5px;
  }
}
#shop .box-ch .item-info .c .inputblock .butammo {
  background: #434A5B;
  transition: background ease 0.2s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 186.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    width: 261.45px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.45px solid #212531;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.5px solid #212531;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.645px solid #212531;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.685px solid #212531;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.75px solid #212531;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.7px solid #212531;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.85px solid #212531;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.8px solid #212531;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 0.95px solid #212531;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1px solid #212531;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1px solid #212531;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.25px solid #212531;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.35px solid #212531;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.3px solid #212531;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.25px solid #212531;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.65px solid #212531;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 2px solid #212531;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 1.65px solid #212531;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 2.25px solid #212531;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .inputblock .butammo {
    border: 3.15px solid #212531;
  }
}
#shop .box-ch .item-info .c .inputblock .butammo:hover {
  background: #454E68;
}
#shop .box-ch .item-info .c .btn {
  font-weight: bold;
}
#shop .box-ch .item-info .c .specification .contein {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein label {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein label {
    font-size: 50.4px;
  }
}
#shop .box-ch .item-info .c .specification .contein ul {
  display: flex;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein ul {
    height: 18.9px;
  }
}
#shop .box-ch .item-info .c .specification .contein li {
  background: #434A5B;
  transition: all ease 0.4s;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein li {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein li {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .specification .contein li {
    height: 18.9px;
  }
}
#shop .box-ch .item-info .c .specification .contein li.active {
  background: white;
}
#shop .box-ch .item-info .c .title.x2 {
  font-weight: bold;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .title.x2 {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .title.x2 {
    margin-bottom: 15.75px;
  }
}
#shop .box-ch .item-info .c .title.x3 {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .title.x3 {
    margin-bottom: 15.75px;
  }
}
#shop .box-ch .item-info .c .title.x3 div {
  display: flex;
  flex-direction: column;
}
#shop .box-ch .item-info .c .title.x3 div:nth-child(2) span {
  text-align: right;
}
#shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
  color: #fff;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) {
    font-size: 56.7px;
  }
}
#shop .box-ch .item-info .c .title.x3 div:nth-child(2) span:nth-child(1) b {
  color: #27AE60;
}
#shop .box-ch .item-info .c .title.x3 div span {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .title.x3 div span {
    font-size: 37.8px;
  }
}
#shop .box-ch .item-info .c p {
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c p {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c p {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c p {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c p {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c p {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c p {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c p {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c p {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c p {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c p {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c p {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c p {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c p {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c p {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c p {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c p {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c p {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c p {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c p {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c p {
    line-height: 53.55px;
  }
}
#shop .box-ch .item-info .c .input {
  font-family: UniNeue;
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .input {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #shop .box-ch .item-info .c .input {
    padding-left: 63px;
  }
}
@charset "UTF-8";
@keyframes openshop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blacshophaxzer {
  position: absolute;
  left: 0vh;
  top: 0vh;
  width: 100%;
  height: 100%;
  background: radial-gradient(278% 89% at 276% 45%, rgba(38, 38, 38, 0) 4.167%, rgba(34, 35, 40, 0.72) 112.604%);
}

.blacshophaxzer .bshhead {
  position: absolute;
  top: 6.2037vh;
  left: 7.8704vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.blacshophaxzer .bshclosed {
  position: absolute;
  top: 2.2222vh;
  right: 3.5185vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.blacshophaxzer .bshmenu {
  position: absolute;
  left: 3.7037vh;
  top: 19.4444vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  width: 46.8148vh;
  height: 71.9259vh;
  overflow: auto;
}

.blacshophaxzer .bshmenu::-webkit-scrollbar {
  border-radius: 2.1296vh;
  width: 0.9259vh; /* в основном для вертикальных полос прокрутки */
  height: 0.9259vh; /* в основном для горизонтальных полос прокрутки */
}

.blacshophaxzer .bshmenu::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: #009EFF;
  border-radius: 2.1296vh;
}

.blacshophaxzer .bshmenu::-webkit-scrollbar-track { /* фон */
  background: rgba(255, 255, 255, 0.062745098);
  border-radius: 2.1296vh;
}

.blacshophaxzer .bshhead h1 {
  font-family: SF Pro Display;
  font-size: 3.3333vh;
  font-weight: 600;
  line-height: 3.9815vh;
  text-align: left;
  color: #fff;
}

.blacshophaxzer .bshhead span {
  width: 39.2593vh;
  color: rgba(255, 255, 255, 0.5);
  font-family: SF Pro Display;
  font-size: 1.4815vh;
  font-weight: 400;
  line-height: 1.7593vh;
  text-align: left;
  margin-top: 0.9259vh;
}

.blacshophaxzer .bshhead h1 b {
  font-family: SF Pro Display;
  font-size: 3.3333vh;
  font-weight: 600;
  line-height: 3.9815vh;
  text-align: left;
  color: #009EFF;
}

.blacshophaxzer .bshclosed p {
  color: rgb(255, 255, 255);
  font-family: Gilroy;
  font-size: 1.1111vh;
  font-weight: 500;
  line-height: 1.3889vh;
  text-align: right;
}

.blacshophaxzer .bshclosed b {
  border-radius: 0.2778vh;
  box-shadow: 0vh 0.5556vh 2.037vh 0vh rgba(201, 42, 42, 0.5);
  background: rgb(201, 42, 42);
  color: rgb(255, 255, 255);
  font-family: Gilroy;
  font-size: 1.2963vh;
  font-weight: 300;
  line-height: 1.3889vh;
  text-align: center;
  padding: 0.7407vh 0.9259vh;
  margin-left: 0.8333vh;
}

.blacshophaxzer .bshmenu .bshblock {
  width: 14.2593vh;
  height: 17.037vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0.776%, rgba(255, 255, 255, 0.05) 100.021%);
  margin-right: 0.9259vh;
  margin-bottom: 0.9259vh;
  border-image-slice: 45;
  border-image-width: 3.6111vh;
  border-image-repeat: stretch;
}

.blacshophaxzer .bshmenu .bshblock span {
  width: 5.8333vh;
  height: 2.2222vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 100%);
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9259vh;
  font-weight: 700;
  line-height: 1.1111vh;
  text-align: center;
  margin-left: auto;
  margin-right: 0.9259vh;
}

.blacshophaxzer .bshmenu .bshblock .itembl {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: -1.1111vh;
}

.blacshophaxzer .bshmenu .bshblock .btnbuyit {
  width: 12.4074vh;
  height: 2.1296vh;
  border-radius: 0.1852vh;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.1111vh;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 0.5556vh;
}

.blacshophaxzer .bshmenu .bshblock .itembl svg.leftitb {
  width: 1.0185vh;
  height: 3.4259vh;
  margin-bottom: auto;
  margin-right: auto;
  margin-left: 0.8333vh;
}

.blacshophaxzer .bshmenu .bshblock .itembl .itemico {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2.5vh;
}

.blacshophaxzer .bshmenu .bshblock .itembl svg.rightitb {
  width: 1.0185vh;
  height: 3.4259vh;
  margin-top: auto;
  margin-left: auto;
  margin-right: 0.8333vh;
}

.blacshophaxzer .bshmenu .bshblock .itembl .itemico img {
  height: 6.3102vh;
  background-size: cover;
}

.blacshophaxzer .bshmenu .bshblock .itembl .itemico p {
  color: rgb(255, 255, 255);
  font-family: SF Pro Display;
  font-size: 0.9vh;
  font-weight: 700;
  line-height: 1.9444vh;
  text-align: center;
  margin-top: 1.5741vh;
}

.blacshophaxzer p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.blacshophaxzer .bshmenu .bshblock:hover {
  background: rgba(255, 255, 255, 0.1);
}

.blacshophaxzer .bshmenu .bshblock .btnbuyit:hover {
  background: rgb(0, 158, 255);
}

.blacshophaxzer .casebs {
  position: absolute;
  left: 0vh;
  bottom: 0vh;
  width: 58.1481vh;
  height: 25vh;
  background: url(http://88.151.88.77/heone1/blackmarket/case.png);
  background-size: cover;
}

.blacshophaxzer .line1bs {
  top: 0vh;
  right: 0vh;
  position: absolute;
  width: 41.5741vh;
  height: 26.3889vh;
  background: url(http://88.151.88.77/heone1/blackmarket/top.png);
  background-size: cover;
}

.blacshophaxzer .line2bs {
  bottom: 0vh;
  right: 0vh;
  position: absolute;
  width: 36.9444vh;
  height: 25.8333vh;
  background: url(http://88.151.88.77/heone1/blackmarket/bottom.png);
  background-size: cover;
}

.gta5dev24 {
  position: absolute;
  left: 0vh;
  top: 0vh;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gta5dev24 .shopmenu {
  display: flex;
  width: 140.7407vh;
  height: 81.8519vh;
  border-radius: 1.2963vh;
  background: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.gta5dev24 .shopmenu .smenuhead {
  display: flex;
  width: 100%;
  height: 9.3519vh;
  border-bottom: 0.0926vh solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.02);
  align-items: center;
  flex-direction: row;
}

.gta5dev24 .shopmenu .smitemlist {
  width: 136.7407vh;
  margin-top: 1.0185vh;
  margin-left: 3.7963vh;
  max-height: 71.0185vh;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  overflow: auto;
}

.gta5dev24 .shopmenu .smenuhead img.logo24 {
  width: 7.3736vh;
  height: 3.7963vh;
  margin-left: 4.7222vh;
}

.gta5dev24 .shopmenu .smenuhead .nameshop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 0.8333vh;
}

.gta5dev24 .shopmenu .smenuhead .closed {
  margin-right: 4.6296vh;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.gta5dev24 .shopmenu .smenuhead .nameshop h1 {
  color: #FFF;
  text-shadow: 0vh 0vh 0.6481vh rgba(0, 0, 0, 0.25);
  font-family: "SF Pro Display";
  font-size: 1.8519vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.1296vh;
}

.gta5dev24 .shopmenu .smenuhead .nameshop p {
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 0vh 0vh 0.6481vh rgba(0, 0, 0, 0.25);
  font-family: "SF Pro Display";
  font-size: 1.4815vh;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.0148vh;
  width: 30.6481vh;
}

.gta5dev24 .shopmenu .smenuhead .closed p {
  color: #FFF;
  text-align: right;
  font-family: "SF Pro Display";
  font-size: 1.3889vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0833vh;
  margin-right: 0.8333vh;
}

.gta5dev24 .shopmenu .smenuhead .closed b {
  color: #fff;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.2037vh;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0722vh;
  background: rgb(41, 41, 41);
  border-radius: 0.1852vh;
  padding: 0.463vh 0.7407vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock {
  width: 31.4815vh;
  height: 33.4259vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  border-radius: 0.5556vh;
  border: 0.0926vh solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.03);
  margin-right: 1.8519vh;
  margin-bottom: 1.7593vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .headblock {
  width: 100%;
  height: 18.5185vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 0.0926vh solid rgba(0, 0, 0, 0.05);
}

.gta5dev24 .shopmenu .smitemlist .itemblock .infoblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 1.9907vh;
  margin-left: 1.6667vh;
  margin-right: 1.6667vh;
  height: 12.5926vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .infoblock p {
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 0vh 0vh 0.3704vh rgba(0, 0, 0, 0.25);
  font-family: "SF Pro Display";
  font-size: 1.3889vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0833vh;
  margin-bottom: 0.6481vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .infoblock span {
  color: rgba(0, 0, 0, 0.3);
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0778vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .infoblock b {
  color: rgb(41, 41, 41);
  text-shadow: 0vh 0vh 0.3704vh rgba(255, 255, 255, 0.25);
  font-family: "SF Pro Display";
  font-size: 1.6667vh;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.1vh;
  margin-top: auto;
  margin-bottom: 2.5926vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .headblock img.item {
  width: 10.8507vh;
  height: 10.8507vh;
  position: relative;
  margin-top: 3.7963vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .headblock .smbtnbuy {
  display: none;
}

.gta5dev24 p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .headblock {
  background: rgba(217, 217, 217, 0.01);
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .headblock .smbtnbuy {
  display: block;
  position: relative;
  width: 13.7037vh;
  height: 4.3519vh;
  border-radius: 0.463vh;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.4815vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0889vh;
  margin-top: -2.2222vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .headblock .smbtnbuy:hover {
  background: rgb(41, 41, 41);
  color: #FFF;
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.4815vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0889vh;
}

.smitemlist::-webkit-scrollbar {
  border-radius: 2.1296vh;
  width: 0.9259vh; /* в основном для вертикальных полос прокрутки */
  height: 0.9259vh; /* в основном для горизонтальных полос прокрутки */
}

.smitemlist::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: #fff !important;
  border-radius: 2.1296vh;
}

.smitemlist::-webkit-scrollbar-track { /* фон */
  background: rgba(255, 255, 255, 0.062745098);
  border-radius: 2.1296vh;
}

.gta5dev24 .shopmenu .smenuhead .cate {
  margin-left: 6.0185vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.gta5dev24 .shopmenu .smenuhead .cate .category {
  border-radius: 3.3333vh;
  background: rgba(41, 41, 41, 0.1);
  height: 3.8889vh;
  padding-left: 1.3889vh;
  padding-right: 1.8519vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.9259vh;
}

.gta5dev24 .shopmenu .smenuhead .cate .category p {
  color: rgb(41, 41, 41);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 0.0278vh;
  text-align: left;
}

.gta5dev24 .shopmenu .smenuhead .cate .category:hover {
  background: rgb(41, 41, 41);
}

.gta5dev24 .shopmenu .smenuhead .cate .category:hover p {
  color: #fff;
}

.gta5dev24 .shopmenu .smenuhead .cate .category.active {
  background: rgb(41, 41, 41);
}

.gta5dev24 .shopmenu .smenuhead .cate .category.active p {
  color: #fff;
}

.smitemlist::-webkit-scrollbar {
  border-radius: 2.1296vh;
  width: 0.9259vh; /* в основном для вертикальных полос прокрутки */
  height: 0.9259vh; /* в основном для горизонтальных полос прокрутки */
}

.smitemlist::-webkit-scrollbar-thumb { /* плашка-бегунок */
  background: #fff;
  border-radius: 2.1296vh;
}

.smitemlist::-webkit-scrollbar-track { /* фон */
  background: rgba(255, 255, 255, 0.062745098);
  border-radius: 2.1296vh;
}

.gta5dev24 .shopmenu .smenuhead .money {
  margin-left: auto;
  margin-right: 2.8704vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.gta5dev24 .shopmenu .smenuhead .money .nal {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.gta5dev24 .shopmenu .smenuhead .money .bank {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.463vh;
}

.gta5dev24 .shopmenu .smenuhead .money .bank svg {
  margin-left: 0.7407vh;
  width: 1.2963vh;
  height: 1.2963vh;
}

.gta5dev24 .shopmenu .smenuhead .money .nal svg {
  margin-left: 0.7407vh;
  width: 1.2963vh;
  height: 1.2963vh;
}

.gta5dev24 .shopmenu .smenuhead .money .nal p {
  color: rgba(0, 0, 0, 0.8);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 6%;
  text-align: right;
}

.gta5dev24 .shopmenu .smenuhead .money .bank p {
  color: rgba(0, 0, 0, 0.3);
  font-family: SF Pro Display;
  font-size: 1.2037vh;
  font-weight: 500;
  line-height: 1.4815vh;
  letter-spacing: 6%;
  text-align: right;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .headblock span {
  margin-left: auto;
  margin-right: 2vh;
  margin-top: 1vh;
  margin-bottom: -2.5vh;
  color: rgba(255, 255, 255, 0.3);
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0778vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .headblock span {
  margin-left: auto;
  margin-right: 2vh;
  margin-top: 1vh;
  margin-bottom: -2.5vh;
  color: rgba(255, 255, 255, 0.3);
  font-family: "SF Pro Display";
  font-size: 1.2963vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0778vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock .btnlist {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.9259vh;
  position: relative;
  margin-top: -2.2222vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy {
  width: 13.7037vh;
  height: 4.3519vh;
  border-radius: 0.463vh;
  background: #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.4815vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0889vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy2 {
  width: 13.7037vh;
  height: 4.3519vh;
  border-radius: 0.463vh;
  background: #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 1.4815vh;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0889vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist {
  display: flex;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy:hover {
  color: #fff;
  background: rgb(41, 41, 41);
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy2:hover {
  color: #fff;
  background: rgb(41, 41, 41);
}

.gta5dev24 .shopmenu .smenuhead .cate .category img {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
  background-size: cover;
  display: block;
}

.gta5dev24 .shopmenu .smenuhead .cate .category svg.cicon {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
  flex: none;
  fill: rgb(41, 41, 41);
}

.gta5dev24 .shopmenu .smenuhead .cate .category:hover svg.cicon,
.gta5dev24 .shopmenu .smenuhead .cate .category.active svg.cicon {
  fill: #fff;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy svg {
  fill: rgb(41, 41, 41);
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy:hover svg {
  fill: #fff;
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy2 svg {
  fill: rgb(41, 41, 41);
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
}

.gta5dev24 .shopmenu .smitemlist .itemblock:hover .btnlist .btnbuy2:hover svg {
  fill: #fff;
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 0.8333vh;
}

.gta5dev24 .shopmenu .smenuhead .cate .category img.active {
  display: none;
}

.gta5dev24 .shopmenu .smenuhead .cate .category.active img {
  display: none;
}

.gta5dev24 .shopmenu .smenuhead .cate .category.active img.active {
  display: block !important;
}

.gta5dev24 .shopmenu .smenuhead .cate .category:hover img {
  display: none;
}

.gta5dev24 .shopmenu .smenuhead .cate .category:hover img.active {
  display: block !important;
}

.gta5dev24 .shopmenu .smenuhead .cate .category.active:hover img {
  display: none;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/menu/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/business/menu/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/business/menu/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
#newpetshop {
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "TTNorms-Regular";
  width: 100%;
  height: 100%;
  background: rgba(1, 22, 39, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
@media (max-width: 799px) {
  #newpetshop {
    padding-left: 50.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop {
    padding-left: 56px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop {
    padding-left: 72.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop {
    padding-left: 76.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop {
    padding-left: 84px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop {
    padding-left: 78.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop {
    padding-left: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop {
    padding-left: 89.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop {
    padding-left: 106.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop {
    padding-left: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop {
    padding-left: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop {
    padding-left: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop {
    padding-left: 151.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop {
    padding-left: 145.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop {
    padding-left: 140px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop {
    padding-left: 184.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop {
    padding-left: 224px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop {
    padding-left: 184.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop {
    padding-left: 252px;
  }
}
@media (min-width: 6000px) {
  #newpetshop {
    padding-left: 352.8px;
  }
}
@media (max-width: 799px) {
  #newpetshop {
    padding-right: 50.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop {
    padding-right: 56px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop {
    padding-right: 72.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop {
    padding-right: 76.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop {
    padding-right: 84px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop {
    padding-right: 78.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop {
    padding-right: 95.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop {
    padding-right: 89.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop {
    padding-right: 106.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop {
    padding-right: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop {
    padding-right: 112px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop {
    padding-right: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop {
    padding-right: 151.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop {
    padding-right: 145.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop {
    padding-right: 140px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop {
    padding-right: 184.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop {
    padding-right: 224px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop {
    padding-right: 184.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop {
    padding-right: 252px;
  }
}
@media (min-width: 6000px) {
  #newpetshop {
    padding-right: 352.8px;
  }
}
@media (max-width: 799px) {
  #newpetshop {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newpetshop {
    font-size: 50.4px;
  }
}
#newpetshop ::-webkit-scrollbar {
  width: 0;
  opacity: 0;
}
#newpetshop ::-webkit-scrollbar-track {
  width: 0;
  opacity: 0;
}
#newpetshop ::-webkit-scrollbar-thumb {
  width: 0;
  opacity: 0;
}
#newpetshop .newpetshop__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#newpetshop .newpetshop__controls .newpetshop__button_control {
  font-weight: bold;
  background: rgba(253, 255, 252, 0.1);
  transition: all 0.5s linear;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control {
    font-size: 81.9px;
  }
}
#newpetshop .newpetshop__controls .newpetshop__button_control.active {
  transition: all 0.5s linear;
  background: rgb(253, 255, 252);
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__controls .newpetshop__button_control:last-child {
    margin-top: 94.5px;
  }
}
#newpetshop .newpetshop__button_control {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__button_control {
    padding-right: 22.05px;
  }
}
#newpetshop .newpetshop__animals {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals {
    margin-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals {
    margin-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals {
    margin-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals {
    margin-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals {
    margin-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals {
    margin-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals {
    margin-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals {
    margin-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals {
    margin-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals {
    margin-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals {
    margin-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals {
    margin-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals {
    margin-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals {
    margin-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals {
    margin-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals {
    margin-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals {
    margin-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals {
    margin-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals {
    margin-right: 225px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals {
    margin-right: 315px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals {
    margin-left: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals {
    margin-left: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals {
    margin-left: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals {
    margin-left: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals {
    margin-left: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals {
    margin-left: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals {
    margin-left: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals {
    margin-left: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals {
    margin-left: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals {
    margin-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals {
    margin-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals {
    margin-left: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals {
    margin-left: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals {
    margin-left: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals {
    margin-left: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals {
    margin-left: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals {
    margin-left: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals {
    margin-left: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals {
    margin-left: 225px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals {
    margin-left: 315px;
  }
}
#newpetshop .newpetshop__animals .newpetshop__animals_height {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: scroll;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 9px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-left: 12.6px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 9px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height {
    padding-right: 12.6px;
  }
}
#newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
  transform: skew(-2deg, -2deg);
  border: 2px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 580.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    min-height: 812.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 580.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    width: 812.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    border-radius: 47.25px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal {
    margin-top: 157.5px;
  }
}
#newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal.active {
  background: white;
  border: 2px solid white;
}
#newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 580.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    height: 812.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 580.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    width: 812.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__animals .newpetshop__animals_height .newpetshop__animal .newpetshop__animal_img {
    border-radius: 47.25px;
  }
}
#newpetshop .newpetshop__main {
  display: flex;
  align-items: center;
  width: 100%;
}
#newpetshop .newpetshop__main .newpetshop__features {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 208.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 231.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 298.635px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 317.155px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 347.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 324.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 393.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 370.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 439.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 463px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 463px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 578.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 625.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 601.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 578.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 763.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 926px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 763.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 1041.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features {
    width: 1458.45px;
  }
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__title {
    margin-bottom: 75.6px;
  }
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
  font-weight: bold;
  font-family: "TTNorms-Bold";
  color: #2BB6A8;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__subtitle {
    margin-bottom: 75.6px;
  }
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature {
    margin-bottom: 31.5px;
  }
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
  background: rgba(43, 182, 168, 0.2);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    min-width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle {
    margin-right: 37.8px;
  }
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle.none {
  opacity: 0;
}
#newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
  background: #2BB6A8;
  border-radius: 100%;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 27px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    height: 37.8px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__features .newpetshop__feature .newpetshop__circle .newpetshop__circle_circle {
    width: 37.8px;
  }
}
#newpetshop .newpetshop__main .newpetshop__info {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 215.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 239px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 308.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 327.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 358.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 334.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 406.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 382.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 454.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 597.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 645.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 621.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 597.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 788.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 956px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 788.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 1075.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    width: 1505.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 175.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 194.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 250.905px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 266.465px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 291.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 272.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 330.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 311.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 369.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 389px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 389px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 486.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 525.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 505.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 486.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 641.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 778px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 641.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 875.25px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info {
    height: 1225.35px;
  }
}
#newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.06;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/src/views/business/newpetshop/images/dog.svg);
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 215.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 239px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 308.31px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 327.43px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 358.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 334.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 406.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 382.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 454.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 478px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 597.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 645.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 621.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 597.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 788.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 956px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 788.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 1075.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    width: 1505.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 175.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 194.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 250.905px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 266.465px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 291.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 272.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 330.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 311.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 369.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 389px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 389px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 486.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 525.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 505.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 486.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 641.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 778px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 641.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 875.25px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__background {
    height: 1225.35px;
  }
}
#newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
  display: flex;
  align-items: center;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    font-size: 144.9px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    line-height: 179.55px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header {
    margin-bottom: 85.05px;
  }
}
#newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
  background-image: url(/src/views/business/newpetshop/images/dog.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__main .newpetshop__info .newpetshop__header .newpetshop__icon {
    margin-right: 75.6px;
  }
}
#newpetshop .newpetshop__buttons {
  height: 100%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__buttons {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__buttons {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__buttons {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__buttons {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__buttons {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__buttons {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__buttons {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__buttons {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__buttons {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__buttons {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__buttons {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__buttons {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__buttons {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__buttons {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__buttons {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__buttons {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__buttons {
    padding-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__buttons {
    padding-bottom: 119.7px;
  }
}
#newpetshop .newpetshop__buttons .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newpetshop .newpetshop__buttons .newpetshop__button_control {
    margin-left: 81.9px;
  }
}
@font-face {
  font-family: 'newbarbershopicons';
  src:  url(../src/views/business/clothes/fonts//newbarbershopicons.eot);
  src:  url(../src/views/business/clothes/fonts//newbarbershopicons.eot#iefix) format('embedded-opentype'),
    url(../src/views/business/clothes/fonts//newbarbershopicons.ttf) format('truetype'),
    url(../src/views/business/clothes/fonts//newbarbershopicons.woff) format('woff'),
    url(/src/views/business/clothes/fonts/newbarbershopicons.svg#newbarbershopicons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="newbarbershopicons-"], [class*=" newbarbershopicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'newbarbershopicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.newbarbershopicons-updown:before {
  content: "\e900";
}
.newbarbershopicons-leftright:before {
  content: "\e902";
}
.newbarbershopicons-palette:before {
  content: "\e903";
}
.newbarbershopicons-makeup:before {
  content: "\e904";
}
.newbarbershopicons-lips:before {
  content: "\e905";
}
.newbarbershopicons-eyes:before {
  content: "\e906";
}
.newbarbershopicons-body:before {
  content: "\e907";
}
.newbarbershopicons-eyebrows:before {
  content: "\e908";
}
.newbarbershopicons-beard:before {
  content: "\e909";
}
.newbarbershopicons-hair:before {
  content: "\e90a";
}
.newbarbershopicons-stackshare-use:before {
  content: "\e90b";
}
.newbarbershopicons-emotion-use:before {
  content: "\e90c";
}
.newbarbershopicons-shirt-line:before {
  content: "\e90d";
}
.newbarbershopicons-emotion:before {
  content: "\e90e";
}
.newbarbershopicons-stackshare:before {
  content: "\e90f";
}
.newbarbershopicons-shirt-line-use:before {
  content: "\e910";
}
.newbarbershopicons-paint-brush:before {
  content: "\e911";
}
.newbarbershopicons-paint-brush-use:before {
  content: "\e912";
}
.newbarbershopicons-shuffle:before {
  content: "\e913";
}
.newbarbershopicons-file-chart:before {
  content: "\e914";
}
.newbarbershopicons-left-arr:before {
  content: "\e915";
}
.newbarbershopicons-right-arr:before {
  content: "\e916";
}
.newbarbershopicons-top-arr:before {
  content: "\e917";
}
.newbarbershopicons-bottom-arr:before {
  content: "\e918";
}
.newbarbershopicons-ban:before {
  content: "\e901";
}

@font-face {
  font-family: 'shop';
  src:  url(../src/views/business/clothes/fonts//shop.eot);
  src:  url(../src/views/business/clothes/fonts//shop.eot#iefix) format('embedded-opentype'),
    url(../src/views/business/clothes/fonts//shop.ttf) format('truetype'),
    url(../src/views/business/clothes/fonts//shop.woff) format('woff'),
    url(/src/views/business/clothes/fonts/shop.svg#shop) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ic-"], [class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'shop' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-uniE900:before {
  content: "\e900";
}
.ic-uniE901:before {
  content: "\e901";
}
.ic-uniE902:before {
  content: "\e902";
}
.ic-uniE903:before {
  content: "\e903";
}
.ic-uniE904:before {
  content: "\e904";
}
.ic-uniE905:before {
  content: "\e905";
}
.ic-uniE906:before {
  content: "\e906";
}
.ic-uniE907:before {
  content: "\e907";
}
.ic-uniE908:before {
  content: "\e908";
}
.ic-uniE909:before {
  content: "\e909";
}
.ic-store-paw:before {
  content: "\e90a";
}
.ic-store-mask:before {
  content: "\e90b";
}
.ic-st-t-leg2:before {
  content: "\e90c";
}
.ic-st-t-muscles:before {
  content: "\e90d";
}
.ic-st-t-muscler:before {
  content: "\e90e";
}
.ic-st-t-head:before {
  content: "\e90f";
}
.ic-st-t-leg1:before {
  content: "\e910";
}
.ic-st-b-binoculars:before {
  content: "\e911";
}
.ic-st-b-blush:before {
  content: "\e912";
}
.ic-st-b-eyebrow:before {
  content: "\e913";
}
.ic-st-b-eyeshadow:before {
  content: "\e915";
}
.ic-st-b-hair:before {
  content: "\e916";
}
.ic-st-b-lipstick:before {
  content: "\e917";
}
.ic-st-b-torso:before {
  content: "\e918";
}
.ic-st-b-beard:before {
  content: "\e919";
}
.ic-st-c-coat:before {
  content: "\e91a";
}
.ic-st-c-glasses:before {
  content: "\e91b";
}
.ic-st-c-glove:before {
  content: "\e91c";
}
.ic-st-c-hat:before {
  content: "\e91d";
}
.ic-st-c-necklace:before {
  content: "\e91e";
}
.ic-st-c-pants:before {
  content: "\e91f";
}
.ic-st-c-shirt:before {
  content: "\e920";
}
.ic-st-c-shoe:before {
  content: "\e921";
}
.ic-st-c-watch:before {
  content: "\e922";
}
.ic-st-c-ears:before {
  content: "\e923";
}

#newbarbershop {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "TTNorms-Regular";
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0) 0%, rgba(1, 22, 39, 0) 0.01%, rgba(1, 22, 39, 0.8) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
@media (max-width: 799px) {
  #newbarbershop {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #newbarbershop {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop {
    padding-right: 252px;
  }
}
@media (max-width: 799px) {
  #newbarbershop {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop {
    font-size: 50.4px;
  }
}
#newbarbershop .box-date {
  z-index: 1000;
  position: absolute;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
}
@media (max-width: 799px) {
  #newbarbershop .box-date {
    top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date {
    top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date {
    top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date {
    top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date {
    top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date {
    top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date {
    top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date {
    top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date {
    top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date {
    top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date {
    top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date {
    top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date {
    top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date {
    top: 157.5px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date {
    line-height: 31.5px;
  }
}
#newbarbershop .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#newbarbershop ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#newbarbershop ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#newbarbershop ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
  border-radius: 100px;
}
#newbarbershop .newbarbershop__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__button {
    padding-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .slider {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider {
    margin-top: 47.25px;
  }
}
#newbarbershop .slider .rangeslider {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #newbarbershop .slider .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .rangeslider {
    margin-bottom: 31.5px;
  }
}
#newbarbershop .slider .rangeslider__fill {
  background: white;
}
#newbarbershop .slider .rangeslider__handle {
  border: none;
  background: white;
}
@media (max-width: 799px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .rangeslider__handle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .rangeslider__handle {
    height: 63px;
  }
}
#newbarbershop .slider .info {
  display: flex;
  justify-content: space-between;
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #newbarbershop .slider .info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .slider .info {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .info {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .info {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .info {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .info {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .info {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .info {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .info {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .info {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .info {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .info {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .info {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .info {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .info {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .info {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .info {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .info {
    margin-bottom: 63px;
  }
}
#newbarbershop .slider .info span:nth-child(2) {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 799px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 9px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider .info span:nth-child(2) {
    padding-left: 12.6px;
  }
}
#newbarbershop .slider.style .rangeslider__fill {
  background: #171921;
}
@media (max-width: 799px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .slider.style .rangeslider__fill {
    margin-bottom: 31.5px;
  }
}
#newbarbershop .newbarbershop__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 720px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top {
    padding-left: 1008px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 720px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top {
    padding-right: 1008px;
  }
}
#newbarbershop .newbarbershop__top .newbarbershop__text {
  letter-spacing: 0.05em;
  color: #FFFFFF;
  opacity: 0.7;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__text {
    margin-top: 75.6px;
  }
}
#newbarbershop .newbarbershop__top .newbarbershop__top_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#newbarbershop .newbarbershop__top .newbarbershop__category {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    border-radius: 47.25px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__top .newbarbershop__category {
    font-size: 126px;
  }
}
#newbarbershop .newbarbershop__top .newbarbershop__category.active {
  transform: skew(-2deg, -2deg);
  color: white;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.1);
}
#newbarbershop .newbarbershop__top .newbarbershop__category.active .newbarbershop__category_icon {
  transform: skew(2deg, 2deg);
}
#newbarbershop .newbarbershop__center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#newbarbershop .newbarbershop__center .newbarbershop__help {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help {
    width: 1197px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
  background: url(/src/views/business/clothes/images/keyboard.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    height: 567px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_img {
    margin-bottom: 37.8px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main {
    font-size: 44.1px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between {
    margin-top: 37.8px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__help .newbarbershop__help_main .box-between .underline {
  text-decoration: underline;
}
#newbarbershop .newbarbershop__center .newbarbershop__menu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
  align-items: center;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .box-flex .newbarbershop__button {
    margin-right: 44.1px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-top: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_info {
    margin-bottom: 75.6px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    margin-bottom: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 116.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 129px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 166.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 176.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 193.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 180.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 219.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 206.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 245.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 258px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 348.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 335.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 425.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 516px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 425.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 580.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list {
    height: 812.7px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    padding-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 135px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    min-height: 189px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element {
    margin-bottom: 18.9px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(0%, -50%);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarbershop__menu_element-absolute {
    width: 12.6px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element .newbarber__menu_price {
  color: rgba(109, 202, 66, 0.7);
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element:hover {
  background: rgba(255, 255, 255, 0.2);
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element:hover .newbarbershop__menu_element-absolute {
  background: white;
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element.active {
  background: white;
  color: black;
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_list .newbarbershop__menu_element.active .newbarbershop__menu_element-absolute {
  background: black;
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors {
    padding-bottom: 31.5px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
  transform: skew(-2deg, -2deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  font-weight: 700;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    height: 129.15px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    min-width: 129.15px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color {
    margin-right: 25.2px;
  }
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color.active {
  background: white;
  color: black;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color.norm {
  transform: skew(0deg, 0deg);
}
#newbarbershop .newbarbershop__center .newbarbershop__menu .newbarbershop__menu_colors .newbarbershop__menu_color:last-child {
  margin-right: 0;
}
#newbarbershop .newbarbershop__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__bottom {
    padding-bottom: 252px;
  }
}
#newbarbershop .newbarbershop__bottom .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__bottom .box-flex:first-child .newbarbershop__button {
    margin-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #newbarbershop .newbarbershop__bottom .box-flex:last-child .newbarbershop__button {
    margin-left: 78.75px;
  }
}
@charset "UTF-8";
/* ═══ МАГАЗИН ОДЕЖДЫ · ТАТУ-САЛОН · БАРБЕРШОП — оформление JUST RP ═══
   Экран один на три заведения (класс .clothes / .tattoo / .barber).
   Слева — список того, что покупаем, справа — варианты, цена и оплата.
   Посередине остаётся живой персонаж, поэтому фон не затемняем. */
.gta5devshop {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Manrope", "Gilroy", "SF Pro Display", sans-serif;
  color: #f3ead6;
}

.gta5devshop p,
.gta5devshop h1 {
  margin: 0;
}

/* ── боковые панели */
.gta5devshop .left,
.gta5devshop .right {
  position: absolute;
  width: 36vh;
  box-sizing: border-box;
  padding: 0 0 1.6vh;
  border-radius: 1.8vh;
  overflow: hidden;
  background: linear-gradient(165deg, rgba(20, 16, 13, 0.965), rgba(11, 10, 9, 0.94));
  border: 1px solid rgba(224, 168, 62, 0.34);
  box-shadow: 0 2.4vh 6vh rgba(0, 0, 0, 0.62);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gta5devshop .left {
  top: 4vh;
  left: 3vh;
}

.gta5devshop .right {
  top: 4vh;
  right: 3vh;
  padding-top: 2vh;
}

/* ── шапка с брендом (вместо чужого логотипа) */
.gta5devshop .jrp-brand {
  width: 100%;
  box-sizing: border-box;
  padding: 2.2vh 2vh 1.8vh;
  margin-bottom: 1.4vh;
  text-align: center;
  background: linear-gradient(180deg, rgba(231, 174, 63, 0.14), rgba(231, 174, 63, 0));
  border-bottom: 1px solid rgba(224, 168, 62, 0.22);
  position: relative;
}

.gta5devshop .jrp-brand:after {
  content: "";
  position: absolute;
  left: 2vh;
  right: 2vh;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(231, 174, 63, 0.8), transparent);
}

.gta5devshop .jrp-logo {
  display: block;
  font-size: 3vh;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1;
  color: #fff;
}

.gta5devshop .jrp-logo b {
  color: #e7ae3f;
  font-weight: 900;
}

.gta5devshop .jrp-sub {
  display: block;
  margin-top: 0.7vh;
  font-size: 1.05vh;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(243, 234, 214, 0.5);
}

/* ── список слева */
.gta5devshop .left .listitems {
  width: 31vh;
  max-height: 52vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 0.4vh;
}

.gta5devshop .left .listitems::-webkit-scrollbar {
  display: none;
}

.gta5devshop .left .listitems .blockitem {
  box-sizing: border-box;
  min-height: 4.6vh;
  padding: 0.6vh 1.2vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1vh;
  border-radius: 1vh;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s, transform 0.1s;
}

.gta5devshop .left .listitems .blockitem p {
  font-size: 1.35vh;
  font-weight: 700;
  color: rgba(243, 234, 214, 0.88);
  text-align: left;
}

.gta5devshop .left .listitems .blockitem span {
  flex-shrink: 0;
  font-size: 1.3vh;
  font-weight: 800;
  color: #76cf8a;
  text-align: right;
}

.gta5devshop .left .listitems .blockitem:hover {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(224, 168, 62, 0.45);
  transform: translateX(2px);
}

.gta5devshop .left .listitems .blockitem.active {
  background: linear-gradient(135deg, rgba(240, 200, 99, 0.95), rgba(200, 133, 47, 0.95));
  border-color: #f0c863;
}

.gta5devshop .left .listitems .blockitem.active p,
.gta5devshop .left .listitems .blockitem.active span {
  color: #241a06;
}

/* ── кнопка «назад/выйти» */
.gta5devshop .left .btnback {
  box-sizing: border-box;
  width: 31vh;
  height: 5vh;
  margin-top: 1.6vh;
  padding: 0 1.4vh;
  display: flex;
  align-items: center;
  gap: 1vh;
  border-radius: 1.1vh;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.14s;
}

.gta5devshop .left .btnback svg {
  width: 1.5vh;
  height: 1.5vh;
  fill: rgba(243, 234, 214, 0.6);
}

.gta5devshop .left .btnback p {
  font-size: 1.4vh;
  font-weight: 800;
  color: rgba(243, 234, 214, 0.75);
}

.gta5devshop .left .btnback:hover {
  border-color: #e0a83e;
  background: rgba(48, 38, 22, 0.95);
}

.gta5devshop .left .btnback:hover p {
  color: #fff;
}

.gta5devshop .left .btnback:hover svg {
  fill: #e7ae3f;
}

/* ── правая панель: заголовок и блоки выбора */
.gta5devshop .right h1 {
  width: 31vh;
  margin-bottom: 1.4vh;
  font-size: 1.05vh;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e7ae3f;
  text-align: left;
}

.gta5devshop .right .inr {
  box-sizing: border-box;
  width: 31vh;
  margin-bottom: 0.8vh;
  padding: 1vh 1.2vh;
  border-radius: 1.1vh;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1vh;
}

.gta5devshop .right .inr > p {
  font-size: 1.15vh;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(243, 234, 214, 0.5);
}

.gta5devshop .right .inr .vibs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.9vh;
}

.gta5devshop .right .inr .vibs .btnleft,
.gta5devshop .right .inr .vibs .btnright {
  width: 2.4vh;
  height: 2.4vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 0.7vh;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: pointer;
  transition: all 0.14s;
}

.gta5devshop .right .inr .vibs .btnleft:hover,
.gta5devshop .right .inr .vibs .btnright:hover {
  background: linear-gradient(135deg, #f0c863, #c8852f);
  border-color: #f0c863;
}

.gta5devshop .right .inr .vibs .btnleft svg,
.gta5devshop .right .inr .vibs .btnright svg {
  width: 0.7vh;
  height: 1.2vh;
  stroke: #f3ead6;
}

.gta5devshop .right .inr .vibs .btnleft:hover svg,
.gta5devshop .right .inr .vibs .btnright:hover svg {
  stroke: #241a06;
}

.gta5devshop .right .inr .vibs p {
  min-width: 4.4vh;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 1.4vh;
  font-weight: 800;
  color: #fff;
}

.gta5devshop .right .inr .vibs p b {
  font-size: 1.1vh;
  font-weight: 700;
  color: rgba(243, 234, 214, 0.35);
}

.gta5devshop .right .inr .vibs p p {
  display: none;
}

.gta5devshop .right .inr .vibs p p.active {
  display: block;
  width: auto;
}

/* ── цена */
.gta5devshop .right .price {
  box-sizing: border-box;
  width: 31vh;
  margin-top: 1.4vh;
  padding: 1.2vh 1.4vh;
  border-radius: 1.2vh;
  background: rgba(231, 174, 63, 0.08);
  border: 1px solid rgba(224, 168, 62, 0.28);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.gta5devshop .right .price p {
  font-size: 1.1vh;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(243, 234, 214, 0.5);
}

.gta5devshop .right .price span {
  font-size: 2vh;
  font-weight: 900;
  color: #e7ae3f;
  text-align: right;
}

.gta5devshop .right .price .priceitem {
  display: none;
}

.gta5devshop .right .price .priceitem.active {
  display: block;
}

/* ── оплата */
.gta5devshop .right .btnbuys {
  width: 31vh;
  margin-top: 1.2vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8vh;
}

.gta5devshop .right .btnbuys .btnshopbuy {
  flex: 1;
  height: 4.6vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0.8vh;
  border-radius: 1.1vh;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: pointer;
  transition: all 0.14s;
}

.gta5devshop .right .btnbuys .btnshopbuy:last-child {
  background: linear-gradient(135deg, #f0c863, #c8852f);
  border-color: #f0c863;
}

.gta5devshop .right .btnbuys .btnshopbuy svg {
  width: 1.5vh;
  height: 1.5vh;
  fill: rgba(243, 234, 214, 0.75);
}

.gta5devshop .right .btnbuys .btnshopbuy p {
  font-size: 1.4vh;
  font-weight: 800;
  color: rgba(243, 234, 214, 0.8);
}

.gta5devshop .right .btnbuys .btnshopbuy:last-child svg {
  fill: #241a06;
}

.gta5devshop .right .btnbuys .btnshopbuy:last-child p {
  color: #241a06;
}

.gta5devshop .right .btnbuys .btnshopbuy:hover {
  filter: brightness(1.1);
  border-color: #e0a83e;
}

/* ── подсказка снизу */
.gta5devshop .right .mouseinfo {
  width: 31vh;
  margin-top: 1.4vh;
  padding-top: 1.2vh;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  text-align: center;
}

.gta5devshop .right .mouseinfo p {
  font-size: 1.05vh;
  font-weight: 600;
  color: rgba(243, 234, 214, 0.4);
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Regular.eot);
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Regular.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Regular.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ExtraboldItalic.eot);
  src: local("Gilroy Extrabold Italic"), local("Gilroy-ExtraboldItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ExtraboldItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ExtraboldItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Bold.eot);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Bold.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Bold.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Black.eot);
  src: local("Gilroy Black"), local("Gilroy-Black"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Black.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Black.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Light.eot);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Light.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Light.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Semibold.eot);
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Semibold.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Semibold.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Medium.eot);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Medium.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Medium.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-MediumItalic.eot);
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-MediumItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-MediumItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BlackItalic.eot);
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BlackItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BlackItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLight.eot);
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLight.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLight.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-RegularItalic.eot);
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-RegularItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-RegularItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-SemiboldItalic.eot);
  src: local("Gilroy Semibold Italic"), local("Gilroy-SemiboldItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-SemiboldItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-HeavyItalic.eot);
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-HeavyItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-HeavyItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Extrabold.eot);
  src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Extrabold.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Extrabold.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BoldItalic.eot);
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BoldItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BoldItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLightItalic.eot);
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLightItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLightItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-LightItalic.eot);
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-LightItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-LightItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Heavy.eot);
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Heavy.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Heavy.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Thin.eot);
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Thin.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Thin.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ThinItalic.eot);
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ThinItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ThinItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/Gilroy//Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Medium.eot);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Medium.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Heavy.eot);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-RegularItalic.eot);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Thin.eot);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Thin.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Light.eot);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Light.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Light.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BlackItalic.eot);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Bold.eot);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Bold.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Black.eot);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Black.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Ultralight.eot);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Ultralight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-LightItalic.eot);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-LightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-ThinItalic.eot);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-MediumItalic.eot);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Semibold.eot);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Regular.eot);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Regular.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BoldItalic.eot);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff"), url(../src/views/business/clothes/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
.bsearch {
  font-family: "UniNeue";
  background-image: url(/src/views/fractions/bsearch/images/bsearch.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  color: white;
  height: 550px;
  width: 380px;
  top: 50%;
  transform: translateY(-50%);
}

.bsearch .list {
  width: 348px;
  height: 300px;
  padding: 10px;
  margin-top: 56px;
  overflow: hidden;
  overflow-y: scroll;
}

.bsearch .btns {
  padding: 10px;
}

.bsearch p {
  margin-left: 20px;
}

.bsearch .btn {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  font-size: 18pt;
  padding: 10px;
  margin: 10px;
  width: 50%;
}

.bsearch ul {
  margin-left: 40px;
}

.bsearch .btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.bsearch .btn-close {
  background-position: center;
  background-repeat: no-repeat;
  background-color: red;
  background-size: 15px;
  border-radius: 30px;
  cursor: pointer;
  float: right;
  height: 31px;
  width: 31px;
  padding: 7px;
}
#mats {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #mats {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #mats {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #mats {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #mats {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #mats {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #mats {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #mats {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #mats {
    padding-right: 453.6px;
  }
}
#mats .mats {
  background: rgba(1, 22, 39, 0.8);
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  #mats .mats {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #mats .mats {
    width: 271.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats {
    width: 302px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats {
    width: 389.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats {
    width: 413.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats {
    width: 453px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats {
    width: 422.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats {
    width: 513.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats {
    width: 483.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats {
    width: 573.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats {
    width: 604px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats {
    width: 604px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats {
    width: 755px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats {
    width: 815.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats {
    width: 785.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats {
    width: 755px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats {
    width: 996.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats {
    width: 1208px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats {
    width: 996.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats {
    width: 1359px;
  }
}
@media (min-width: 6000px) {
  #mats .mats {
    width: 1902.6px;
  }
}
@media (max-width: 799px) {
  #mats .mats {
    padding-top: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats {
    padding-top: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats {
    padding-top: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats {
    padding-top: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats {
    padding-top: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats {
    padding-top: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats {
    padding-top: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats {
    padding-top: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats {
    padding-top: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats {
    padding-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats {
    padding-top: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats {
    padding-top: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats {
    padding-top: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats {
    padding-top: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats {
    padding-top: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats {
    padding-top: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats {
    padding-top: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats {
    padding-top: 49.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats {
    padding-top: 69.3px;
  }
}
#mats .mats .mod {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #mats .mats .mod {
    width: 226.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod {
    width: 252px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod {
    width: 325.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod {
    width: 345.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod {
    width: 378px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod {
    width: 352.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod {
    width: 428.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod {
    width: 403.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod {
    width: 478.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod {
    width: 504px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod {
    width: 504px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod {
    width: 630px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod {
    width: 680.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod {
    width: 655.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod {
    width: 630px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod {
    width: 831.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod {
    width: 1008px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod {
    width: 831.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod {
    width: 1134px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod {
    width: 1587.6px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod {
    margin-bottom: 69.3px;
  }
}
#mats .mats .mod .btns {
  display: flex;
}
#mats .mats .mod .btn {
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background ease 0.1s;
}
@media (max-width: 799px) {
  #mats .mats .mod .btn {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .btn {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .btn {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .btn {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .btn {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .btn {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .btn {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .btn {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .btn {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .btn {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .btn {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .btn {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .btn {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .btn {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod .btn {
    height: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .btn {
    height: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .btn {
    height: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .btn {
    height: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .btn {
    height: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .btn {
    height: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .btn {
    height: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .btn {
    height: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .btn {
    height: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .btn {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .btn {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .btn {
    height: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .btn {
    height: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .btn {
    height: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .btn {
    height: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    height: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    height: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    height: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    height: 87.75px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .btn {
    height: 122.85px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod .btn {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .btn {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .btn {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .btn {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .btn {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .btn {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .btn {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .btn {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .btn {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .btn {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .btn {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .btn {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod .btn {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .btn {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .btn {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .btn {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .btn {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .btn {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .btn {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .btn {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .btn {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .btn {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .btn {
    border-radius: 6.3px;
  }
}
#mats .mats .mod .btn.green {
  border-color: #27AE60;
}
@media (max-width: 799px) {
  #mats .mats .mod .btn.green {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .btn.green {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .btn.green {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .btn.green {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .btn.green {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .btn.green {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .btn.green {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .btn.green {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .btn.green {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .btn.green {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .btn.green {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .btn.green {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .btn.green {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .btn.green {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .btn.green {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .btn.green {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .btn.green {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .btn.green {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .btn.green {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .btn.green {
    margin-right: 69.3px;
  }
}
#mats .mats .mod .btn.green:hover {
  background: #27AE60;
}
#mats .mats .mod .btn.red {
  border-color: #00BBFF;
}
#mats .mats .mod .btn.red:hover {
  background: #00BBFF;
}
#mats .mats .mod .module {
  display: flex;
}
#mats .mats .mod .module .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #mats .mats .mod .module .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .title {
    font-size: 75.6px;
  }
}
#mats .mats .mod .module .desc {
  font-weight: 500;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #mats .mats .mod .module .desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .desc {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .desc {
    margin-bottom: 69.3px;
  }
}
#mats .mats .mod .module .desc .small {
  color: #fff;
}
@media (max-width: 799px) {
  #mats .mats .mod .module .desc .small {
    font-size: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .desc .small {
    font-size: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .desc .small {
    font-size: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .desc .small {
    font-size: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .desc .small {
    font-size: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .desc .small {
    font-size: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .desc .small {
    font-size: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .desc .small {
    font-size: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .desc .small {
    font-size: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .desc .small {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .desc .small {
    font-size: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .desc .small {
    font-size: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .desc .small {
    font-size: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .desc .small {
    font-size: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .desc .small {
    font-size: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc .small {
    font-size: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc .small {
    font-size: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc .small {
    font-size: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc .small {
    font-size: 29.25px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .desc .small {
    font-size: 40.95px;
  }
}
@media (max-width: 799px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .desc .small {
    margin-top: 15.75px;
  }
}
#mats .mats .mod .module .desc .green {
  color: #27AE60;
}
@media (max-width: 799px) {
  #mats .mats .mod .module .r {
    width: 189.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .mod .module .r {
    width: 211px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .mod .module .r {
    width: 272.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .mod .module .r {
    width: 289.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .mod .module .r {
    width: 316.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .mod .module .r {
    width: 295.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .mod .module .r {
    width: 358.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .mod .module .r {
    width: 337.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .mod .module .r {
    width: 400.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .mod .module .r {
    width: 422px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .mod .module .r {
    width: 422px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .mod .module .r {
    width: 527.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .mod .module .r {
    width: 569.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .mod .module .r {
    width: 548.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .mod .module .r {
    width: 527.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .mod .module .r {
    width: 696.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .mod .module .r {
    width: 844px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .mod .module .r {
    width: 696.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .mod .module .r {
    width: 949.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .mod .module .r {
    width: 1329.3px;
  }
}
#mats .mats .ics {
  background-size: cover;
}
@media (max-width: 799px) {
  #mats .mats .ics {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .ics {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .ics {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .ics {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .ics {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .ics {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .ics {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .ics {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .ics {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .ics {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .ics {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .ics {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .ics {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .ics {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .ics {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .ics {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .ics {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .ics {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .ics {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .ics {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #mats .mats .ics {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .ics {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .ics {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .ics {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .ics {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .ics {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .ics {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .ics {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .ics {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .ics {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .ics {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .ics {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .ics {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .ics {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .ics {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .ics {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .ics {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .ics {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .ics {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .ics {
    margin-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #mats .mats .ics {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .ics {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .ics {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .ics {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .ics {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .ics {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .ics {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .ics {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .ics {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .ics {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .ics {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .ics {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .ics {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .ics {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .ics {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .ics {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .ics {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .ics {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .ics {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .ics {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #mats .mats .ics {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mats .mats .ics {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mats .mats .ics {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mats .mats .ics {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mats .mats .ics {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mats .mats .ics {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mats .mats .ics {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mats .mats .ics {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mats .mats .ics {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mats .mats .ics {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mats .mats .ics {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mats .mats .ics {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mats .mats .ics {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mats .mats .ics {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mats .mats .ics {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mats .mats .ics {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mats .mats .ics {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mats .mats .ics {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mats .mats .ics {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #mats .mats .ics {
    margin-top: 22.05px;
  }
}
#mats .mats .ic-drugs {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31 36C29.5804 36.3491 28.286 36.9888 27.2363 37.8636C26.1875 38.7384 25.4189 39.817 25 41C26.4196 40.6509 27.714 40.0112 28.7637 39.1364C29.8125 38.2616 30.5811 37.183 31 36Z' fill='white'/%3e%3cpath d='M31.1903 29.6625C32.0007 30.1125 32.9993 30.1125 33.8097 29.6625L35 29L33.8088 28.3375C32.9993 27.8875 31.9998 27.8875 31.1903 28.3375L30 29L31.1903 29.6625Z' fill='white'/%3e%3cpath d='M28.5716 44.6625L30 44L28.5706 43.3375C27.5991 42.8875 26.3998 42.8875 25.4284 43.3375L24 44L25.4284 44.6625C26.4009 45.1125 27.5991 45.1125 28.5716 44.6625Z' fill='white'/%3e%3cpath d='M38 26C38.5523 26 39 23.9853 39 21.5C39 19.0147 38.5523 17 38 17C37.4477 17 37 19.0147 37 21.5C37 23.9853 37.4477 26 38 26Z' fill='white'/%3e%3cpath d='M35 26C34.5811 24.817 33.8135 23.7384 32.7637 22.8636C31.714 21.9896 30.4196 21.3491 29 21C29.4189 22.183 30.1865 23.2616 31.2363 24.1364C32.286 25.0104 33.5804 25.6509 35 26Z' fill='white'/%3e%3cpath d='M46 21C44.5804 21.3491 43.286 21.9888 42.2363 22.8636C41.1875 23.7384 40.4189 24.817 40 26C41.4196 25.6509 42.714 25.0112 43.7637 24.1364C44.8125 23.2616 45.5811 22.183 46 21Z' fill='white'/%3e%3cpath d='M22 41C22.5523 41 23 38.9853 23 36.5C23 34.0147 22.5523 32 22 32C21.4477 32 21 34.0147 21 36.5C21 38.9853 21.4477 41 22 41Z' fill='white'/%3e%3cpath d='M43.8097 29.6625L45 29L43.8088 28.3375C42.9993 27.8875 41.9998 27.8875 41.1903 28.3375L40 29L41.1903 29.6625C42.0007 30.1125 42.9993 30.1125 43.8097 29.6625Z' fill='white'/%3e%3cpath d='M10 3H50V5H10V3Z' fill='white'/%3e%3cpath d='M10 7H50V9H10V7Z' fill='white'/%3e%3cpath d='M10 0H50V1H10V0Z' fill='white'/%3e%3cpath d='M10 54H50V11H10V54ZM30.279 25.6826C28.9105 24.3393 27.939 22.6558 27.4705 20.8133L27.1714 19.6402C27.0905 19.3214 27.1857 18.9849 27.4219 18.7522C27.659 18.5194 28.0029 18.4278 28.3267 18.5063L29.5229 18.7998C31.4 19.2607 33.1143 20.2132 34.4829 21.5565C34.5971 21.6687 34.6914 21.7958 34.8 21.9127C34.7886 21.7023 34.7619 21.4929 34.7619 21.2826C34.7619 19.3037 35.2381 17.3229 36.14 15.5524L36.7667 14.3213C37.0895 13.6875 38.1476 13.6875 38.4705 14.3213L39.0971 15.5524C40 17.3229 40.4762 19.3037 40.4762 21.2826C40.4762 21.4929 40.4495 21.7023 40.4381 21.9127C40.5467 21.7958 40.641 21.6687 40.7552 21.5565C42.1238 20.2132 43.839 19.2597 45.7162 18.7998L46.9114 18.5063C47.2371 18.4259 47.579 18.5203 47.8162 18.7522C48.0533 18.9849 48.1476 19.3214 48.0667 19.6402L47.7676 20.8143C47.2981 22.6567 46.3276 24.3393 44.959 25.6826C44.7286 25.9088 44.4743 26.108 44.2248 26.3117C44.3552 26.3622 44.4857 26.4118 44.6105 26.4735L47.5686 27.9252C47.8914 28.0832 48.0952 28.4066 48.0952 28.7609C48.0952 29.1152 47.8914 29.4386 47.5686 29.5975L44.6114 31.0492C43.9219 31.3867 43.1505 31.5652 42.381 31.5652C41.6114 31.5652 40.84 31.3867 40.1514 31.0483L38.5714 30.2733V36.2391H36.6667V30.2733L35.0876 31.0483C34.3981 31.3867 33.6267 31.5652 32.8571 31.5652C32.0876 31.5652 31.3162 31.3867 30.6276 31.0483L27.6705 29.5966C27.3467 29.4386 27.1429 29.1152 27.1429 28.7609C27.1429 28.4066 27.3467 28.0832 27.6695 27.9242L30.6267 26.4725C30.7524 26.4108 30.8829 26.3613 31.0133 26.3108C30.7638 26.108 30.5095 25.9088 30.279 25.6826V25.6826ZM15.041 40.6392C13.6724 39.2959 12.701 37.6123 12.2324 35.7699L11.9333 34.5967C11.8524 34.278 11.9476 33.9414 12.1838 33.7087C12.421 33.4759 12.7638 33.3834 13.0886 33.4628L14.2848 33.7563C16.1619 34.2172 17.8762 35.1697 19.2448 36.513C19.359 36.6252 19.4533 36.7523 19.5619 36.8692C19.5505 36.6588 19.5238 36.4495 19.5238 36.2391C19.5238 34.2602 20 32.2794 20.9019 30.5089L21.5286 29.2778C21.8514 28.644 22.9095 28.644 23.2324 29.2778L23.859 30.5089C24.7619 32.2794 25.2381 34.2602 25.2381 36.2391C25.2381 36.4495 25.2114 36.6588 25.2 36.8692C25.3086 36.7523 25.4029 36.6252 25.5171 36.513C26.8857 35.1697 28.601 34.2163 30.4781 33.7563L31.6733 33.4628C31.999 33.3834 32.341 33.4768 32.5781 33.7087C32.8152 33.9405 32.9095 34.278 32.8286 34.5967L32.5295 35.7708C32.06 37.6133 31.0895 39.2959 29.721 40.6392C29.4905 40.8654 29.2362 41.0645 28.9867 41.2683C29.1171 41.3187 29.2476 41.3683 29.3724 41.43L32.3305 42.8817C32.6533 43.0397 32.8571 43.3631 32.8571 43.7174C32.8571 44.0717 32.6533 44.3951 32.3305 44.554L29.3733 46.0057C28.6838 46.3432 27.9124 46.5217 27.1429 46.5217C26.3733 46.5217 25.6019 46.3432 24.9133 46.0048L23.3333 45.2299V51.1957H21.4286V45.2299L19.8495 46.0048C19.16 46.3432 18.3886 46.5217 17.619 46.5217C16.8495 46.5217 16.0781 46.3432 15.3895 46.0048L12.4324 44.5531C12.1086 44.3951 11.9048 44.0717 11.9048 43.7174C11.9048 43.3631 12.1086 43.0397 12.4314 42.8808L15.3886 41.429C15.5143 41.3673 15.6448 41.3178 15.7752 41.2673C15.5257 41.0645 15.2714 40.8654 15.041 40.6392V40.6392Z' fill='white'/%3e%3cpath d='M20 41C19.5811 39.817 18.8135 38.7384 17.7637 37.8636C16.714 36.9896 15.4196 36.3491 14 36C14.4189 37.183 15.1865 38.2616 16.2363 39.1364C17.286 40.0104 18.5804 40.6509 20 41V41Z' fill='white'/%3e%3cpath d='M16.1903 44.6625C17.0007 45.1125 17.9993 45.1125 18.8097 44.6625L20 44L18.8088 43.3375C17.9993 42.8875 16.9998 42.8875 16.1903 43.3375L15 44L16.1903 44.6625Z' fill='white'/%3e%3c/svg%3e ");
}
#mats .mats .ic-materials {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M15.9195 0L3.55006 3.36109L0.173828 15.7305L9.16702 24.7237L21.5364 21.3475L24.9127 8.99319L15.9195 0ZM12.8612 18.6677C11.0747 18.6828 9.37898 17.9864 8.12235 16.7298C5.51826 14.1257 5.5334 9.90159 8.13749 7.2975C10.7416 4.69341 14.9657 4.70855 17.5697 7.31264C18.8415 8.56927 19.5531 10.2801 19.5379 12.0666C19.5077 15.7305 16.5251 18.6828 12.8612 18.6677Z' fill='white'/%3e%3cpath d='M16.5103 12.0665C16.5103 11.0975 16.1167 10.1588 15.4354 9.47753C13.9971 8.05437 11.6807 8.05437 10.2575 9.47753C9.56106 10.1588 9.18256 11.1127 9.1977 12.0968C9.22798 14.0952 10.8782 15.6849 12.8616 15.6547C13.8306 15.6547 14.7541 15.2913 15.4354 14.61V14.6403C16.1318 13.959 16.5103 13.0354 16.5103 12.0665Z' fill='white'/%3e%3cpath d='M47.0931 27.5244C45.0795 27.5244 43.4443 29.1747 43.4443 31.1883C43.4443 33.2019 45.0946 34.8371 47.1082 34.8371C49.1218 34.8371 50.757 33.1868 50.757 31.1732C50.757 29.1595 49.1067 27.5244 47.0931 27.5244Z' fill='white'/%3e%3cpath d='M53.4671 20.4844H40.7494L34.3906 31.5366L40.7494 42.5889H53.4671L59.8259 31.5366L53.4671 20.4844ZM47.0931 37.8652C43.399 37.8652 40.4164 34.8674 40.4164 31.1733C40.4164 27.4791 43.4141 24.4965 47.1083 24.4965C50.8024 24.4965 53.785 27.4942 53.785 31.1733C53.785 31.1884 53.785 31.1884 53.785 31.1884C53.785 34.8826 50.7873 37.8652 47.0931 37.8652Z' fill='white'/%3e%3cpath d='M13.3002 45.1328C11.2866 45.148 9.63633 46.7831 9.65147 48.7967C9.66661 50.8103 11.3017 52.4455 13.3154 52.4455C15.329 52.4455 16.9641 50.8103 16.9641 48.7816C16.949 46.7679 15.3138 45.1328 13.3002 45.1328Z' fill='white'/%3e%3cpath d='M19.6741 37.7441H6.95648L0.597656 48.8721L6.95648 60H19.6741L26.0329 48.8721L19.6741 37.7441ZM13.3002 55.4731C9.60598 55.458 6.62339 52.4754 6.62339 48.7812C6.63853 45.0871 9.62112 42.1045 13.3153 42.1045C16.9943 42.1196 19.9921 45.1022 19.9921 48.7964C19.9769 52.4905 16.9943 55.4731 13.3002 55.4731Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='60' height='60' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
#mats .mats .ic-medic {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.98869 8.80396C3.66283 10.0072 3 11.4473 3 13.1241V35.874C3 37.5512 3.66283 38.9913 4.98869 40.1944C6.31467 41.3975 7.90176 41.999 9.74997 41.999H10.7142V6.99902H9.74997C7.90134 6.99902 6.31435 7.60086 4.98869 8.80396Z' fill='white'/%3e%3cpath d='M41.5714 2.62485C41.5714 1.89563 41.2903 1.27598 40.7276 0.765513C40.1656 0.255043 39.4822 0 38.6789 0H21.3217C20.5182 0 19.8353 0.255043 19.2726 0.765513C18.71 1.2757 18.4289 1.89554 18.4289 2.62485V6.99966H13.6074V41.9997H46.3926V6.99966H41.5714V2.62485ZM22.2859 3.49983H37.7145V6.99966H22.2859V3.49983ZM41.5714 27.1247C41.5714 27.3804 41.4811 27.5895 41.3004 27.754C41.1198 27.9175 40.8888 27.9998 40.6077 27.9998H33.8578V34.1247C33.8578 34.3797 33.7668 34.5895 33.5862 34.7533C33.4063 34.9172 33.1751 34.9992 32.8937 34.9992H27.1078C26.8263 34.9992 26.5955 34.9172 26.4147 34.7533C26.2341 34.5894 26.1436 34.3797 26.1436 34.1247V27.9998H19.3937C19.1121 27.9998 18.8813 27.9175 18.7005 27.754C18.5196 27.5894 18.4293 27.3804 18.4293 27.1247V21.8749C18.4293 21.6192 18.5196 21.4096 18.7005 21.2456C18.8809 21.0819 19.1121 21 19.3931 21H26.1431V14.8749C26.1431 14.6195 26.2334 14.4101 26.4144 14.2459C26.5952 14.0819 26.8259 14 27.1075 14H32.8933C33.1746 14 33.4057 14.0819 33.586 14.2459C33.7666 14.4101 33.8576 14.6195 33.8576 14.8749V20.9999H40.6075C40.8886 20.9999 41.1197 21.0818 41.3002 21.2455C41.4805 21.4095 41.5707 21.6191 41.5707 21.8748V27.1246H41.5714V27.1247Z' fill='white'/%3e%3cpath d='M55.0108 8.80396C53.6848 7.60086 52.0976 6.99902 50.2495 6.99902H49.2852V41.999H50.2495C52.0977 41.999 53.6848 41.3976 55.0108 40.1944C56.3363 38.9913 56.9995 37.5511 56.9995 35.874V13.1241C56.9994 11.4473 56.3362 10.0072 55.0108 8.80396Z' fill='white'/%3e%3c/svg%3e ");
}
#mats .mats .ic-army {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M42.5 5.625H34.0625V14.0625C34.0625 14.2322 34.0165 14.3988 33.9293 14.5444C33.842 14.69 33.7169 14.8092 33.5673 14.8893C33.4176 14.9693 33.249 15.0073 33.0795 14.999C32.91 14.9908 32.7459 14.9367 32.6047 14.8425L30.3125 13.3125L28.0203 14.8406C27.8793 14.9347 27.7153 14.9888 27.546 14.9971C27.3766 15.0055 27.2081 14.9677 27.0585 14.8878C26.909 14.808 26.7838 14.6891 26.6965 14.5437C26.6091 14.3984 26.5628 14.2321 26.5625 14.0625V5.625H18.125V26.25H42.5V5.625Z' fill='white'/%3e%3cpath d='M16.1068 22.5L15.4824 26.25H16.2502V22.5H16.1068Z' fill='white'/%3e%3cpath d='M27.331 0H21.4388L18.9385 3.75H26.7057L27.331 0Z' fill='white'/%3e%3cpath d='M41.6855 3.75L39.1852 0H33.293L33.9183 3.75H41.6855Z' fill='white'/%3e%3cpath d='M15.3125 34.8103L16.6672 33.9075C16.8212 33.8047 17.0023 33.7499 17.1875 33.7499C17.3727 33.7499 17.5538 33.8047 17.7078 33.9075L19.0625 34.8103V28.125H15.3125V34.8103Z' fill='white'/%3e%3cpath d='M14.206 22.5H8.31379L5.81348 26.25H13.5807L14.206 22.5Z' fill='white'/%3e%3cpath d='M20.9375 36.5625C20.9375 36.7322 20.8915 36.8988 20.8043 37.0444C20.717 37.19 20.5919 37.3092 20.4423 37.3893C20.2926 37.4693 20.124 37.5073 19.9545 37.499C19.785 37.4908 19.6209 37.4367 19.4797 37.3425L17.1875 35.8125L14.8953 37.3406C14.7543 37.4347 14.5903 37.4888 14.421 37.4971C14.2516 37.5055 14.0831 37.4677 13.9335 37.3878C13.784 37.308 13.6588 37.1891 13.5715 37.0437C13.4841 36.8984 13.4378 36.7321 13.4375 36.5625V28.125H5V48.75H29.375V28.125H20.9375V36.5625Z' fill='white'/%3e%3cpath d='M55.625 28.125H47.1875V36.5625C47.1875 36.7322 47.1415 36.8988 47.0543 37.0444C46.967 37.19 46.8419 37.3092 46.6923 37.3893C46.5426 37.4693 46.374 37.5073 46.2045 37.499C46.035 37.4908 45.8709 37.4367 45.7297 37.3425L43.4375 35.8125L41.1453 37.3406C41.0043 37.4347 40.8403 37.4888 40.671 37.4971C40.5016 37.5055 40.3331 37.4677 40.1835 37.3878C40.034 37.308 39.9088 37.1891 39.8215 37.0437C39.7341 36.8984 39.6878 36.7321 39.6875 36.5625V28.125H31.25V48.75H55.625V28.125Z' fill='white'/%3e%3cpath d='M54.8105 26.25L52.3102 22.5H46.418L47.0433 26.25H54.8105Z' fill='white'/%3e%3cpath d='M44.375 22.5V26.25H45.1428L44.5184 22.5H44.375Z' fill='white'/%3e%3cpath d='M31.3937 0H29.2318L28.6074 3.75H32.018L31.3937 0Z' fill='white'/%3e%3cpath d='M41.5625 34.8103L42.9172 33.9075C43.0712 33.8047 43.2523 33.7499 43.4375 33.7499C43.6227 33.7499 43.8038 33.8047 43.9578 33.9075L45.3125 34.8103V28.125H41.5625V34.8103Z' fill='white'/%3e%3cpath d='M28.4375 12.3103L29.7922 11.4075C29.9462 11.3047 30.1273 11.2499 30.3125 11.2499C30.4977 11.2499 30.6788 11.3047 30.8328 11.4075L32.1875 12.3103V5.625H28.4375V12.3103Z' fill='white'/%3e%3c/svg%3e ");
}
#fractionscreate {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: white;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  z-index: 1;
  background-image: url(/src/views/fractions/create/background.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #fractionscreate {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractionscreate {
    padding-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate {
    padding-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate {
    padding-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate {
    padding-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate {
    padding-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate {
    padding-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate {
    padding-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate {
    padding-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate {
    padding-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate {
    padding-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate {
    padding-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate {
    padding-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate {
    padding-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate {
    padding-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate {
    padding-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate {
    padding-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate {
    padding-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate {
    padding-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #fractionscreate {
    padding-left: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate {
    padding-left: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate {
    padding-left: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate {
    padding-left: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate {
    padding-left: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate {
    padding-left: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate {
    padding-left: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate {
    padding-left: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate {
    padding-left: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate {
    padding-left: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate {
    padding-left: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate {
    padding-left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate {
    padding-left: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate {
    padding-left: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate {
    padding-left: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate {
    padding-left: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate {
    padding-left: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate {
    padding-left: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate {
    padding-left: 108px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate {
    padding-left: 151.2px;
  }
}
#fractionscreate .newproject__buttonblock {
  display: flex;
  align-items: center;
}
#fractionscreate .newproject__buttonblock .newproject__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
  font-family: "Montserrat-Medium";
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 18px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    padding-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .newproject__buttonblock .newproject__button {
    font-size: 63px;
  }
}
#fractionscreate .fractionscreate__title {
  font-weight: 700;
  font-family: "RF Dewi Extended";
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__title {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__title {
    line-height: 34.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__title {
    line-height: 38.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__title {
    line-height: 49.665px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__title {
    line-height: 52.745px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__title {
    line-height: 57.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__title {
    line-height: 53.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__title {
    line-height: 65.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__title {
    line-height: 61.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__title {
    line-height: 73.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__title {
    line-height: 77px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__title {
    line-height: 77px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__title {
    line-height: 96.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__title {
    line-height: 103.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__title {
    line-height: 100.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__title {
    line-height: 96.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    line-height: 127.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    line-height: 154px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    line-height: 127.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    line-height: 173.25px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__title {
    line-height: 242.55px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 99px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__title {
    margin-top: 138.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__title {
    margin-bottom: 47.25px;
  }
}
#fractionscreate .fractionscreate__subtitle {
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__subtitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__subtitle {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 287.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 319px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 411.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 437.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 478.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 446.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 542.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 510.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 606.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 797.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 861.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 829.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 797.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 1052.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 1276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 1052.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 1435.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__subtitle {
    width: 2009.7px;
  }
}
#fractionscreate .fractionscreate__text_title {
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__text_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__text_title {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__text_title {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__text_title {
    margin-bottom: 100.8px;
  }
}
#fractionscreate .fractionscreate__element {
  display: flex;
  align-items: center;
  opacity: 0.6;
}
#fractionscreate .fractionscreate__element .box-flex {
  align-items: center;
}
#fractionscreate .fractionscreate__element.active {
  opacity: 1;
}
#fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
  background: #10F0A0;
  border-radius: 50%;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element.active .fractionscreate__checkbox .active {
    height: 31.5px;
  }
}
#fractionscreate .fractionscreate__element .fractionscreate__checkbox {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #60686D;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    height: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element .fractionscreate__checkbox {
    margin-right: 63px;
  }
}
#fractionscreate .fractionscreate__element .fractionscreate__icon {
  width: 28px;
  height: 28px;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element .fractionscreate__icon {
    margin-right: 44.1px;
  }
}
#fractionscreate .fractionscreate__element .fractionscreate__icon.crime {
  background-image: url(/src/views/fractions/create/crime.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#fractionscreate .fractionscreate__element .fractionscreate__icon.gos {
  background-image: url(/src/views/fractions/create/gos.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#fractionscreate .fractionscreate__element_title {
  letter-spacing: -0.03em;
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_title {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_title {
    line-height: 88.2px;
  }
}
#fractionscreate .fractionscreate__element_type {
  font-family: "TT Norms Pro";
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  letter-spacing: -0.03em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_type {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_type {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_type {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_type {
    margin-bottom: 37.8px;
  }
}
#fractionscreate .fractionscreate__element_type.crime {
  color: #FB4F69;
}
#fractionscreate .fractionscreate__element_type.gos {
  color: #70C4DF;
}
#fractionscreate .fractionscreate__element_text {
  color: #A6B1BA;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_text {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_text {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__element_text {
    width: 287.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__element_text {
    width: 319px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__element_text {
    width: 411.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__element_text {
    width: 437.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__element_text {
    width: 478.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__element_text {
    width: 446.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__element_text {
    width: 542.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__element_text {
    width: 510.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__element_text {
    width: 606.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__element_text {
    width: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__element_text {
    width: 638px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__element_text {
    width: 797.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__element_text {
    width: 861.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__element_text {
    width: 829.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__element_text {
    width: 797.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    width: 1052.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    width: 1276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__element_text {
    width: 1052.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__element_text {
    width: 1435.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__element_text {
    width: 2009.7px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .mb-32 {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .mb-32 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .mb-32 {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .mb-32 {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .mb-32 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .mb-32 {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .mb-32 {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .mb-32 {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .mb-32 {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .mb-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .mb-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .mb-32 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .mb-32 {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .mb-32 {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .mb-32 {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .mb-32 {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .mb-32 {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .mb-32 {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .mb-32 {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .mb-32 {
    margin-bottom: 100.8px;
  }
}
#fractionscreate .fractionscreate__input {
  background: #3D444B;
  color: #A6B1BA;
  letter-spacing: -0.03em;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    width: 196.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    width: 218px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    width: 281.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    width: 298.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    width: 327px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    width: 305.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    width: 370.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    width: 348.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    width: 414.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    width: 436px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    width: 436px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    width: 545px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    width: 588.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    width: 566.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    width: 545px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    width: 719.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    width: 872px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    width: 719.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    width: 981px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    width: 1373.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 74.25px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__input {
    margin-right: 103.95px;
  }
}
#fractionscreate .fractionscreate__small {
  color: #A6B1BA;
  letter-spacing: -0.03em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__small {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__small {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__small {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__small {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__small {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__small {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__small {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__small {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__small {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__small {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__small {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__small {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__small {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__small {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__small {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__small {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__small {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__small {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__small {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__small {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__small {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__small {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__small {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__small {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__small {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__small {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__small {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__small {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__small {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__small {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__small {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__small {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__small {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__small {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__small {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__small {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__small {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__small {
    line-height: 53.55px;
  }
}
#fractionscreate .fractionscreate__info {
  color: #869199;
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__info {
    font-size: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__info {
    font-size: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__info {
    font-size: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__info {
    font-size: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__info {
    font-size: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__info {
    font-size: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__info {
    font-size: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__info {
    font-size: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__info {
    font-size: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__info {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__info {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__info {
    font-size: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__info {
    font-size: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__info {
    font-size: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__info {
    font-size: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__info {
    font-size: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__info {
    font-size: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__info {
    font-size: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__info {
    font-size: 33.75px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__info {
    font-size: 47.25px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__info {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__info {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__info {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__info {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__info {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__info {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__info {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__info {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__info {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__info {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__info {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__info {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__info {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__info {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__info {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__info {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__info {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__info {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__info {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__info {
    line-height: 56.7px;
  }
}
#fractionscreate .fractionscreate__button {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__button {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__button {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__button {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__button {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__button {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__button {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__button {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__button {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__button {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__button {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__button {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__button {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__button {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__button {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__button {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__button {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__button {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__button {
    height: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__button {
    height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__button {
    height: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__button {
    height: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__button {
    height: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__button {
    height: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__button {
    height: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__button {
    height: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__button {
    height: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__button {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__button {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__button {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__button {
    height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__button {
    height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__button {
    height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    height: 126px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__button {
    height: 176.4px;
  }
}
@media (max-width: 799px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 139.5px;
  }
}
@media (min-width: 6000px) {
  #fractionscreate .fractionscreate__button {
    margin-top: 195.3px;
  }
}
#fractionscreate .fractionscreate__button:hover {
  opacity: 0.9;
}
.magicorg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 55.5556vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 1.1111vh;
  background: rgb(255, 255, 255);
}

.magicorg .headblock {
  width: 55.5556vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 1.4815vh;
  box-sizing: border-box;
  padding-bottom: 2.1296vh;
  border-bottom: solid 0.0926vh rgb(217, 217, 217);
}

.magicorg .listorg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2.7778vh;
  box-sizing: border-box;
  gap: 2.7778vh;
}

.magicorg .nameorg {
  width: 46.2963vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.7778vh 0vh;
  gap: 0.7407vh;
}

.magicorg .createorg {
  width: 55.5556vh;
  height: 9.2593vh;
  border-top: solid 0.0926vh rgb(217, 217, 217);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0vh 4.6296vh;
}

.magicorg .createorg .priceorg {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.magicorg .createorg .btncreate {
  width: 18.0556vh;
  height: 3.7037vh;
  border-radius: 0.5556vh;
  background: rgb(213, 213, 213);
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicorg .createorg .btncreate p {
  color: rgba(30, 30, 30, 0.5);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 1%;
  text-align: center;
}

.magicorg .createorg .priceorg p {
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 1%;
  text-align: left;
  color: rgb(30, 30, 30);
}

.magicorg .createorg .priceorg b {
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 1%;
  text-align: left;
  color: rgb(75, 95, 143);
  margin-left: 0.463vh;
}

.magicorg .nameorg h1 {
  color: rgb(30, 30, 30);
  font-family: Proxima Nova;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicorg .nameorg input {
  width: 31.0185vh;
  height: 3.7037vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(30, 30, 30, 0.1);
  border-radius: 0.2778vh;
  background: rgb(251, 251, 251);
  outline: none;
  padding: 0vh 1.5741vh;
  color: rgb(30, 30, 30);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicorg .listorg .blockorg {
  width: 46.2963vh;
  height: 14.3519vh;
  border-radius: 1.1111vh;
  background: rgb(242, 242, 242);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.magicorg .listorg .blockorg .iconorg {
  width: 9.7222vh;
  height: 9.7222vh;
  border-radius: 4.6296vh;
  background: rgb(230, 230, 230);
  margin-left: 2.3148vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.magicorg .listorg .blockorg .infoorg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.9259vh;
  width: 29.6296vh;
  margin-left: 2.3148vh;
}

.magicorg .listorg .blockorg .infoorg h1 {
  color: rgb(0, 0, 0);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 1%;
  text-align: left;
}

.magicorg .listorg .blockorg .infoorg p {
  color: rgba(0, 0, 0, 0.45);
  font-family: Proxima Nova;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0%;
  text-align: left;
}

.magicorg .listorg .blockorg .iconorg svg {
  width: 5.9259vh;
  height: 5.9259vh;
  fill: rgb(30, 30, 30);
  opacity: 0.5;
}

.magicorg .headblock .hbinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 4.6296vh;
  margin-top: 0.9259vh;
}

.magicorg .headblock span {
  width: 2.7778vh;
  height: 2.7778vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.463vh;
  background: rgba(30, 30, 30, 0.05);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 1.8519vh;
}

.magicorg .headblock span svg {
  width: 0.9259vh;
  height: 0.9259vh;
  fill: rgb(30, 30, 30);
  stroke: rgb(30, 30, 30);
  opacity: 0.5;
}

.magicorg .headblock .hbinfo h1 {
  color: rgb(69, 109, 203);
  font-family: Proxima Nova;
  font-size: 2.037vh;
  font-weight: 600;
  line-height: 2.5vh;
  letter-spacing: 1%;
  text-align: left;
}

.magicorg .headblock .hbinfo span {
  color: rgb(0, 0, 0);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 400;
  line-height: 1.5741vh;
  letter-spacing: 1%;
  text-align: left;
  margin-top: 0.6481vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  background: none !important;
  height: 1.5741vh;
}

.magicorg p, .magicorg h1 {
  margin: 0;
}

.magicorg .listorg .blockorg:hover {
  background: rgb(66, 111, 206);
}

.magicorg .listorg .blockorg:hover .iconorg {
  background: rgba(230, 230, 230, 0.2);
}

.magicorg .listorg .blockorg:hover .iconorg svg {
  opacity: 1;
  fill: #fff;
}

.magicorg .listorg .blockorg:hover .infoorg h1 {
  color: rgb(255, 255, 255);
}

.magicorg .listorg .blockorg:hover .infoorg p {
  color: rgba(255, 255, 255, 0.45);
}

.magicorg .listorg .blockorg.active {
  background: rgb(66, 111, 206);
}

.magicorg .listorg .blockorg.active .iconorg {
  background: rgba(230, 230, 230, 0.2);
}

.magicorg .listorg .blockorg.active .iconorg svg {
  opacity: 1;
  fill: #fff;
}

.magicorg .listorg .blockorg.active .infoorg h1 {
  color: rgb(255, 255, 255);
}

.magicorg .listorg .blockorg.active .infoorg p {
  color: rgba(255, 255, 255, 0.45);
}

.magicorg .createorg .btncreate:hover {
  background: rgb(66, 111, 206);
}

.magicorg .createorg .btncreate:hover p {
  color: #fff;
}

.magicorg .headblock span:hover {
  background: rgb(66, 111, 206);
}

.magicorg .headblock span:hover svg {
  fill: #fff;
  opacity: 1;
  stroke: #fff;
}
#stock {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #stock {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #stock {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #stock {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #stock {
    padding-bottom: 141.75px;
  }
}
@media (max-width: 799px) {
  #stock {
    padding-left: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock {
    padding-left: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock {
    padding-left: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock {
    padding-left: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock {
    padding-left: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock {
    padding-left: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock {
    padding-left: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock {
    padding-left: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock {
    padding-left: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock {
    padding-left: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock {
    padding-left: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock {
    padding-left: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock {
    padding-left: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock {
    padding-left: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock {
    padding-left: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock {
    padding-left: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock {
    padding-left: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock {
    padding-left: 324px;
  }
}
@media (min-width: 6000px) {
  #stock {
    padding-left: 453.6px;
  }
}
@media (max-width: 799px) {
  #stock {
    padding-right: 64.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock {
    padding-right: 72px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock {
    padding-right: 92.88px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock {
    padding-right: 98.64px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock {
    padding-right: 108px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock {
    padding-right: 100.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock {
    padding-right: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock {
    padding-right: 115.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock {
    padding-right: 136.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock {
    padding-right: 144px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock {
    padding-right: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock {
    padding-right: 194.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock {
    padding-right: 187.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock {
    padding-right: 180px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock {
    padding-right: 237.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock {
    padding-right: 288px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock {
    padding-right: 237.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock {
    padding-right: 324px;
  }
}
@media (min-width: 6000px) {
  #stock {
    padding-right: 453.6px;
  }
}
#stock .module_stock {
  background: rgba(27, 30, 40, 0.9);
  overflow: hidden;
}
@media (max-width: 799px) {
  #stock .module_stock {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .module_stock {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .module_stock {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .module_stock {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .module_stock {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .module_stock {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .module_stock {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .module_stock {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .module_stock {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .module_stock {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .module_stock {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .module_stock {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .module_stock {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .module_stock {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .module_stock {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .module_stock {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .module_stock {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .module_stock {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .module_stock {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #stock .module_stock {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #stock .module_stock {
    height: 166.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .module_stock {
    height: 185px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .module_stock {
    height: 238.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .module_stock {
    height: 253.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .module_stock {
    height: 277.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .module_stock {
    height: 259px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .module_stock {
    height: 314.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .module_stock {
    height: 296px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .module_stock {
    height: 351.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .module_stock {
    height: 370px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .module_stock {
    height: 370px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .module_stock {
    height: 462.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .module_stock {
    height: 499.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .module_stock {
    height: 481px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .module_stock {
    height: 462.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .module_stock {
    height: 610.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .module_stock {
    height: 740px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .module_stock {
    height: 610.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .module_stock {
    height: 832.5px;
  }
}
@media (min-width: 6000px) {
  #stock .module_stock {
    height: 1165.5px;
  }
}
@media (max-width: 799px) {
  #stock .module_stock {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .module_stock {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .module_stock {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .module_stock {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .module_stock {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .module_stock {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .module_stock {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .module_stock {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .module_stock {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .module_stock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .module_stock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .module_stock {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .module_stock {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .module_stock {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .module_stock {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .module_stock {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .module_stock {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .module_stock {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .module_stock {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #stock .module_stock {
    border-radius: 18.9px;
  }
}
#stock .count {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #stock .count {
    margin-top: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .count {
    margin-top: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .count {
    margin-top: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .count {
    margin-top: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .count {
    margin-top: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .count {
    margin-top: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .count {
    margin-top: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .count {
    margin-top: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .count {
    margin-top: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .count {
    margin-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .count {
    margin-top: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .count {
    margin-top: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .count {
    margin-top: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .count {
    margin-top: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .count {
    margin-top: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .count {
    margin-top: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .count {
    margin-top: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .count {
    margin-top: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .count {
    margin-top: 49.5px;
  }
}
@media (min-width: 6000px) {
  #stock .count {
    margin-top: 69.3px;
  }
}
@media (max-width: 799px) {
  #stock .count {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .count {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .count {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .count {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .count {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .count {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .count {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .count {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .count {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .count {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .count {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .count {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .count {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .count {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .count {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .count {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .count {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .count {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .count {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #stock .count {
    margin-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #stock .count {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .count {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .count {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .count {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .count {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .count {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .count {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .count {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .count {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .count {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .count {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .count {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .count {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .count {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .count {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .count {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .count {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .count {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .count {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #stock .count {
    font-size: 56.7px;
  }
}
#stock .count .gray {
  color: #C1C1C1;
  margin-right: 3px;
}
#stock .button {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 799px) {
  #stock .button {
    width: 189.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .button {
    width: 211px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .button {
    width: 272.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .button {
    width: 289.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .button {
    width: 316.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .button {
    width: 295.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .button {
    width: 358.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .button {
    width: 337.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .button {
    width: 400.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .button {
    width: 422px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .button {
    width: 422px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .button {
    width: 527.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .button {
    width: 569.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .button {
    width: 548.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .button {
    width: 527.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .button {
    width: 696.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .button {
    width: 844px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .button {
    width: 696.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .button {
    width: 949.5px;
  }
}
@media (min-width: 6000px) {
  #stock .button {
    width: 1329.3px;
  }
}
#stock .button.bottom {
  justify-content: center;
}
#stock .button .btn {
  display: flex;
  align-items: center;
  transition: background ease 0.1s;
  font-weight: bold;
  justify-content: center;
}
@media (max-width: 799px) {
  #stock .button .btn {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .button .btn {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .button .btn {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .button .btn {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .button .btn {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .button .btn {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .button .btn {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .button .btn {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .button .btn {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .button .btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .button .btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .button .btn {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .button .btn {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .button .btn {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .button .btn {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .button .btn {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .button .btn {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .button .btn {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .button .btn {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #stock .button .btn {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #stock .button .btn {
    height: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .button .btn {
    height: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .button .btn {
    height: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .button .btn {
    height: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .button .btn {
    height: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .button .btn {
    height: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .button .btn {
    height: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .button .btn {
    height: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .button .btn {
    height: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .button .btn {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .button .btn {
    height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .button .btn {
    height: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .button .btn {
    height: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .button .btn {
    height: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .button .btn {
    height: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .button .btn {
    height: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .button .btn {
    height: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .button .btn {
    height: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .button .btn {
    height: 87.75px;
  }
}
@media (min-width: 6000px) {
  #stock .button .btn {
    height: 122.85px;
  }
}
@media (max-width: 799px) {
  #stock .button .btn {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .button .btn {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .button .btn {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .button .btn {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .button .btn {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .button .btn {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .button .btn {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .button .btn {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .button .btn {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .button .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .button .btn {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .button .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .button .btn {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .button .btn {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .button .btn {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .button .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .button .btn {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .button .btn {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .button .btn {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #stock .button .btn {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #stock .button .btn {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .button .btn {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .button .btn {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .button .btn {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .button .btn {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .button .btn {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .button .btn {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .button .btn {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .button .btn {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .button .btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .button .btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .button .btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .button .btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .button .btn {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .button .btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .button .btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .button .btn {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .button .btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .button .btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #stock .button .btn {
    border-radius: 6.3px;
  }
}
#stock .button .btn.green {
  border: 1px solid #27AE60;
}
#stock .button .btn.green:hover {
  background: #27AE60;
}
#stock .button .btn.red {
  border: 1px solid #D33437;
}
#stock .button .btn.red:hover {
  background: #D33437;
}
#stock .mod {
  background: rgba(23, 25, 33, 0.9);
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #stock .mod {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #stock .mod {
    margin-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #stock .mod {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #stock .mod {
    height: 567px;
  }
}
#stock .mod .contain {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#stock .mod .icon-block {
  display: flex;
  position: relative;
}
@media (max-width: 799px) {
  #stock .mod .icon-block {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .icon-block {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .icon-block {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .icon-block {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .icon-block {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .icon-block {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .icon-block {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .icon-block {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .icon-block {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .icon-block {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .icon-block {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .icon-block {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .icon-block {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .icon-block {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .icon-block {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .icon-block {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #stock .mod .icon-block {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .icon-block {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .icon-block {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .icon-block {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .icon-block {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .icon-block {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .icon-block {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .icon-block {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .icon-block {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .icon-block {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .icon-block {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .icon-block {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .icon-block {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .icon-block {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .icon-block {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .icon-block {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #stock .mod .icon-block {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .icon-block {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .icon-block {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .icon-block {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .icon-block {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .icon-block {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .icon-block {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .icon-block {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .icon-block {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .icon-block {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .icon-block {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .icon-block {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .icon-block {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .icon-block {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .icon-block {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .icon-block {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .icon-block {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .icon-block {
    margin-bottom: 25.2px;
  }
}
#stock .mod .icon-block .ic::after {
  position: absolute;
  content: "";
  display: flex;
  background-size: 100%;
}
@media (max-width: 799px) {
  #stock .mod .icon-block .ic::after {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .icon-block .ic::after {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .icon-block .ic::after {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .icon-block .ic::after {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .icon-block .ic::after {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .icon-block .ic::after {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .icon-block .ic::after {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .icon-block .ic::after {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .icon-block .ic::after {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .icon-block .ic::after {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .icon-block .ic::after {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .icon-block .ic::after {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .icon-block .ic::after {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .icon-block .ic::after {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .icon-block .ic::after {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .icon-block .ic::after {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .icon-block .ic::after {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .icon-block .ic::after {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .icon-block .ic::after {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .icon-block .ic::after {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #stock .mod .icon-block .ic::after {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .icon-block .ic::after {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .icon-block .ic::after {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .icon-block .ic::after {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .icon-block .ic::after {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .icon-block .ic::after {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .icon-block .ic::after {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .icon-block .ic::after {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .icon-block .ic::after {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .icon-block .ic::after {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .icon-block .ic::after {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .icon-block .ic::after {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .icon-block .ic::after {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .icon-block .ic::after {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .icon-block .ic::after {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .icon-block .ic::after {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .icon-block .ic::after {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .icon-block .ic::after {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .icon-block .ic::after {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .icon-block .ic::after {
    height: 189px;
  }
}
#stock .mod .icon-block .ic.cash::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M1.25004 25.5001C6.0743 25.5001 10.0001 21.5743 10.0001 16.75C10.0001 16.0591 9.44098 15.5 8.75004 15.5H5.00004C2.24367 15.5001 0 17.7425 0 20.5V24.25C0 24.941 0.559102 25.5001 1.25004 25.5001Z' fill='white'/%3e%3cpath d='M54.9996 15.5H51.2496C50.5586 15.5 49.9995 16.0591 49.9995 16.75C49.9995 21.5743 53.9253 25.5001 58.7496 25.5001C59.4405 25.5001 59.9996 24.941 59.9996 24.25V20.5C59.9996 17.7424 57.756 15.5 54.9996 15.5Z' fill='white'/%3e%3cpath d='M1.25004 48C0.559102 48 0 48.5591 0 49.25V53C0 55.7576 2.24367 58.0001 5.00004 58.0001H8.75004C9.44098 58.0001 10.0001 57.441 10.0001 56.75C9.99996 51.9258 6.07418 48 1.25004 48Z' fill='white'/%3e%3cpath d='M58.7496 48C53.9253 48 49.9995 51.9258 49.9995 56.75C49.9995 57.441 50.5586 58.0001 51.2496 58.0001H54.9996C57.756 58.0001 59.9996 55.7577 59.9996 53V49.25C59.9996 48.5591 59.4405 48 58.7496 48Z' fill='white'/%3e%3cpath d='M58.75 28C52.5463 28 47.5 22.9536 47.5 16.75C47.5 16.0591 46.9409 15.5 46.2499 15.5H42.4999V13C42.4999 10.2425 40.2562 8 37.4999 8H22.5C19.7436 8 17.5 10.2424 17.5 13V15.5H13.75C13.059 15.5 12.4999 16.0591 12.4999 16.75C12.4999 22.9537 7.45348 28 1.24992 28C0.559102 28 0 28.5591 0 29.2501V44.2501C0 44.941 0.559102 45.5001 1.25004 45.5001C7.45371 45.5001 12.5 50.5466 12.5 56.7501C12.5 57.441 13.0591 58.0002 13.7501 58.0002H46.25C46.941 58.0002 47.5001 57.441 47.5001 56.7501C47.5001 50.5464 52.5465 45.5001 58.7501 45.5001C59.441 45.5001 60.0001 44.941 60.0001 44.2501V29.2501C60 28.5591 59.4409 28 58.75 28ZM29.375 36.7501H30.6251C33.0372 36.7501 35 38.713 35 41.125C35 43.3232 33.3648 45.1305 31.25 45.4368V46.75C31.25 47.441 30.6909 48.0001 30 48.0001C29.3091 48.0001 28.75 47.441 28.75 46.75V45.5H26.25C25.5591 45.5 25 44.9409 25 44.25C25 43.559 25.5591 42.9999 26.25 42.9999H30.625C31.6577 42.9999 32.5 42.1589 32.5 41.1249C32.5 40.091 31.6576 39.2499 30.625 39.2499H29.3749C26.9629 39.2499 25 37.287 25 34.875C25 32.6768 26.6352 30.8695 28.75 30.5632V29.2501C28.75 28.5591 29.3091 28 30 28C30.6909 28 31.25 28.5591 31.25 29.2501V30.5001H33.75C34.4409 30.5001 35 31.0592 35 31.7502C35 32.4411 34.4409 33.0002 33.75 33.0002H29.375C28.3423 33.0002 27.5 33.8412 27.5 34.8752C27.5 35.9091 28.3423 36.7501 29.375 36.7501ZM37.5 15.5001H22.5V13H37.5V15.5001Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='60' height='60' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
#stock .mod .icon-block .ic.weaponsstock::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 58H10.5473V54.1739H24.7264V58H35.2736V54.1739H49.4527V58H60V47H0V58Z' fill='white'/%3e%3cpath d='M15.5872 25.1953H19.1033V30.496H15.5872V25.1953Z' fill='white'/%3e%3cpath d='M28.2422 28.1055H22.6188V36.9218H12.0715V28.1055H6.44824V43.5234H28.2422V28.1055Z' fill='white'/%3e%3cpath d='M47.9286 36.9218H37.3813V28.1055H31.7578V43.5234H53.5519V28.1055H47.9286V36.9218Z' fill='white'/%3e%3cpath d='M40.897 25.1953H44.4131V30.496H40.897V25.1953Z' fill='white'/%3e%3cpath d='M28.2419 5.08984H31.758V10.742H28.2419V5.08984Z' fill='white'/%3e%3cpath d='M40.897 24.5896V8H35.2737V17.1678H24.7265V8H19.1033V24.5896H40.897Z' fill='white'/%3e%3c/svg%3e ");
}
#stock .mod .icon-block .ic.weapons::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M15.9197 0L3.5503 3.36109L0.174072 15.7305L9.16726 24.7237L21.5367 21.3475L24.9129 8.99319L15.9197 0ZM12.8614 18.6677C11.0749 18.6828 9.37922 17.9864 8.1226 16.7298C5.51851 14.1257 5.53365 9.90159 8.13774 7.2975C10.7418 4.69341 14.9659 4.70855 17.57 7.31264C18.8417 8.56927 19.5533 10.2801 19.5382 12.0666C19.5079 15.7305 16.5253 18.6828 12.8614 18.6677Z' fill='white'/%3e%3cpath d='M16.5102 12.0665C16.5102 11.0975 16.1166 10.1588 15.4353 9.47753C13.997 8.05437 11.6805 8.05437 10.2574 9.47753C9.56094 10.1588 9.18244 11.1127 9.19758 12.0968C9.22786 14.0952 10.8781 15.6849 12.8615 15.6547C13.8304 15.6547 14.754 15.2913 15.4353 14.61V14.6403C16.1317 13.959 16.5102 13.0354 16.5102 12.0665Z' fill='white'/%3e%3cpath d='M47.0932 27.5244C45.0796 27.5244 43.4445 29.1747 43.4445 31.1883C43.4445 33.2019 45.0947 34.8371 47.1083 34.8371C49.122 34.8371 50.7571 33.1868 50.7571 31.1732C50.7571 29.1595 49.1068 27.5244 47.0932 27.5244Z' fill='white'/%3e%3cpath d='M53.4671 20.4844H40.7494L34.3906 31.5366L40.7494 42.5889H53.4671L59.8259 31.5366L53.4671 20.4844ZM47.0931 37.8652C43.399 37.8652 40.4164 34.8674 40.4164 31.1733C40.4164 27.4791 43.4141 24.4965 47.1083 24.4965C50.8024 24.4965 53.785 27.4942 53.785 31.1733C53.785 31.1884 53.785 31.1884 53.785 31.1884C53.785 34.8826 50.7873 37.8652 47.0931 37.8652Z' fill='white'/%3e%3cpath d='M13.3006 45.1328C11.287 45.148 9.6367 46.7831 9.65184 48.7967C9.66698 50.8103 11.3021 52.4455 13.3157 52.4455C15.3294 52.4455 16.9645 50.8103 16.9645 48.7816C16.9493 46.7679 15.3142 45.1328 13.3006 45.1328Z' fill='white'/%3e%3cpath d='M19.6745 37.7441H6.95684L0.598022 48.8721L6.95684 60H19.6745L26.0333 48.8721L19.6745 37.7441ZM13.3005 55.4731C9.60635 55.458 6.62376 52.4754 6.62376 48.7812C6.6389 45.0871 9.62149 42.1045 13.3157 42.1045C16.9947 42.1196 19.9924 45.1022 19.9924 48.7964C19.9773 52.4905 16.9947 55.4731 13.3005 55.4731Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='60' height='60' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
#stock .mod .icon-block .ic.healkit::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.20966 17.6917C0.736476 19.1528 0 20.9015 0 22.9376V50.5627C0 52.5993 0.736476 54.3481 2.20966 55.809C3.68297 57.2699 5.44641 58.0003 7.49998 58.0003H8.57139V15.5H7.49998C5.44594 15.5 3.68262 16.2308 2.20966 17.6917Z' fill='white'/%3e%3cpath d='M42.6424 10.1873C42.6424 9.30186 42.3301 8.54942 41.7049 7.92956C41.0804 7.3097 40.3211 7 39.4285 7H20.1427C19.25 7 18.4911 7.3097 17.8659 7.92956C17.2409 8.54907 16.9285 9.30174 16.9285 10.1873V15.4997H11.5713V58H47.9993V15.4997H42.6424V10.1873ZM21.2141 11.2498H38.357V15.4997H21.2141V11.2498ZM42.6424 39.9374C42.6424 40.2479 42.5421 40.5018 42.3413 40.7016C42.1407 40.9001 41.884 41 41.5717 41H34.0717V48.4375C34.0717 48.7471 33.9706 49.0019 33.77 49.2008C33.5701 49.3998 33.3132 49.4993 33.0005 49.4993H26.5717C26.259 49.4993 26.0025 49.3998 25.8016 49.2008C25.6009 49.0018 25.5004 48.7471 25.5004 48.4375V41H18.0004C17.6876 41 17.4312 40.9001 17.2303 40.7016C17.0293 40.5017 16.9289 40.2479 16.9289 39.9374V33.5626C16.9289 33.2521 17.0293 32.9975 17.2303 32.7984C17.4307 32.5997 17.6876 32.5002 17.9999 32.5002H25.4998V25.0625C25.4998 24.7524 25.6002 24.4981 25.8012 24.2988C26.0021 24.0995 26.2585 24.0001 26.5714 24.0001H33.0001C33.3126 24.0001 33.5694 24.0995 33.7697 24.2988C33.9704 24.4981 34.0715 24.7524 34.0715 25.0625V32.5001H41.5714C41.8837 32.5001 42.1406 32.5995 42.3411 32.7983C42.5414 32.9974 42.6417 33.252 42.6417 33.5625V39.9373H42.6424V39.9374Z' fill='white'/%3e%3cpath d='M57.3613 17.6907C55.888 16.2298 54.1245 15.499 52.071 15.499H50.9995V57.9994H52.071C54.1246 57.9994 55.888 57.269 57.3613 55.808C58.8342 54.3471 59.571 52.5982 59.571 50.5617V22.9367C59.5709 20.9005 58.834 19.1518 57.3613 17.6907Z' fill='white'/%3e%3c/svg%3e ");
}
#stock .mod .icon-block .ic.weed::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.576 38.7979C29.1941 39.2057 27.9341 39.9529 26.9122 40.9747C25.8913 41.9966 25.1432 43.2566 24.7354 44.6385C26.1172 44.2307 27.3772 43.4835 28.3991 42.4616C29.42 41.4397 30.1681 40.1797 30.576 38.7979Z' fill='white'/%3e%3cpath d='M31.4545 32.4924C32.2945 32.9114 33.3295 32.9114 34.1695 32.4924L35.4032 31.8755L34.1685 31.2586C33.3295 30.8396 32.2935 30.8396 31.4545 31.2586L30.2207 31.8755L31.4545 32.4924Z' fill='white'/%3e%3cpath d='M28.5445 47.4924L29.7782 46.8755L28.5435 46.2586C27.7045 45.8396 26.6685 45.8396 25.8295 46.2586L24.5957 46.8755L25.8295 47.4924C26.6695 47.9114 27.7045 47.9114 28.5445 47.4924Z' fill='white'/%3e%3cpath d='M37.5 28.8119C38.0178 28.8119 38.4375 26.8253 38.4375 24.3747C38.4375 21.9241 38.0178 19.9375 37.5 19.9375C36.9822 19.9375 36.5625 21.9241 36.5625 24.3747C36.5625 26.8253 36.9822 28.8119 37.5 28.8119Z' fill='white'/%3e%3cpath d='M35.2635 29.6385C34.8556 28.2566 34.1085 26.9966 33.0866 25.9747C32.0647 24.9538 30.8047 24.2057 29.4229 23.7979C29.8307 25.1797 30.5778 26.4397 31.5997 27.4616C32.6216 28.4825 33.8816 29.2307 35.2635 29.6385Z' fill='white'/%3e%3cpath d='M45.576 23.7979C44.1941 24.2057 42.9341 24.9529 41.9122 25.9747C40.8913 26.9966 40.1432 28.2566 39.7354 29.6385C41.1172 29.2307 42.3772 28.4835 43.3991 27.4616C44.42 26.4397 45.1682 25.1797 45.576 23.7979Z' fill='white'/%3e%3cpath d='M22.5 43.8119C23.0178 43.8119 23.4375 41.8253 23.4375 39.3747C23.4375 36.9241 23.0178 34.9375 22.5 34.9375C21.9822 34.9375 21.5625 36.9241 21.5625 39.3747C21.5625 41.8253 21.9822 43.8119 22.5 43.8119Z' fill='white'/%3e%3cpath d='M43.5445 32.4924L44.7782 31.8755L43.5435 31.2586C42.7045 30.8396 41.6685 30.8396 40.8295 31.2586L39.5957 31.8755L40.8295 32.4924C41.6695 32.9114 42.7045 32.9114 43.5445 32.4924Z' fill='white'/%3e%3cpath d='M10.3125 6.5625H49.6875V8.4375H10.3125V6.5625Z' fill='white'/%3e%3cpath d='M10.3125 10.3125H49.6875V12.1875H10.3125V10.3125Z' fill='white'/%3e%3cpath d='M10.3125 2.8125H49.6875V4.6875H10.3125V2.8125Z' fill='white'/%3e%3cpath d='M11 58H50V15H11V58ZM30.7721 29.6826C29.4377 28.3393 28.4906 26.6558 28.0337 24.8133L27.7421 23.6402C27.6632 23.3214 27.7561 22.9849 27.9864 22.7522C28.2176 22.5194 28.5528 22.4278 28.8685 22.5063L30.0348 22.7998C31.865 23.2607 33.5364 24.2132 34.8708 25.5565C34.9822 25.6687 35.0741 25.7958 35.18 25.9127C35.1689 25.7023 35.1429 25.4929 35.1429 25.2826C35.1429 23.3037 35.6071 21.3229 36.4865 19.5524L37.0975 18.3213C37.4123 17.6875 38.4439 17.6875 38.7587 18.3213L39.3697 19.5524C40.25 21.3229 40.7143 23.3037 40.7143 25.2826C40.7143 25.4929 40.6883 25.7023 40.6771 25.9127C40.783 25.7958 40.8749 25.6687 40.9864 25.5565C42.3207 24.2132 43.9931 23.2597 45.8233 22.7998L46.9886 22.5063C47.3062 22.4259 47.6396 22.5203 47.8708 22.7522C48.102 22.9849 48.1939 23.3214 48.115 23.6402L47.8234 24.8143C47.3656 26.6567 46.4194 28.3393 45.0851 29.6826C44.8604 29.9088 44.6124 30.108 44.3691 30.3117C44.4964 30.3622 44.6236 30.4118 44.7452 30.4735L47.6294 31.9252C47.9441 32.0832 48.1429 32.4066 48.1429 32.7609C48.1429 33.1152 47.9441 33.4386 47.6294 33.5975L44.7461 35.0492C44.0739 35.3867 43.3217 35.5652 42.5714 35.5652C41.8211 35.5652 41.069 35.3867 40.3976 35.0483L38.8571 34.2733V40.2391H37V34.2733L35.4604 35.0483C34.7881 35.3867 34.036 35.5652 33.2857 35.5652C32.5354 35.5652 31.7833 35.3867 31.1119 35.0483L28.2287 33.5966C27.913 33.4386 27.7143 33.1152 27.7143 32.7609C27.7143 32.4066 27.913 32.0832 28.2278 31.9242L31.111 30.4725C31.2336 30.4108 31.3608 30.3613 31.488 30.3108C31.2447 30.108 30.9968 29.9088 30.7721 29.6826V29.6826ZM15.9149 44.6392C14.5806 43.2959 13.6334 41.6123 13.1766 39.7699L12.885 38.5967C12.8061 38.278 12.8989 37.9414 13.1292 37.7087C13.3604 37.4759 13.6947 37.3834 14.0114 37.4628L15.1776 37.7563C17.0079 38.2172 18.6793 39.1697 20.0136 40.513C20.1251 40.6252 20.217 40.7523 20.3229 40.8692C20.3117 40.6588 20.2857 40.4495 20.2857 40.2391C20.2857 38.2602 20.75 36.2794 21.6294 34.5089L22.2404 33.2778C22.5551 32.644 23.5868 32.644 23.9016 33.2778L24.5126 34.5089C25.3929 36.2794 25.8571 38.2602 25.8571 40.2391C25.8571 40.4495 25.8311 40.6588 25.82 40.8692C25.9259 40.7523 26.0178 40.6252 26.1292 40.513C27.4636 39.1697 29.1359 38.2163 30.9661 37.7563L32.1315 37.4628C32.4491 37.3834 32.7824 37.4768 33.0136 37.7087C33.2449 37.9405 33.3368 38.278 33.2579 38.5967L32.9663 39.7708C32.5085 41.6133 31.5623 43.2959 30.2279 44.6392C30.0032 44.8654 29.7553 45.0645 29.512 45.2683C29.6392 45.3187 29.7664 45.3683 29.8881 45.43L32.7722 46.8817C33.087 47.0397 33.2857 47.3631 33.2857 47.7174C33.2857 48.0717 33.087 48.3951 32.7722 48.554L29.889 50.0057C29.2167 50.3432 28.4646 50.5217 27.7143 50.5217C26.964 50.5217 26.2119 50.3432 25.5405 50.0048L24 49.2299V55.1957H22.1429V49.2299L20.6033 50.0048C19.931 50.3432 19.1789 50.5217 18.4286 50.5217C17.6783 50.5217 16.9261 50.3432 16.2548 50.0048L13.3716 48.5531C13.0559 48.3951 12.8571 48.0717 12.8571 47.7174C12.8571 47.3631 13.0559 47.0397 13.3706 46.8808L16.2539 45.429C16.3764 45.3673 16.5036 45.3178 16.6309 45.2673C16.3876 45.0645 16.1396 44.8654 15.9149 44.6392V44.6392Z' fill='white'/%3e%3cpath d='M20.2635 44.6385C19.8557 43.2566 19.1085 41.9966 18.0866 40.9747C17.0647 39.9538 15.8047 39.2057 14.4229 38.7979C14.8307 40.1797 15.5779 41.4397 16.5997 42.4616C17.6216 43.4825 18.8816 44.2307 20.2635 44.6385Z' fill='white'/%3e%3cpath d='M16.4545 47.4924C17.2945 47.9114 18.3295 47.9114 19.1695 47.4924L20.4032 46.8755L19.1685 46.2586C18.3295 45.8396 17.2935 45.8396 16.4545 46.2586L15.2207 46.8755L16.4545 47.4924Z' fill='white'/%3e%3c/svg%3e ");
}
#stock .mod .title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #stock .mod .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .title {
    font-size: 75.6px;
  }
}
#stock .mod .arrows {
  background: #303648;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background ease 0.1s;
}
@media (max-width: 799px) {
  #stock .mod .arrows {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #stock .mod .arrows {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #stock .mod .arrows {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #stock .mod .arrows {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #stock .mod .arrows {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #stock .mod .arrows {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #stock .mod .arrows {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #stock .mod .arrows {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #stock .mod .arrows {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #stock .mod .arrows {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #stock .mod .arrows {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #stock .mod .arrows {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #stock .mod .arrows {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #stock .mod .arrows {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #stock .mod .arrows {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #stock .mod .arrows {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #stock .mod .arrows {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #stock .mod .arrows {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #stock .mod .arrows {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #stock .mod .arrows {
    width: 157.5px;
  }
}
#stock .mod .arrows:hover {
  background: #4B5573;
}
#stock .mod .arrows.left {
  transform: rotate(180deg);
}
.pc {
  font-family: "UniNeue";
  background-image: url(/src/views/fractions/policecomputer/images/policepc.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  position: absolute;
  width: 55em;
  height: 45em;
  bottom: 0;
}

.pc .screen {
  background-color: black;
  background-image: url(/src/views/fractions/policecomputer/images/pcui.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 64%;
  width: 78%;
  max-height: 64%;
  max-width: 78%;
  margin-left: 11%;
  margin-top: 7%;
  color: white;
}

.pc .screen .left {
  display: block;
  float: left;
  width: 50%;
  height: 80%;
  margin-top: 7%;
  /*background-color: rgba(110,110,110,0.8);*/
}

.pc .screen .right {
  display: block;
  float: right;
  width: 50%;
  height: 80%;
  margin-top: 7%;
  text-align: center;
  /*background-color: rgba(210,210,210,0.8);*/
}

.pc menu {
  margin: 6%;
  margin-top: 20%;
  font-size: 16pt;
}

.pc menu li {
  cursor: pointer;
  list-style-type: none;
}

.pc menu li:hover {
  list-style-type: square;
}

.pc menu li {
  color: #ef5350;
}

.pc .right h1 {
  font-weight: 400;
  text-align: center;
  font-size: 22pt;
}

.pc .elements {
  height: 70%;
  margin: 15px;
}

.pc .elements input {
  display: inline-block;
  width: 70%;
  height: 15%;
  background: #091120;
  color: white;
  text-align: center;
  border: 0;
  font-size: 14pt;
}

.pc .elements .button {
  text-align: center;
  padding: 5%;
  background: #091120;
  display: inline-block;
  margin-top: 3%;
  margin-bottom: 3%;
  cursor: pointer;
}

.pc .elements .button:hover {
  background-color: #000000;
}

.pc .elements ol {
  margin: 0;
  text-align: left;
  background: #091120;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  max-height: 90%;
  height: 90%;
  list-style-type: none;
  counter-reset: num;
  overflow-y: auto;
}

.pc .elements ol::-webkit-scrollbar {
  width: 3px;
}

.pc .elements ol::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}

.pc .elements ol::-webkit-scrollbar-thumb {
  background: #00BBFF;
  border-radius: 10px;
}

.pc .elements ol li::before {
  color: orange;
  content: counter(num) ". ";
  counter-increment: num;
}

.pc p {
  margin: 0;
  color: orange;
  text-align: left;
}

.pc p span {
  color: white;
}

@media screen and (max-device-width: 800px) {
  .pc {
    width: 45em;
    height: 35em;
  }
}
#ticket {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #ticket {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #ticket {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #ticket {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #ticket {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #ticket {
    padding-left: 330.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    padding-left: 367px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    padding-left: 473.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    padding-left: 502.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    padding-left: 550.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    padding-left: 513.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    padding-left: 623.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    padding-left: 587.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    padding-left: 697.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    padding-left: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    padding-left: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    padding-left: 917.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    padding-left: 990.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    padding-left: 954.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    padding-left: 917.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    padding-left: 1211.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    padding-left: 1468px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    padding-left: 1211.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    padding-left: 1651.5px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    padding-left: 2312.1px;
  }
}
@media (max-width: 799px) {
  #ticket {
    padding-right: 330.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket {
    padding-right: 367px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket {
    padding-right: 473.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket {
    padding-right: 502.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket {
    padding-right: 550.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket {
    padding-right: 513.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket {
    padding-right: 623.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket {
    padding-right: 587.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket {
    padding-right: 697.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket {
    padding-right: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket {
    padding-right: 734px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket {
    padding-right: 917.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket {
    padding-right: 990.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket {
    padding-right: 954.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket {
    padding-right: 917.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket {
    padding-right: 1211.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket {
    padding-right: 1468px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket {
    padding-right: 1211.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket {
    padding-right: 1651.5px;
  }
}
@media (min-width: 6000px) {
  #ticket {
    padding-right: 2312.1px;
  }
}
#ticket .ticket__title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #ticket .ticket__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__title {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__title {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__title {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__title {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__title {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__title {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__title {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__title {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__title {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__title {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__title {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__title {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__title {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__title {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__title {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__title {
    margin-top: 31.5px;
  }
}
#ticket .ticket__subtitle {
  font-weight: bold;
}
@media (max-width: 799px) {
  #ticket .ticket__subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__subtitle {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__subtitle {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__subtitle {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__subtitle {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__subtitle {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__subtitle {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__subtitle {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__subtitle {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__subtitle {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__subtitle {
    margin-top: 63px;
  }
}
#ticket .ticket__number {
  background: url(/src/views/fractions/ticket/images/number.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
  color: #000000;
  font-weight: bold;
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    margin-top: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    margin-top: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    margin-top: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    margin-top: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    margin-top: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    margin-top: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    margin-top: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    margin-top: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    margin-top: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    margin-top: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    margin-top: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    margin-top: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    margin-top: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    margin-top: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    margin-top: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    margin-top: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    margin-top: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    margin-top: 216px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    margin-top: 302.4px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    width: 170.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    width: 189px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    width: 243.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    width: 258.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    width: 283.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    width: 264.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    width: 321.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    width: 302.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    width: 359.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    width: 472.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    width: 510.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    width: 491.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    width: 472.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    width: 623.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    width: 756px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    width: 623.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    width: 850.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    width: 1190.7px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    height: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    height: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    height: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    height: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    height: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    height: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    height: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    height: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    height: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    height: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    height: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    height: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    height: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    height: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    height: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    height: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    height: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    height: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    height: 531px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    height: 743.4px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    font-size: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    font-size: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    font-size: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    font-size: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    font-size: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    font-size: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    font-size: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    font-size: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    font-size: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    font-size: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    font-size: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    font-size: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    font-size: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    font-size: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    font-size: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    font-size: 162px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    font-size: 226.8px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__number {
    line-height: 38.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__number {
    line-height: 42.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__number {
    line-height: 54.825px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__number {
    line-height: 58.225px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__number {
    line-height: 63.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__number {
    line-height: 59.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__number {
    line-height: 72.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__number {
    line-height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__number {
    line-height: 80.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__number {
    line-height: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__number {
    line-height: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__number {
    line-height: 106.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__number {
    line-height: 114.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__number {
    line-height: 110.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__number {
    line-height: 106.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    line-height: 140.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    line-height: 170px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__number {
    line-height: 140.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__number {
    line-height: 191.25px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__number {
    line-height: 267.75px;
  }
}
#ticket .ticket__small_image {
  background: url(/src/views/fractions/ticket/images/none.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #ticket .ticket__small_image {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__small_image {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__small_image {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__small_image {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__small_image {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__small_image {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__small_image {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__small_image {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__small_image {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__small_image {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__small_image {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__small_image {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__small_image {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__small_image {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__small_image {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__small_image {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__small_image {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__small_image {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__small_image {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__small_image {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__small_image {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__small_image {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__small_image {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__small_image {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__small_image {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__small_image {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__small_image {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__small_image {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__small_image {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__small_image {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__small_image {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__small_image {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__small_image {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__small_image {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__small_image {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__small_image {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__small_image {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__small_image {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__small_image {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__small_image {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__small_image {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__small_image {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__small_image {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__small_image {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__small_image {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__small_image {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__small_image {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__small_image {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__small_image {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__small_image {
    height: 157.5px;
  }
}
#ticket .ticket__line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #ticket .ticket__line {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__line {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__line {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__line {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__line {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__line {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__line {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__line {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__line {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__line {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__line {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__line {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__line {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__line {
    height: 6.3px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__line {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__line {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__line {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__line {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__line {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__line {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__line {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__line {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__line {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__line {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__line {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__line {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__line {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__line {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__line {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__line {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__line {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__line {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__line {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__line {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__line {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__line {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__line {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__line {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__line {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__line {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__line {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__line {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__line {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__line {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__line {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__line {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__line {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__line {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__line {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__line {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__line {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__line {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__line {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__line {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__line {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__line {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__line {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__line {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__line {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__line {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__line {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__line {
    margin-bottom: 15.75px;
  }
}
#ticket .ticket__input {
  background: rgba(253, 255, 252, 0.05);
  border: 1px solid rgba(253, 255, 252, 0.7);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  color: white;
}
@media (max-width: 799px) {
  #ticket .ticket__input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__input {
    width: 183.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__input {
    width: 204px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__input {
    width: 263.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__input {
    width: 279.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__input {
    width: 306px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__input {
    width: 285.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__input {
    width: 346.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__input {
    width: 326.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__input {
    width: 387.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__input {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__input {
    width: 408px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__input {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__input {
    width: 550.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__input {
    width: 530.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__input {
    width: 510px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    width: 673.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    width: 816px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    width: 673.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    width: 918px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__input {
    width: 1285.2px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket__input {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket__input {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket__input {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket__input {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket__input {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket__input {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket__input {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket__input {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket__input {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket__input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket__input {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket__input {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket__input {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket__input {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket__input {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket__input {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket__input {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket__input {
    margin-top: 63px;
  }
}
#ticket .box-between {
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #ticket .box-between {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .box-between {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .box-between {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .box-between {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .box-between {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .box-between {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .box-between {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .box-between {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .box-between {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .box-between {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .box-between {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .box-between {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .box-between {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .box-between {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .box-between {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .box-between {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .box-between {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .box-between {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .box-between {
    margin-top: 63px;
  }
}
#ticket .box-flex {
  display: flex;
  align-items: center;
  width: 100%;
}
#ticket .ticket__name {
  white-space: nowrap;
}
#ticket .gray {
  white-space: nowrap;
  color: rgba(253, 255, 252, 0.6);
}
#ticket .sound__input-block {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #ticket .sound__input-block {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .sound__input-block {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .sound__input-block {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .sound__input-block {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .sound__input-block {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .sound__input-block {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .sound__input-block {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .sound__input-block {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .sound__input-block {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .sound__input-block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .sound__input-block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .sound__input-block {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .sound__input-block {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .sound__input-block {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .sound__input-block {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .sound__input-block {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .sound__input-block {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .sound__input-block {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .sound__input-block {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #ticket .sound__input-block {
    margin-top: 126px;
  }
}
#ticket .rangeslider {
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 799px) {
  #ticket .rangeslider {
    height: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider {
    height: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider {
    height: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider {
    height: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider {
    height: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider {
    height: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider {
    height: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider {
    height: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider {
    height: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider {
    height: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider {
    height: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider {
    height: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider {
    height: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider {
    height: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider {
    height: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider {
    height: 9px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider {
    height: 12.6px;
  }
}
@media (max-width: 799px) {
  #ticket .rangeslider {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider {
    border-radius: 34.65px;
  }
}
#ticket .rangeslider .rangeslider__fill {
  background: white;
  box-shadow: unset;
}
@media (max-width: 799px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 24.75px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider .rangeslider__fill {
    border-radius: 34.65px;
  }
}
#ticket .rangeslider .rangeslider__handle {
  border: none;
  background: white;
}
@media (max-width: 799px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider .rangeslider__handle {
    top: 6.3px;
  }
}
@media (max-width: 799px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#ticket .sound__input__value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #ticket .sound__input__value {
    margin-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .sound__input__value {
    margin-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .sound__input__value {
    margin-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .sound__input__value {
    margin-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .sound__input__value {
    margin-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .sound__input__value {
    margin-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .sound__input__value {
    margin-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .sound__input__value {
    margin-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .sound__input__value {
    margin-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .sound__input__value {
    margin-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .sound__input__value {
    margin-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .sound__input__value {
    margin-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .sound__input__value {
    margin-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .sound__input__value {
    margin-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .sound__input__value {
    margin-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .sound__input__value {
    margin-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #ticket .sound__input__value {
    margin-top: 9.45px;
  }
}
#ticket .switch-box .switch input {
  display: none;
}
#ticket .switch-box .switch {
  position: relative;
  display: inline-block;
  background: #131517;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #ticket .switch-box .switch {
    border-radius: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch {
    border-radius: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch {
    border-radius: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch {
    border-radius: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch {
    border-radius: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch {
    border-radius: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch {
    border-radius: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch {
    border-radius: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch {
    border-radius: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch {
    border-radius: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch {
    border-radius: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch {
    border-radius: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch {
    border-radius: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    border-radius: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    border-radius: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    border-radius: 42.75px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch {
    border-radius: 59.85px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch {
    margin-right: 31.5px;
  }
}
#ticket .switch-box .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.4);
  transition: 0.4s;
}
#ticket .switch-box .switch .slider::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  transition: 0.4s;
  background: #FFFFFF;
  border: 2px solid rgba(134, 134, 134, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #ticket .switch-box .switch .slider::before {
    width: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch .slider::before {
    width: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch .slider::before {
    width: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch .slider::before {
    width: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch .slider::before {
    width: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch .slider::before {
    width: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch .slider::before {
    width: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch .slider::before {
    width: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch .slider::before {
    width: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch .slider::before {
    width: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch .slider::before {
    width: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch .slider::before {
    width: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch .slider::before {
    width: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider::before {
    width: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider::before {
    width: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider::before {
    width: 63px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch .slider::before {
    width: 88.2px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch .slider::before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch .slider::before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch .slider::before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch .slider::before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch .slider::before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch .slider::before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch .slider::before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch .slider::before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch .slider::before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch .slider::before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch .slider::before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch .slider::before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch .slider::before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider::before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider::before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider::before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch .slider::before {
    height: 88.2px;
  }
}
#ticket .switch-box .switch input:checked + .slider:before {
  background: #2BB6A8;
  border: 2px solid rgba(22, 69, 64, 0.5);
  box-sizing: border-box;
  box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 72px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch input:checked + .slider:before {
    left: 100.8px;
  }
}
@media (max-width: 799px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 76.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .switch-box .switch .slider.round {
    border-radius: 107.1px;
  }
}
#ticket .switch-box .switch .slider.round::before {
  border-radius: 50%;
}
#ticket .ticket_bottom_buttons {
  z-index: 1;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons {
    margin-right: 47.25px;
  }
}
#ticket .ticket_bottom_buttons.center .ticket_bottom_button {
  margin-left: 0;
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons.center .ticket_bottom_button {
    margin-right: 37.8px;
  }
}
#ticket .ticket_bottom_buttons.esc {
  position: absolute;
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 135px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons.esc {
    right: 189px;
  }
}
#ticket .ticket_bottom_buttons .ticket_bottom_button {
  color: black;
  background: #FDFFFC;
  border-radius: 6px;
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons .ticket_bottom_button {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #ticket .ticket_bottom_buttons.ml-20 {
    margin-left: 63px;
  }
}
#ticket .box-column .ticket__subtitle {
  margin: 0;
}
#ticket .box-flex {
  justify-content: center;
}
@media (max-width: 799px) {
  #ticket .box-flex {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #ticket .box-flex {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #ticket .box-flex {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #ticket .box-flex {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #ticket .box-flex {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #ticket .box-flex {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #ticket .box-flex {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #ticket .box-flex {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #ticket .box-flex {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #ticket .box-flex {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #ticket .box-flex {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #ticket .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #ticket .box-flex {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #ticket .box-flex {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #ticket .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #ticket .box-flex {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #ticket .box-flex {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #ticket .box-flex {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #ticket .box-flex {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #ticket .box-flex {
    margin-top: 50.4px;
  }
}
#ticket .ticket__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@font-face {
  font-family: "houseicon";
  src: url(../src/views/fractions/ticket/fonts//houseicon.eot);
  src: url(../src/views/fractions/ticket/fonts//houseicon.eot#iefix) format("embedded-opentype"), url(../src/views/fractions/ticket/fonts//houseicon.ttf) format("truetype"), url(../src/views/fractions/ticket/fonts//houseicon.woff) format("woff"), url(/src/views/fractions/ticket/fonts/houseicon.svg#houseicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=houseicon-], [class*=" houseicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "houseicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houseicon-check:before {
  content: "\e90b";
}

.houseicon-car-top:before {
  content: "\e900";
}

.houseicon-time:before {
  content: "\e902";
}

.houseicon-star:before {
  content: "\e903";
}

.houseicon-garage:before {
  content: "\e904";
}

.houseicon-bike-top:before {
  content: "\e905";
}

.houseicon-safe:before {
  content: "\e906";
}

.houseicon-medkit:before {
  content: "\e907";
}

.houseicon-bike:before {
  content: "\e908";
}

.houseicon-car:before {
  content: "\e909";
}

.houseicon-house:before {
  content: "\e90a";
}

.houseicon-ban:before {
  content: "\e901";
}
@font-face {
    font-family: 'SF Pro Display Medium';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Medium.eot);
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Medium.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Medium.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Heavy';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Heavy.eot);
    src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Heavy.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Heavy.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Ultra Light Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
    src: local('SF Pro Display UltralightItalic'), local('SFProDisplay-UltralightItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Regular Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-RegularItalic.eot);
    src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-RegularItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Thin';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Thin.eot);
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Thin.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Thin.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Light';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Light.eot);
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Light.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Light.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Light.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Black Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BlackItalic.eot);
    src: local('SF Pro Display Black Italic'), local('SFProDisplay-BlackItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BlackItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Bold';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Bold.eot);
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Bold.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Bold.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Black';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Black.eot);
    src: local('SF Pro Display Black'), local('SFProDisplay-Black'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Black.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Black.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Semi Bold Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
    src: local('SF Pro Display SemiboldItalic'), local('SFProDisplay-SemiboldItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Ultra Light';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Ultralight.eot);
    src: local('SF Pro Display Ultralight'), local('SFProDisplay-Ultralight'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Ultralight.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Ultralight.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Light Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-LightItalic.eot);
    src: local('SF Pro Display LightItalic'), local('SFProDisplay-LightItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-LightItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-LightItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-LightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Thin Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-ThinItalic.eot);
    src: local('SF Pro Display ThinItalic'), local('SFProDisplay-ThinItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-ThinItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Medium Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-MediumItalic.eot);
    src: local('SF Pro Display MediumItalic'), local('SFProDisplay-MediumItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-MediumItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Semi Bold';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Semibold.eot);
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Semibold.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Semibold.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Heavy Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
    src: local('SF Pro Display HeavyItalic'), local('SFProDisplay-HeavyItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Regular';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Regular.eot);
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Regular.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Regular.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Bold Italic';
    src: url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BoldItalic.eot);
    src: local('SF Pro Display BoldItalic'), local('SFProDisplay-BoldItalic'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format('woff2'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BoldItalic.woff) format('woff'),
        url(../src/views/fractions/bortovoi/assets/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}


#policecomputer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  #policecomputer {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #policecomputer {
    padding-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    padding-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    padding-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    padding-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    padding-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    padding-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    padding-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    padding-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    padding-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    padding-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    padding-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    padding-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    padding-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    padding-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    padding-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    padding-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    padding-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    padding-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    padding-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    padding-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    padding-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    padding-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    padding-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    padding-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    padding-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    padding-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    padding-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    padding-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    padding-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    padding-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    padding-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    padding-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    padding-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    padding-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    padding-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    padding-bottom: 132.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer {
    padding-right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    padding-right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    padding-right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    padding-right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    padding-right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    padding-right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    padding-right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    padding-right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    padding-right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    padding-right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    padding-right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    padding-right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    padding-right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    padding-right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    padding-right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    padding-right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    padding-right: 110.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    padding-right: 154.35px;
  }
}
@media (max-width: 799px) {
  #policecomputer {
    padding-left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer {
    padding-left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer {
    padding-left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer {
    padding-left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer {
    padding-left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer {
    padding-left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer {
    padding-left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer {
    padding-left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer {
    padding-left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer {
    padding-left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer {
    padding-left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer {
    padding-left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer {
    padding-left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer {
    padding-left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer {
    padding-left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer {
    padding-left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer {
    padding-left: 110.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer {
    padding-left: 154.35px;
  }
}
#policecomputer .whitecolor {
  color: white;
}
#policecomputer .policecomputer__planshet {
  font-family: "SF Pro Display Medium";
  font-weight: 500;
  filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.18)) drop-shadow(0px 41.7776px 33.4221px rgba(0, 0, 0, 0.145262)) drop-shadow(0px 22.3363px 17.869px rgba(0, 0, 0, 0.118705)) drop-shadow(0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0977185)) drop-shadow(0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0790933)) drop-shadow(0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0567624));
  background-image: url(/src/views/fractions/bortovoi/assets/images/ipad.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    width: 577.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    width: 642px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    width: 828.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    width: 879.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    width: 963px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    width: 898.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    width: 1091.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    width: 1027.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    width: 1219.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    width: 1284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    width: 1284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    width: 1605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    width: 1733.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    width: 1669.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    width: 1605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    width: 2118.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    width: 2568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    width: 2118.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    width: 2889px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    width: 4044.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    height: 417.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    height: 464px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    height: 598.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    height: 635.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    height: 696px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    height: 649.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    height: 788.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    height: 742.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    height: 881.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    height: 928px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    height: 928px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    height: 1160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    height: 1252.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    height: 1206.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    height: 1160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    height: 1531.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    height: 1856px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    height: 1531.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    height: 2088px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    height: 2923.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 108px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    padding-top: 151.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 105.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    padding-bottom: 148.05px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 99px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    padding-left: 138.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 105.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__planshet {
    padding-right: 148.05px;
  }
}
#policecomputer .policecomputer__head {
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  background: white;
  color: #1E262F;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    height: 72.45px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    border-top-left-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head {
    border-top-right-radius: 50.4px;
  }
}
#policecomputer .policecomputer__head .policecomputer__head_img {
  color: black;
  background-image: url(/src/views/fractions/bortovoi/assets/images/right.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 44.316px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 49.24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 63.5196px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 67.4588px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 73.86px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 68.936px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 83.708px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 78.784px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 93.556px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 98.48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 98.48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 123.1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 132.948px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 128.024px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 123.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 162.492px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 196.96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 162.492px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 221.58px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    width: 310.212px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__head .policecomputer__head_img {
    height: 44.1px;
  }
}
#policecomputer .policecomputer__nav {
  z-index: 0;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav {
    height: 364.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav {
    height: 404.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav {
    height: 521.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav {
    height: 554.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav {
    height: 606.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav {
    height: 566.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav {
    height: 687.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav {
    height: 647.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav {
    height: 768.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav {
    height: 1011.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav {
    height: 1092.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav {
    height: 1051.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav {
    height: 1011.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    height: 1334.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    height: 1618px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    height: 1334.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    height: 1820.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav {
    height: 2548.35px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav {
    border-bottom-left-radius: 50.4px;
  }
}
#policecomputer .policecomputer__nav .policecomputer__nav_logo {
  background-image: url(/src/views/fractions/bortovoi/assets/images/logo_police.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 508.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    width: 711.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 126px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    height: 176.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav .policecomputer__nav_logo {
    margin-bottom: 75.6px;
  }
}
#policecomputer .policecomputer__nav .line {
  width: 100%;
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav .line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav .line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav .line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav .line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav .line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav .line {
    height: 3.15px;
  }
}
#policecomputer .policecomputer__nav_element {
  display: flex;
  align-items: center;
  color: #869199;
  font-weight: 500;
  cursor: pointer;
  z-index: 10000;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 1.8px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 2px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 2.58px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 2.74px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 3px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 2.8px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 3.4px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 3.2px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 3.8px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 4px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 4px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 5.4px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 5.2px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 6.6px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 8px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 6.6px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 9px solid transparent;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    border-left: 12.6px solid transparent;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element [class^=bortovoiicon-] {
    margin-right: 37.8px;
  }
}
#policecomputer .policecomputer__nav_element.active {
  color: #1E262F;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 1.8px solid #1E262F;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 2px solid #1E262F;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 2.58px solid #1E262F;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 2.74px solid #1E262F;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 3px solid #1E262F;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 2.8px solid #1E262F;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 3.4px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 3.2px solid #1E262F;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 3.8px solid #1E262F;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 4px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 4px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 5px solid #1E262F;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 5.4px solid #1E262F;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 5.2px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 5px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 6.6px solid #1E262F;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 8px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 6.6px solid #1E262F;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 9px solid #1E262F;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__nav_element.active {
    border-left: 12.6px solid #1E262F;
  }
}
@media (max-width: 799px) {
  #policecomputer .mt-24 {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mt-24 {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mt-24 {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mt-24 {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mt-24 {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mt-24 {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mt-24 {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mt-24 {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mt-24 {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mt-24 {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mt-24 {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mt-24 {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mt-24 {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mt-24 {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mt-24 {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mt-24 {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mt-24 {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mt-24 {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mt-24 {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mt-24 {
    margin-top: 75.6px;
  }
}
#policecomputer .mt-auto {
  margin-top: auto;
}
#policecomputer .policecomputer__name {
  color: #1E262F;
  font-weight: 600;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__name {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__name {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__name {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__name {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__name {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__name {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__name {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__name {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__name {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__name {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__name {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__name {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__name {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__name {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__name {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__name {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__name {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__name {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__name {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__name {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__name {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__name {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__name {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__name {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__name {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__name {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__name {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__name {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__name {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__name {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__name {
    margin-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__name {
    margin-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__name {
    margin-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__name {
    margin-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__name {
    margin-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__name {
    margin-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__name {
    margin-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__name {
    margin-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__name {
    margin-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__name {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__name {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__name {
    margin-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__name {
    margin-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__name {
    margin-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__name {
    margin-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    margin-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    margin-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__name {
    margin-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__name {
    margin-left: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__name {
    margin-left: 88.2px;
  }
}
#policecomputer .policecomputer__rank {
  color: #869199;
  font-weight: 600;
  font-family: "SF Pro Display Bold";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__rank {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__rank {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__rank {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__rank {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__rank {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__rank {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__rank {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__rank {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__rank {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__rank {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__rank {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__rank {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__rank {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__rank {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__rank {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__rank {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__rank {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__rank {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__rank {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__rank {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__rank {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__rank {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__rank {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__rank {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__rank {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__rank {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__rank {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__rank {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__rank {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__rank {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__rank {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__rank {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__rank {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__rank {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__rank {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__rank {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__rank {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__rank {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__rank {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__rank {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__rank {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__rank {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__rank {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__rank {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__rank {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__rank {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__rank {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__rank {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__rank {
    margin-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__rank {
    margin-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__rank {
    margin-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__rank {
    margin-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__rank {
    margin-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__rank {
    margin-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__rank {
    margin-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__rank {
    margin-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__rank {
    margin-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__rank {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__rank {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__rank {
    margin-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__rank {
    margin-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__rank {
    margin-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__rank {
    margin-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    margin-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    margin-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__rank {
    margin-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__rank {
    margin-left: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__rank {
    margin-left: 88.2px;
  }
}
#policecomputer .policecomputer__flag {
  background-image: url(/src/views/fractions/bortovoi/assets/images/flag.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__flag {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__flag {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__flag {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__flag {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__flag {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__flag {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__flag {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__flag {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__flag {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__flag {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__flag {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__flag {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__flag {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__flag {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__flag {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__flag {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__flag {
    height: 59.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__flag {
    height: 66px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__flag {
    height: 85.14px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__flag {
    height: 90.42px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__flag {
    height: 99px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__flag {
    height: 92.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__flag {
    height: 112.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__flag {
    height: 105.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__flag {
    height: 125.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__flag {
    height: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__flag {
    height: 132px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__flag {
    height: 165px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__flag {
    height: 178.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__flag {
    height: 171.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__flag {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    height: 217.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    height: 217.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    height: 297px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__flag {
    height: 415.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__flag {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__flag {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__flag {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__flag {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__flag {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__flag {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__flag {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__flag {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__flag {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__flag {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__flag {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__flag {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__flag {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__flag {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__flag {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__flag {
    margin-top: 100.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__flag {
    border-bottom-left-radius: 50.4px;
  }
}
#policecomputer .policecomputer__main {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #1E262F;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main {
    height: 364.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main {
    height: 404.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main {
    height: 521.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main {
    height: 554.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main {
    height: 606.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main {
    height: 566.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main {
    height: 687.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main {
    height: 647.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main {
    height: 768.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main {
    height: 1011.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main {
    height: 1092.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main {
    height: 1051.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main {
    height: 1011.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    height: 1334.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    height: 1618px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    height: 1334.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    height: 1820.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main {
    height: 2548.35px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main {
    border-bottom-right-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main {
    padding: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main {
    padding: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main {
    padding: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main {
    padding: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main {
    padding: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main {
    padding: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main {
    padding: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main {
    padding: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main {
    padding: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main {
    padding: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main {
    padding: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main {
    padding: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main {
    padding: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    padding: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    padding: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main {
    padding: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main {
    padding: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main {
    padding: 126px;
  }
}
#policecomputer .policecomputer__main .policecomputer__title {
  font-weight: bold;
  font-family: "RF Dewi Extended";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__title {
    line-height: 88.2px;
  }
}
#policecomputer .policecomputer__main .policecomputer__button {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: "SF Pro Display Medium";
  color: #1E262F;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button {
    line-height: 88.2px;
  }
}
#policecomputer .policecomputer__main .policecomputer__button:hover {
  transition: all 0.5s ease;
  background: #bebdbd;
}
#policecomputer .policecomputer__main .policecomputer__button.delete {
  background: #00BBFF;
  color: white;
}
#policecomputer .policecomputer__main .policecomputer__button.delete:hover {
  transition: all 0.5s ease;
  opacity: 0.8;
}
#policecomputer .policecomputer__main .policecomputer__button.small {
  background: #3D444B;
  font-family: "SF Pro Display Regular";
  color: white;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 279px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    width: 390.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.small {
    line-height: 56.7px;
  }
}
#policecomputer .policecomputer__main .policecomputer__button.small:hover {
  background: white;
  color: black;
  transition: all 0.5s ease;
}
#policecomputer .policecomputer__main .policecomputer__button.large {
  background: #3D444B;
  color: white;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 134.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 149.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 192.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 204.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 224.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 209.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 254.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 239.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 284.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 373.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 403.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 388.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 373.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 493.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 598px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 493.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 672.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__main .policecomputer__button.large {
    width: 941.85px;
  }
}
#policecomputer .policecomputer__main .policecomputer__button.large:hover {
  background: white;
  color: black;
  transition: all 0.5s ease;
}
#policecomputer .policecomputer__selectors {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "SF Pro Display Regular";
  color: #869199;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 0.9px solid #475667;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.29px solid #475667;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.37px solid #475667;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.5px solid #475667;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.4px solid #475667;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.7px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.6px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 1.9px solid #475667;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2.5px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2.7px solid #475667;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2.6px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 2.5px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 3.3px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 4px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 3.3px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 4.5px solid #475667;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    border-bottom: 6.3px solid #475667;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector {
    padding-bottom: 25.2px;
  }
}
#policecomputer .policecomputer__selectors .policecomputer__selector.active {
  color: white;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 0.9px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.29px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.37px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.5px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.4px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.7px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.6px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 1.9px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2.5px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2.7px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2.6px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 2.5px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 3.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 4px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 3.3px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 4.5px solid white;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__selectors .policecomputer__selector.active {
    border-bottom: 6.3px solid white;
  }
}
#policecomputer .policecomputer__textarea {
  background: #293139;
  color: #A6B1BA;
  resize: none;
  outline: none;
  border: none;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    width: 1719.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__textarea {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mt-45 {
    margin-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mt-45 {
    margin-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mt-45 {
    margin-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mt-45 {
    margin-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mt-45 {
    margin-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mt-45 {
    margin-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mt-45 {
    margin-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mt-45 {
    margin-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mt-45 {
    margin-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mt-45 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mt-45 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mt-45 {
    margin-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mt-45 {
    margin-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mt-45 {
    margin-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mt-45 {
    margin-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mt-45 {
    margin-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mt-45 {
    margin-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mt-45 {
    margin-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mt-45 {
    margin-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mt-45 {
    margin-top: 141.75px;
  }
}
#policecomputer .policecomputer__input {
  display: flex;
  align-items: center;
  background: #293139;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    width: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    width: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    width: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    width: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    width: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    width: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    width: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    width: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    width: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    width: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    width: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    width: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    width: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    width: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    width: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    width: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    width: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    width: 2501.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input {
    margin-top: 75.6px;
  }
}
#policecomputer .policecomputer__input .bortovoiicon-loop {
  color: white;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input .bortovoiicon-loop {
    margin-right: 15.75px;
  }
}
#policecomputer .policecomputer__input input {
  width: 100%;
  height: 100%;
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
  background: transparent;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input input {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input input {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input input {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input input {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input input {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input input {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input input {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input input {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input input {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input input {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input input {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input input {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input input {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input input {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input input {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input input {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input input {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input input {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input input {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input input {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input input {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input input {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input input {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input input {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input input {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input input {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input input {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input input {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input input {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input.small {
    width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input.small {
    width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input.small {
    width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input.small {
    width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input.small {
    width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input.small {
    width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input.small {
    width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input.small {
    width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input.small {
    width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input.small {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input.small {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input.small {
    width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input.small {
    width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input.small {
    width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input.small {
    width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input.small {
    width: 1719.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input.small {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input.small {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input.small {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input.small {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input.small {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input.small {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input.small {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input.small {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input.small {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input.small {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input.small {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input.small {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input.small {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input.small {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input.small {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input.small {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input.small {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input.small input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input.small input {
    line-height: 88.2px;
  }
}
#policecomputer .policecomputer__back {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__back {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__back {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__back {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__back {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__back {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__back {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__back {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__back {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__back {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__back {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__back {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__back {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__back {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__back {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__back {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__back {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__back {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__back {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__back {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__back {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__back {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__back {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__back {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__back {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__back {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__back {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__back {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__back {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__back {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__back {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__back {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__back {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__back {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__back {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__back {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__back {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__back {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__back {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__back {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__back {
    line-height: 50.4px;
  }
}
#policecomputer .policecomputer__back:hover {
  opacity: 0.7;
}
#policecomputer .policecomputer__descr {
  font-style: normal;
  font-weight: normal;
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__descr {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__descr {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__descr {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__descr {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__descr {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__descr {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__descr {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__descr {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__descr {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__descr {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__descr {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__descr {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__descr {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__descr {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__descr {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__descr {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__descr {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__descr {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__descr {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__descr {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__descr {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__descr {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__descr {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__descr {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__descr {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__descr {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__descr {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__descr {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__descr {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__descr {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__descr {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__descr {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__descr {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__descr {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__descr {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__descr {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__descr {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__descr {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__descr {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__descr {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__descr {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__descr {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__descr {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__descr {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__descr {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__descr {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__descr {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__descr {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__descr {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__descr {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__descr {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__descr {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__descr {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__descr {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__descr {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__descr {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__descr {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__descr {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__descr {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__descr {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__descr {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__descr {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__descr {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__descr {
    margin-bottom: 100.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoiicon-info {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoiicon-info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoiicon-info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoiicon-info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoiicon-info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoiicon-info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoiicon-info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoiicon-info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoiicon-info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoiicon-info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoiicon-info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoiicon-info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoiicon-info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoiicon-info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoiicon-info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoiicon-info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoiicon-info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoiicon-info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoiicon-info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoiicon-info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoiicon-info {
    font-size: 50.4px;
  }
}
#policecomputer .policecomputer__bold {
  font-weight: 600;
  font-family: "SF Pro Display Semi Bold";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__bold {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__bold {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__bold {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__bold {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__bold {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__bold {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__bold {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__bold {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__bold {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__bold {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__bold {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__bold {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__bold {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__bold {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__bold {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__bold {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__bold {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__bold {
    font-size: 50.4px;
  }
}
#policecomputer .policecomputer__block_info {
  font-family: "SF Pro Display Regular";
  background: #293139;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    width: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    width: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    width: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    width: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    width: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    width: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    width: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    width: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    width: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    width: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    width: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    width: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    width: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    width: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    width: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    width: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    width: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    width: 2501.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__block_info {
    margin-top: 25.2px;
  }
}
#policecomputer .policecomputer__font_20 {
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__font_20 {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__font_20 {
    line-height: 75.6px;
  }
}
#policecomputer .policecomputer__font_18 {
  font-family: "SF Pro Display Regular";
  color: #869199;
  cursor: pointer;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__font_18 {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__font_18 {
    line-height: 75.6px;
  }
}
#policecomputer .policecomputer__font_18:hover {
  opacity: 0.7;
}
#policecomputer .policecomputer__search {
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__search {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__search {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__search {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__search {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__search {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__search {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__search {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__search {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__search {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__search {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__search {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__search {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__search {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__search {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__search {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__search {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__search {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__search {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__search {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__search {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__search {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__search {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__search {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__search {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__search {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__search {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__search {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__search {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__search {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__search {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__search {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__search {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__search {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__search {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__search {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__search {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__search {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__search {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__search {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__search {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__search {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__search {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__search {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__search {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__search {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__search {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__search {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__search {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__search {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__search {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__search {
    line-height: 75.6px;
  }
}
#policecomputer .bortovoie__tablet_element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element {
    padding-bottom: 40.95px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element {
    padding-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.45px solid #475667;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.5px solid #475667;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.645px solid #475667;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.685px solid #475667;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.75px solid #475667;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.7px solid #475667;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.85px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.8px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 0.95px solid #475667;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.25px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.35px solid #475667;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.3px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.25px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.65px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 1.65px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 2.25px solid #475667;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element {
    border-bottom: 3.15px solid #475667;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element.noborder {
    border-bottom: 3.15px solid transparent;
  }
}
#policecomputer .bortovoie__tablet_element.title {
  font-family: "SF Pro Display Regular";
  color: #869199;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element.title {
    border-bottom: 3.15px solid transparent;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element.title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element.title {
    line-height: 63px;
  }
}
#policecomputer .bortovoie__tablet_element .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 382.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .name {
    width: 535.5px;
  }
}
#policecomputer .bortovoie__tablet_element .name.gray {
  color: #869199;
}
#policecomputer .bortovoie__tablet_element .passport {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .passport {
    width: 315px;
  }
}
#policecomputer .bortovoie__tablet_element .number {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .number {
    width: 378px;
  }
}
#policecomputer .bortovoie__tablet_element .status {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .status {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .button {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 585px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .descr {
    width: 819px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .info {
    width: 472.5px;
  }
}
#policecomputer .bortovoie__tablet_element .info .underline {
  position: relative;
  color: #A6B1BA;
}
#policecomputer .bortovoie__tablet_element .info .underline::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #A6B1BA;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -6.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    bottom: -9.45px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .info .underline::after {
    height: 3.15px;
  }
}
#policecomputer .bortovoie__tablet_element .info.hover:hover {
  opacity: 0.7;
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .comment {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .bortovoie__tablet_element .comment {
    max-width: 998.55px;
  }
}
#policecomputer .wanted {
  color: #FB4F69;
}
#policecomputer .policecomputer__tablet {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__tablet {
    height: 244.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__tablet {
    height: 271.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__tablet {
    height: 350.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__tablet {
    height: 371.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__tablet {
    height: 407.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__tablet {
    height: 380.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__tablet {
    height: 461.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__tablet {
    height: 434.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__tablet {
    height: 515.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__tablet {
    height: 543px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__tablet {
    height: 543px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__tablet {
    height: 678.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__tablet {
    height: 733.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__tablet {
    height: 705.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__tablet {
    height: 678.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__tablet {
    height: 895.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__tablet {
    height: 1086px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__tablet {
    height: 895.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__tablet {
    height: 1221.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__tablet {
    height: 1710.45px;
  }
}
#policecomputer .policecomputer__tablet::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#policecomputer .policecomputer__tablet::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#policecomputer .policecomputer__tablet::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#policecomputer .policecomputer__database_element {
  background: #3D444B;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element {
    padding: 25.2px;
  }
}
#policecomputer .policecomputer__database_element .policecomputer__database_image {
  background-image: url(/src/views/fractions/bortovoi/assets/images/person.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    min-width: 522.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 45.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 51px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 65.79px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 69.87px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 76.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 71.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 86.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 96.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 127.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 137.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 132.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 127.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 168.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 204px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 168.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 229.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    height: 321.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_image {
    border-radius: 12.6px;
  }
}
#policecomputer .policecomputer__database_element .policecomputer__database_number {
  color: #a6b1ba;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_number {
    line-height: 50.4px;
  }
}
#policecomputer .policecomputer__database_element .policecomputer__database_name {
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_name {
    margin-bottom: 94.5px;
  }
}
#policecomputer .policecomputer__database_element .policecomputer__database_info {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__database_element .policecomputer__database_info {
    line-height: 63px;
  }
}
#policecomputer .policecomputer__database_element .policecomputer__database_info .white {
  color: white;
}
#policecomputer .policecomputer__person_image {
  background-image: url(/src/views/fractions/bortovoi/assets/images/person.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image {
    min-width: 52.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image {
    min-width: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image {
    min-width: 74.82px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image {
    min-width: 79.46px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image {
    min-width: 87px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image {
    min-width: 81.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image {
    min-width: 98.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image {
    min-width: 92.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image {
    min-width: 110.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image {
    min-width: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image {
    min-width: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image {
    min-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image {
    min-width: 156.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image {
    min-width: 150.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image {
    min-width: 145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    min-width: 191.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    min-width: 232px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    min-width: 191.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    min-width: 261px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image {
    min-width: 365.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image {
    height: 52.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image {
    height: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image {
    height: 74.82px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image {
    height: 79.46px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image {
    height: 87px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image {
    height: 81.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image {
    height: 98.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image {
    height: 92.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image {
    height: 110.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image {
    height: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image {
    height: 156.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image {
    height: 150.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image {
    height: 145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    height: 191.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    height: 232px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    height: 191.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    height: 261px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image {
    height: 365.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image {
    border: 0.9px solid #A6B1BA;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image {
    border: 1px solid #A6B1BA;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image {
    border: 1.29px solid #A6B1BA;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image {
    border: 1.37px solid #A6B1BA;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image {
    border: 1.5px solid #A6B1BA;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image {
    border: 1.4px solid #A6B1BA;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image {
    border: 1.7px solid #A6B1BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image {
    border: 1.6px solid #A6B1BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image {
    border: 1.9px solid #A6B1BA;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image {
    border: 2px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image {
    border: 2px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image {
    border: 2.5px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image {
    border: 2.7px solid #A6B1BA;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image {
    border: 2.6px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image {
    border: 2.5px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    border: 3.3px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    border: 4px solid #A6B1BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    border: 3.3px solid #A6B1BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    border: 4.5px solid #A6B1BA;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image {
    border: 6.3px solid #A6B1BA;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image {
    margin-right: 126px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 531px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image.car {
    min-width: 743.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image.car {
    width: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image.car {
    width: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image.car {
    width: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image.car {
    width: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image.car {
    width: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image.car {
    width: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image.car {
    width: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image.car {
    width: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image.car {
    width: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image.car {
    width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image.car {
    width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image.car {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image.car {
    width: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image.car {
    width: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image.car {
    width: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.car {
    width: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.car {
    width: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.car {
    width: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.car {
    width: 531px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image.car {
    width: 743.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image.map {
    width: 134.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image.map {
    width: 149.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image.map {
    width: 192.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image.map {
    width: 204.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image.map {
    width: 224.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image.map {
    width: 209.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image.map {
    width: 254.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image.map {
    width: 239.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image.map {
    width: 284.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image.map {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image.map {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image.map {
    width: 373.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image.map {
    width: 403.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image.map {
    width: 388.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image.map {
    width: 373.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.map {
    width: 493.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.map {
    width: 598px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.map {
    width: 493.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.map {
    width: 672.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image.map {
    width: 941.85px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__person_image.map {
    height: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__person_image.map {
    height: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__person_image.map {
    height: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__person_image.map {
    height: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__person_image.map {
    height: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__person_image.map {
    height: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__person_image.map {
    height: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__person_image.map {
    height: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__person_image.map {
    height: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__person_image.map {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__person_image.map {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__person_image.map {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__person_image.map {
    height: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__person_image.map {
    height: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__person_image.map {
    height: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.map {
    height: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.map {
    height: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__person_image.map {
    height: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__person_image.map {
    height: 378px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__person_image.map {
    height: 529.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mtmb-40 {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mtmb-40 {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mtmb-40 {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mtmb-40 {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mtmb-40 {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mtmb-40 {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mtmb-40 {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mtmb-40 {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mtmb-40 {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mtmb-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mtmb-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mtmb-40 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mtmb-40 {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mtmb-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mtmb-40 {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mtmb-40 {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mtmb-40 {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mtmb-40 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mtmb-40 {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mtmb-40 {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mtmb-40 {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mtmb-3620 {
    margin-top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mtmb-3620 {
    margin-top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mtmb-3620 {
    margin-top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mtmb-3620 {
    margin-top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mtmb-3620 {
    margin-top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mtmb-3620 {
    margin-top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mtmb-3620 {
    margin-top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mtmb-3620 {
    margin-top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mtmb-3620 {
    margin-top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mtmb-3620 {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mtmb-3620 {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mtmb-3620 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mtmb-3620 {
    margin-top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mtmb-3620 {
    margin-top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mtmb-3620 {
    margin-top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mtmb-3620 {
    margin-top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mtmb-3620 {
    margin-top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mtmb-3620 {
    margin-top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mtmb-3620 {
    margin-top: 81px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mtmb-3620 {
    margin-top: 113.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mtmb-3620 {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mb-12 {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mb-12 {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mb-12 {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mb-12 {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mb-12 {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mb-12 {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mb-12 {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mb-12 {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mb-12 {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mb-12 {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mb-12 {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mb-12 {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mb-12 {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mb-12 {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mb-12 {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mb-12 {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mb-12 {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mb-12 {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mb-12 {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mb-12 {
    margin-bottom: 37.8px;
  }
}
#policecomputer .policecomputer__info_title {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_title {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_title {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_title {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_title {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_title {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_title {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_title {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_title {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_title {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_title {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_title {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_title {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_title {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_title {
    margin-bottom: 18.9px;
  }
}
#policecomputer .white {
  color: white;
}
#policecomputer .policecomputer__info_subtitle {
  font-weight: 500;
  font-family: "SF Pro Display Medium";
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_subtitle {
    line-height: 63px;
  }
}
#policecomputer .policecomputer__info_subtitle .gray {
  color: #869199;
}
#policecomputer .w-max {
  width: -moz-max-content;
  width: max-content;
}
#policecomputer .policecomputer__info_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid {
    grid-gap: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 25.8px;
         column-gap: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 27.4px;
         column-gap: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 28px;
         column-gap: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 34px;
         column-gap: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 38px;
         column-gap: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 54px;
         column-gap: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 52px;
         column-gap: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 66px;
         column-gap: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 66px;
         column-gap: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid {
    -moz-column-gap: 126px;
         column-gap: 126px;
  }
}
#policecomputer .policecomputer__info_grid.small {
  grid-template-columns: repeat(2, 1fr);
}
#policecomputer .policecomputer__info_grid.database {
  grid-template-rows: repeat(5, 1fr);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid.database {
    grid-gap: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 9.9px;
         column-gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 11px;
         column-gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 14.19px;
         column-gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 15.07px;
         column-gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 15.4px;
         column-gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 18.7px;
         column-gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 17.6px;
         column-gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 20.9px;
         column-gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 29.7px;
         column-gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 28.6px;
         column-gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 44px;
         column-gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 49.5px;
         column-gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid.database {
    -moz-column-gap: 69.3px;
         column-gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 272.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 303px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 390.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 415.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 454.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 424.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 515.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 484.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 575.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 606px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 606px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 757.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 818.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 787.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 757.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 999.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 1212px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 999.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 1363.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid.database {
    height: 1908.9px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__info_grid.database {
    padding-right: 37.8px;
  }
}
#policecomputer .policecomputer__info_grid.database::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#policecomputer .policecomputer__info_grid.database::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#policecomputer .policecomputer__info_grid.database::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#policecomputer .policecomputer__input_descr {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr {
    margin-top: 88.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr {
    max-width: 1719.9px;
  }
}
#policecomputer .policecomputer__input_descr .white {
  color: white;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__input_descr .white {
    margin-right: 25.2px;
  }
}
#policecomputer .bortovoiicon-star {
  color: #60686D;
}
#policecomputer .bortovoiicon-star.active {
  color: white;
}
#policecomputer .m-0 {
  margin: 0;
}
@media (max-width: 799px) {
  #policecomputer .mt-4 {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mt-4 {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mt-4 {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mt-4 {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mt-4 {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mt-4 {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mt-4 {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mt-4 {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mt-4 {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mt-4 {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mt-4 {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mt-4 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mt-4 {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mt-4 {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mt-4 {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mt-4 {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mt-4 {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mt-4 {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mt-4 {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mt-4 {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mt-20 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mr-16 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mr-16 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mr-16 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mr-16 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mr-16 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mr-16 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mr-16 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mr-16 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mr-16 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mr-16 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mr-16 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mr-16 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mr-16 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mr-16 {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mr-20 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mr-20 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mr-20 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mr-20 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mr-20 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mr-20 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mr-20 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mr-20 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mr-20 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mr-20 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mr-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mr-20 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mr-20 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mr-20 {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mr-10 {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mr-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mr-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mr-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mr-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mr-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mr-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mr-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mr-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mr-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mr-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mr-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mr-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mr-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mr-5 {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mr-4 {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mr-4 {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mr-4 {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mr-4 {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mr-4 {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mr-4 {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mr-4 {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mr-4 {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mr-4 {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mr-4 {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mr-4 {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mr-4 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mr-4 {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mr-4 {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mr-4 {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mr-4 {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mr-4 {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mr-4 {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mr-4 {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mr-4 {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .fz-20 {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .fz-20 {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .fz-20 {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .fz-20 {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .fz-20 {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .fz-20 {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .fz-20 {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .fz-20 {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .fz-20 {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .fz-20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .fz-20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .fz-20 {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .fz-20 {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .fz-20 {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .fz-20 {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .fz-20 {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .fz-20 {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .fz-20 {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .fz-20 {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .fz-20 {
    font-size: 63px;
  }
}
#policecomputer .policecomputer__button_circle {
  border-radius: 50%;
  background: rgba(244, 245, 245, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_circle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_circle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_circle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_circle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_circle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_circle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_circle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_circle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_circle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_circle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_circle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_circle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_circle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_circle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_circle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_circle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_circle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_circle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_circle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_circle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_circle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_circle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_circle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_circle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_circle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_circle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_circle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_circle {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_circle {
    font-size: 31.5px;
  }
}
#policecomputer .policecomputer__button_circle.hover:hover {
  color: black;
  transition: all 0.5s ease;
  background: white;
}
#policecomputer .policecomputer__comments_element {
  width: 100%;
  height: auto;
  background: #293139;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element {
    margin-bottom: 75.6px;
  }
}
#policecomputer .policecomputer__comments_element:last-child {
  margin-bottom: 0;
}
#policecomputer .policecomputer__comments_element .gray {
  color: #869199;
}
#policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments_element .policecomputer__comments_comment {
    margin-top: 50.4px;
  }
}
#policecomputer .policecomputer__comments {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments {
    height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments {
    height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments {
    height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments {
    height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments {
    height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments {
    height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments {
    height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments {
    height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments {
    height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments {
    height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments {
    height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments {
    height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments {
    height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments {
    height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments {
    max-height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments {
    max-height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments {
    max-height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments {
    max-height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments {
    max-height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments {
    max-height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments {
    max-height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments {
    max-height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments {
    max-height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments {
    max-height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments {
    max-height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments {
    max-height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments {
    max-height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments {
    max-height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments {
    max-height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    max-height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    max-height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    max-height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    max-height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments {
    max-height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments.big {
    height: 298.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments.big {
    height: 332px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments.big {
    height: 428.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments.big {
    height: 454.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments.big {
    height: 498px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments.big {
    height: 464.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments.big {
    height: 564.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments.big {
    height: 531.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments.big {
    height: 630.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments.big {
    height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments.big {
    height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments.big {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments.big {
    height: 896.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments.big {
    height: 863.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments.big {
    height: 830px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments.big {
    height: 1095.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments.big {
    height: 1328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments.big {
    height: 1095.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments.big {
    height: 1494px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments.big {
    height: 2091.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 298.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 332px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 428.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 454.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 498px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 464.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 564.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 531.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 630.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 896.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 863.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 830px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 1095.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 1328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 1095.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 1494px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__comments.big {
    max-height: 2091.6px;
  }
}
#policecomputer .policecomputer__comments::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#policecomputer .policecomputer__comments::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#policecomputer .policecomputer__comments::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#policecomputer .policecomputer__center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__center {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__center {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__center {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__center {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__center {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__center {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__center {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__center {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__center {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__center {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__center {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__center {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__center {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__center {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__center {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__center {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__center {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__center {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__center {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__center {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__center {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__center {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__center {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__center {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__center {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__center {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__center {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__center {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__center {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__center {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__center {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__center {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__center {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__center {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__center {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__center {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__center {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__center {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__center {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__center {
    line-height: 63px;
  }
}
#policecomputer .policecomputer__button_search {
  color: #869199;
  font-family: "SF Pro Display Regular";
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_search {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_search {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_search {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_search {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_search {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_search {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_search {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_search {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_search {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_search {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_search {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_search {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_search {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_search {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_search {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_search {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_search {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_search {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_search {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_search {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_search {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_search {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_search {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_search {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_search {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_search {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_search {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_search {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_search {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_search {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_search {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_search {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__button_search .bortovoiicon-Vector {
    font-size: 44.1px;
  }
}
#policecomputer .box-flex {
  display: flex;
  align-items: center;
}
#policecomputer .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#policecomputer .box-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#policecomputer .box-column {
  display: flex;
  flex-direction: column;
}
#policecomputer .wh-100 {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  text-align: center;
}
#policecomputer .w-100 {
  width: 100%;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 72px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__licenses {
    padding-top: 100.8px;
  }
}
#policecomputer .policecomputer__licenses [class^=inv-lic-] {
  color: #475667;
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 78.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    font-size: 110.25px;
  }
}
@media (max-width: 799px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .policecomputer__licenses [class^=inv-lic-] {
    margin-right: 126px;
  }
}
#policecomputer .policecomputer__licenses [class^=inv-lic-].active {
  color: white;
}
#policecomputer .mt-auto {
  margin-top: auto;
}
#policecomputer .newbuttons_button {
  background: #FFFFFF;
  height: -moz-fit-content;
  height: fit-content;
  color: #1E262F;
  font-weight: 600;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    padding-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #policecomputer .newbuttons_button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .newbuttons_button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .newbuttons_button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .newbuttons_button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .newbuttons_button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .newbuttons_button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .newbuttons_button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .newbuttons_button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .newbuttons_button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .newbuttons_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .newbuttons_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .newbuttons_button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .newbuttons_button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .newbuttons_button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .newbuttons_button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .newbuttons_button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .newbuttons_button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .newbuttons_button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #policecomputer .mt-12 {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .mt-12 {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .mt-12 {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .mt-12 {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .mt-12 {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .mt-12 {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .mt-12 {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .mt-12 {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .mt-12 {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .mt-12 {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .mt-12 {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .mt-12 {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .mt-12 {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .mt-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .mt-12 {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .mt-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .mt-12 {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .mt-12 {
    margin-top: 37.8px;
  }
}
#policecomputer .black {
  color: black;
}
@media (max-width: 799px) {
  #policecomputer .black {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #policecomputer .black {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #policecomputer .black {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #policecomputer .black {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #policecomputer .black {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #policecomputer .black {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #policecomputer .black {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #policecomputer .black {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #policecomputer .black {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #policecomputer .black {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #policecomputer .black {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #policecomputer .black {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #policecomputer .black {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #policecomputer .black {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #policecomputer .black {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #policecomputer .black {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #policecomputer .black {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #policecomputer .black {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #policecomputer .black {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #policecomputer .black {
    margin-left: 25.2px;
  }
}
#policecomputer .f-regular {
  font-family: "SF Pro Display Regular";
}
@font-face {
  font-family: "bortovoiicon";
  src: url(../src/views/fractions/bortovoi/assets/fonts//bortovoiicon.eot);
  src: url(../src/views/fractions/bortovoi/assets/fonts//bortovoiicon.eot#iefix) format("embedded-opentype"), url(../src/views/fractions/bortovoi/assets/fonts//bortovoiicon.ttf) format("truetype"), url(../src/views/fractions/bortovoi/assets/fonts//bortovoiicon.woff) format("woff"), url(/src/views/fractions/bortovoi/assets/fonts/bortovoiicon.svg#bortovoiicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=bortovoiicon-], [class*=" bortovoiicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "bortovoiicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bortovoiicon-list:before {
  content: "\e920";
}

.bortovoiicon-police:before {
  content: "\e921";
}

.bortovoiicon-shield:before {
  content: "\e922";
}

.bortovoiicon-star:before {
  content: "\e923";
}

.bortovoiicon-Vector:before {
  content: "\e924";
}

.bortovoiicon-call:before {
  content: "\e925";
}

.bortovoiicon-gos:before {
  content: "\e926";
}

.bortovoiicon-info:before {
  content: "\e927";
}

.bortovoiicon-best:before {
  content: "\e900";
}

.bortovoiicon-check:before {
  content: "\e901";
}

.bortovoiicon-complaints:before {
  content: "\e902";
}

.bortovoiicon-copy:before {
  content: "\e903";
}

.bortovoiicon-crime:before {
  content: "\e904";
}

.bortovoiicon-crown:before {
  content: "\e905";
}

.bortovoiicon-decline:before {
  content: "\e906";
}

.bortovoiicon-dots:before {
  content: "\e907";
}

.bortovoiicon-exit:before {
  content: "\e908";
}

.bortovoiicon-fired:before {
  content: "\e909";
}

.bortovoiicon-form:before {
  content: "\e90a";
}

.bortovoiicon-fractions:before {
  content: "\e90b";
}

.bortovoiicon-gov:before {
  content: "\e90c";
}

.bortovoiicon-loop:before {
  content: "\e90d";
}

.bortovoiicon-map:before {
  content: "\e90e";
}

.bortovoiicon-members:before {
  content: "\e90f";
}

.bortovoiicon-neutral:before {
  content: "\e910";
}

.bortovoiicon-news:before {
  content: "\e911";
}

.bortovoiicon-parking:before {
  content: "\e912";
}

.bortovoiicon-person:before {
  content: "\e913";
}

.bortovoiicon-plus:before {
  content: "\e914";
}

.bortovoiicon-question:before {
  content: "\e915";
}

.bortovoiicon-rank:before {
  content: "\e916";
}

.bortovoiicon-settings:before {
  content: "\e917";
}

.bortovoiicon-squads:before {
  content: "\e918";
}

.bortovoiicon-stats:before {
  content: "\e919";
}

.bortovoiicon-stock:before {
  content: "\e91a";
}

.bortovoiicon-tasks:before {
  content: "\e91b";
}

.bortovoiicon-time:before {
  content: "\e91c";
}

.bortovoiicon-upgrade:before {
  content: "\e91d";
}

.bortovoiicon-warning:before {
  content: "\e91e";
}

.bortovoiicon-wifi:before {
  content: "\e91f";
}
@font-face {
    font-family: 'SF Pro Display Medium';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Medium.eot);
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Medium.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Medium.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Medium.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Heavy';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Heavy.eot);
    src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Heavy.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Heavy.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Heavy.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Ultra Light Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-UltralightItalic.eot);
    src: local('SF Pro Display UltralightItalic'), local('SFProDisplay-UltralightItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-UltralightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-UltralightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Regular Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-RegularItalic.eot);
    src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-RegularItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-RegularItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-RegularItalic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Thin';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Thin.eot);
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Thin.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Thin.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Thin.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Light';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Light.eot);
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Light.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Light.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Light.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Light.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Black Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BlackItalic.eot);
    src: local('SF Pro Display Black Italic'), local('SFProDisplay-BlackItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BlackItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BlackItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Bold';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Bold.eot);
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Bold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Bold.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Bold.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Black';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Black.eot);
    src: local('SF Pro Display Black'), local('SFProDisplay-Black'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Black.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Black.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Black.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Semi Bold Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.eot);
    src: local('SF Pro Display SemiboldItalic'), local('SFProDisplay-SemiboldItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Ultra Light';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Ultralight.eot);
    src: local('SF Pro Display Ultralight'), local('SFProDisplay-Ultralight'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Ultralight.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Ultralight.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Ultralight.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Light Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-LightItalic.eot);
    src: local('SF Pro Display LightItalic'), local('SFProDisplay-LightItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-LightItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-LightItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-LightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Thin Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-ThinItalic.eot);
    src: local('SF Pro Display ThinItalic'), local('SFProDisplay-ThinItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-ThinItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-ThinItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Medium Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-MediumItalic.eot);
    src: local('SF Pro Display MediumItalic'), local('SFProDisplay-MediumItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-MediumItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-MediumItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Semi Bold';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Semibold.eot);
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Semibold.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Semibold.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Semibold.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Heavy Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-HeavyItalic.eot);
    src: local('SF Pro Display HeavyItalic'), local('SFProDisplay-HeavyItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-HeavyItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display Regular';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Regular.eot);
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Regular.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Regular.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display Bold Italic';
    src: url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BoldItalic.eot);
    src: local('SF Pro Display BoldItalic'), local('SFProDisplay-BoldItalic'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format('woff2'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BoldItalic.woff) format('woff'),
        url(../src/views/fractions/weazelnews/assets/fonts/SFPro//SFProDisplay-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}


#weazelnews {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  #weazelnews {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #weazelnews {
    padding-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    padding-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    padding-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    padding-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    padding-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    padding-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    padding-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    padding-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    padding-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    padding-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    padding-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    padding-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    padding-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    padding-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    padding-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    padding-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    padding-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    padding-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    padding-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews {
    padding-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    padding-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    padding-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    padding-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    padding-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    padding-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    padding-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    padding-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    padding-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    padding-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    padding-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    padding-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    padding-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    padding-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    padding-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    padding-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    padding-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    padding-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    padding-bottom: 132.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews {
    padding-right: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    padding-right: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    padding-right: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    padding-right: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    padding-right: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    padding-right: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    padding-right: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    padding-right: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    padding-right: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    padding-right: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    padding-right: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    padding-right: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    padding-right: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    padding-right: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    padding-right: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    padding-right: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    padding-right: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    padding-right: 110.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    padding-right: 154.35px;
  }
}
@media (max-width: 799px) {
  #weazelnews {
    padding-left: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews {
    padding-left: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews {
    padding-left: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews {
    padding-left: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews {
    padding-left: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews {
    padding-left: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews {
    padding-left: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews {
    padding-left: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews {
    padding-left: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews {
    padding-left: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews {
    padding-left: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews {
    padding-left: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews {
    padding-left: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews {
    padding-left: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews {
    padding-left: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews {
    padding-left: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews {
    padding-left: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews {
    padding-left: 110.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews {
    padding-left: 154.35px;
  }
}
#weazelnews .whitecolor {
  color: white;
}
#weazelnews .weazelnews__planshet {
  font-family: "SF Pro Display Medium";
  font-weight: 500;
  background-image: url(/src/views/fractions/weazelnews/assets/images/ipad.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    width: 577.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    width: 642px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    width: 828.18px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    width: 879.54px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    width: 963px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    width: 898.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    width: 1091.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    width: 1027.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    width: 1219.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    width: 1284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    width: 1284px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    width: 1605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    width: 1733.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    width: 1669.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    width: 1605px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    width: 2118.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    width: 2568px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    width: 2118.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    width: 2889px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    width: 4044.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    height: 417.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    height: 464px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    height: 598.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    height: 635.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    height: 696px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    height: 649.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    height: 788.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    height: 742.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    height: 881.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    height: 928px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    height: 928px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    height: 1160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    height: 1252.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    height: 1206.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    height: 1160px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    height: 1531.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    height: 1856px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    height: 1531.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    height: 2088px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    height: 2923.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 108px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    padding-top: 151.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 105.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    padding-bottom: 148.05px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 99px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    padding-left: 138.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 105.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__planshet {
    padding-right: 148.05px;
  }
}
#weazelnews .weazelnews__head {
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
  background: white;
  color: #1E262F;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    height: 72.45px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    border-top-left-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head {
    border-top-right-radius: 50.4px;
  }
}
#weazelnews .weazelnews__head .weazelnews__head_img {
  color: black;
  background-image: url(/src/views/fractions/weazelnews/assets/images/right.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 44.316px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 49.24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 63.5196px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 67.4588px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 73.86px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 68.936px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 83.708px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 78.784px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 93.556px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 98.48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 98.48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 123.1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 132.948px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 128.024px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 123.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 162.492px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 196.96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 162.492px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 221.58px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    width: 310.212px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__head .weazelnews__head_img {
    height: 44.1px;
  }
}
#weazelnews .weazelnews__nav {
  z-index: 0;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav {
    height: 364.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav {
    height: 404.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav {
    height: 521.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav {
    height: 554.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav {
    height: 606.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav {
    height: 566.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav {
    height: 687.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav {
    height: 647.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav {
    height: 768.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav {
    height: 1011.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav {
    height: 1092.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav {
    height: 1051.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav {
    height: 1011.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    height: 1334.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    height: 1618px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    height: 1334.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    height: 1820.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav {
    height: 2548.35px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav {
    border-bottom-left-radius: 50.4px;
  }
}
#weazelnews .weazelnews__nav .weazelnews__nav_logo {
  background-image: url(/src/views/fractions/weazelnews/assets/images/weazel-logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 101.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 113px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 145.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 154.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 169.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 158.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 192.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 180.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 214.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 226px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 282.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 305.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 293.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 282.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 372.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 452px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 372.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 508.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    width: 711.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 126px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    height: 176.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav .weazelnews__nav_logo {
    margin-bottom: 75.6px;
  }
}
#weazelnews .weazelnews__nav .line {
  width: 100%;
  background: #C6D1DA;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav .line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav .line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav .line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav .line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav .line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav .line {
    height: 3.15px;
  }
}
#weazelnews .weazelnews__nav_element {
  display: flex;
  align-items: center;
  color: #869199;
  font-weight: 500;
  cursor: pointer;
  z-index: 10000;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 1.8px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 2px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 2.58px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 2.74px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 3px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 2.8px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 3.4px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 3.2px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 3.8px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 4px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 4px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 5px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 5.4px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 5.2px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 5px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 6.6px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 8px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 6.6px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 9px solid transparent;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    border-left: 12.6px solid transparent;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element [class^=bortovoiicon-] {
    margin-right: 37.8px;
  }
}
#weazelnews .weazelnews__nav_element.active {
  color: #00BBFF;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 1.8px solid #00BBFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 2px solid #00BBFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 2.58px solid #00BBFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 2.74px solid #00BBFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 3px solid #00BBFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 2.8px solid #00BBFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 3.4px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 3.2px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 3.8px solid #00BBFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 4px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 4px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 5px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 5.4px solid #00BBFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 5.2px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 5px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 6.6px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 8px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 6.6px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 9px solid #00BBFF;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__nav_element.active {
    border-left: 12.6px solid #00BBFF;
  }
}
@media (max-width: 799px) {
  #weazelnews .mt-24 {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-24 {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-24 {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-24 {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-24 {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-24 {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-24 {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-24 {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-24 {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-24 {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-24 {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-24 {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-24 {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-24 {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-24 {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-24 {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-24 {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-24 {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-24 {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-24 {
    margin-top: 75.6px;
  }
}
#weazelnews .mt-auto {
  margin-top: auto;
}
#weazelnews .weazelnews__name {
  color: #1E262F;
  font-weight: 600;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__name {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__name {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__name {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__name {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__name {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__name {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__name {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__name {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__name {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__name {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__name {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__name {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__name {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__name {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__name {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__name {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__name {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__name {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__name {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__name {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__name {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__name {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__name {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__name {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__name {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__name {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__name {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__name {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__name {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__name {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__name {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__name {
    margin-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__name {
    margin-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__name {
    margin-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__name {
    margin-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__name {
    margin-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__name {
    margin-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__name {
    margin-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__name {
    margin-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__name {
    margin-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__name {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__name {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__name {
    margin-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__name {
    margin-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__name {
    margin-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__name {
    margin-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    margin-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    margin-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__name {
    margin-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__name {
    margin-left: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__name {
    margin-left: 88.2px;
  }
}
#weazelnews .weazelnews__rank {
  color: #869199;
  font-weight: 600;
  font-family: "SF Pro Display Bold";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__rank {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__rank {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__rank {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__rank {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__rank {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__rank {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__rank {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__rank {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__rank {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__rank {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__rank {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__rank {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__rank {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__rank {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__rank {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__rank {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__rank {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__rank {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__rank {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__rank {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__rank {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__rank {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__rank {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__rank {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__rank {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__rank {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__rank {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__rank {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__rank {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__rank {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__rank {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__rank {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__rank {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__rank {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__rank {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__rank {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__rank {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__rank {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__rank {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__rank {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__rank {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__rank {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__rank {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__rank {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__rank {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__rank {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__rank {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__rank {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__rank {
    margin-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__rank {
    margin-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__rank {
    margin-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__rank {
    margin-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__rank {
    margin-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__rank {
    margin-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__rank {
    margin-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__rank {
    margin-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__rank {
    margin-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__rank {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__rank {
    margin-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__rank {
    margin-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__rank {
    margin-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__rank {
    margin-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__rank {
    margin-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    margin-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    margin-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__rank {
    margin-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__rank {
    margin-left: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__rank {
    margin-left: 88.2px;
  }
}
#weazelnews .weazelnews__flag {
  background-image: url(/src/views/fractions/weazelnews/assets/images/waezel.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__flag {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__flag {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__flag {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__flag {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__flag {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__flag {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__flag {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__flag {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__flag {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__flag {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__flag {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__flag {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__flag {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__flag {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__flag {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__flag {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__flag {
    height: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__flag {
    height: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__flag {
    height: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__flag {
    height: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__flag {
    height: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__flag {
    height: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__flag {
    height: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__flag {
    height: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__flag {
    height: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__flag {
    height: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__flag {
    height: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__flag {
    height: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__flag {
    height: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__flag {
    height: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__flag {
    height: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    height: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    height: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    height: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    height: 373.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__flag {
    height: 522.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__flag {
    border-bottom-left-radius: 50.4px;
  }
}
#weazelnews .weazelnews__main {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #1E262F;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main {
    height: 364.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main {
    height: 404.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main {
    height: 521.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main {
    height: 554.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main {
    height: 606.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main {
    height: 566.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main {
    height: 687.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main {
    height: 647.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main {
    height: 768.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main {
    height: 809px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main {
    height: 1011.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main {
    height: 1092.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main {
    height: 1051.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main {
    height: 1011.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    height: 1334.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    height: 1618px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    height: 1334.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    height: 1820.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main {
    height: 2548.35px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main {
    border-bottom-right-radius: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main {
    padding: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main {
    padding: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main {
    padding: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main {
    padding: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main {
    padding: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main {
    padding: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main {
    padding: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main {
    padding: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main {
    padding: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main {
    padding: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main {
    padding: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main {
    padding: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main {
    padding: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main {
    padding: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    padding: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    padding: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main {
    padding: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main {
    padding: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main {
    padding: 126px;
  }
}
#weazelnews .weazelnews__main .weazelnews__title {
  font-weight: bold;
  font-family: "RF Dewi Extended";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__title {
    line-height: 88.2px;
  }
}
#weazelnews .weazelnews__main .weazelnews__button {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: "SF Pro Display Medium";
  color: #00BBFF;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button {
    line-height: 88.2px;
  }
}
#weazelnews .weazelnews__main .weazelnews__button:hover {
  transition: all 0.5s ease;
  background: #bebdbd;
}
#weazelnews .weazelnews__main .weazelnews__button.delete {
  background: #00BBFF;
  color: white;
}
#weazelnews .weazelnews__main .weazelnews__button.delete:hover {
  transition: all 0.5s ease;
  opacity: 0.8;
}
#weazelnews .weazelnews__main .weazelnews__button.small {
  background: #3D444B;
  font-family: "SF Pro Display Regular";
  color: white;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 55.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 62px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 79.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 84.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 93px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 86.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 105.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 99.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 117.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 124px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 155px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 167.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 161.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 204.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 248px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 204.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 279px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    width: 390.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.small {
    line-height: 56.7px;
  }
}
#weazelnews .weazelnews__main .weazelnews__button.small:hover {
  background: white;
  color: black;
  transition: all 0.5s ease;
}
#weazelnews .weazelnews__main .weazelnews__button.large {
  background: #3D444B;
  color: white;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 134.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 149.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 192.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 204.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 224.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 209.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 254.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 239.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 284.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 373.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 403.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 388.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 373.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 493.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 598px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 493.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 672.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__main .weazelnews__button.large {
    width: 941.85px;
  }
}
#weazelnews .weazelnews__main .weazelnews__button.large:hover {
  background: white;
  color: black;
  transition: all 0.5s ease;
}
#weazelnews .weazelnews__selectors {
  display: flex;
  align-items: center;
  width: 100%;
  font-family: "SF Pro Display Regular";
  color: #869199;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 0.9px solid #475667;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.29px solid #475667;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.37px solid #475667;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.5px solid #475667;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.4px solid #475667;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.7px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.6px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 1.9px solid #475667;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2.5px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2.7px solid #475667;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2.6px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 2.5px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 3.3px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 4px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 3.3px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 4.5px solid #475667;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    border-bottom: 6.3px solid #475667;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    padding-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector {
    padding-bottom: 25.2px;
  }
}
#weazelnews .weazelnews__selectors .weazelnews__selector.active {
  color: white;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 0.9px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.29px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.37px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.5px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.4px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.7px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.6px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 1.9px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2.5px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2.7px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2.6px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 2.5px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 3.3px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 4px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 3.3px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 4.5px solid white;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__selectors .weazelnews__selector.active {
    border-bottom: 6.3px solid white;
  }
}
#weazelnews .weazelnews__textarea {
  background: #293139;
  color: #A6B1BA;
  resize: none;
  outline: none;
  border: none;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    width: 1719.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    padding-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__textarea {
    padding-bottom: 37.8px;
  }
}
#weazelnews .weazelnews__textarea.w-100 {
  width: 100%;
}
@media (max-width: 799px) {
  #weazelnews .mt-45 {
    margin-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-45 {
    margin-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-45 {
    margin-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-45 {
    margin-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-45 {
    margin-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-45 {
    margin-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-45 {
    margin-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-45 {
    margin-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-45 {
    margin-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-45 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-45 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-45 {
    margin-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-45 {
    margin-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-45 {
    margin-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-45 {
    margin-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-45 {
    margin-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-45 {
    margin-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-45 {
    margin-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-45 {
    margin-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-45 {
    margin-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mt-32 {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-32 {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-32 {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-32 {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-32 {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-32 {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-32 {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-32 {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-32 {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-32 {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-32 {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-32 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-32 {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-32 {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-32 {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-32 {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-32 {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-32 {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-32 {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-32 {
    margin-top: 100.8px;
  }
}
#weazelnews .weazelnews__input {
  display: flex;
  align-items: center;
  background: #293139;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    width: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    width: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    width: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    width: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    width: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    width: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    width: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    width: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    width: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    width: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    width: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    width: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    width: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    width: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    width: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    width: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    width: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    width: 2501.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    padding-left: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input {
    margin-top: 75.6px;
  }
}
#weazelnews .weazelnews__input .bortovoiicon-loop {
  color: white;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input .bortovoiicon-loop {
    margin-right: 15.75px;
  }
}
#weazelnews .weazelnews__input input {
  width: 100%;
  height: 100%;
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
  background: transparent;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input input {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input input {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input input {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input input {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input input {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input input {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input input {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input input {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input input {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input input {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input input {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input input {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input input {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input input {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input input {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input input {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input input {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input input {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input input {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input input {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input input {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input input {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input input {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input input {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input input {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input input {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input input {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input input {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input input {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input input {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input input {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input input {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input input {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input input {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input input {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input input {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input input {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input input {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input input {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input input {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input input {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input input {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input input {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input input {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input input {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input input {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input input {
    line-height: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input.small {
    width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input.small {
    width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input.small {
    width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input.small {
    width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input.small {
    width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input.small {
    width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input.small {
    width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input.small {
    width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input.small {
    width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input.small {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input.small {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input.small {
    width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input.small {
    width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input.small {
    width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input.small {
    width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input.small {
    width: 1719.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input.small {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input.small {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input.small {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input.small {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input.small {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input.small {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input.small {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input.small {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input.small {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input.small {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input.small {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input.small {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input.small {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input.small {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input.small {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input.small {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input.small {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input.small input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input.small input {
    line-height: 88.2px;
  }
}
#weazelnews .weazelnews__back {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__back {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__back {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__back {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__back {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__back {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__back {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__back {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__back {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__back {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__back {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__back {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__back {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__back {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__back {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__back {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__back {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__back {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__back {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__back {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__back {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__back {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__back {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__back {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__back {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__back {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__back {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__back {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__back {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__back {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__back {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__back {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__back {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__back {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__back {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__back {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__back {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__back {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__back {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__back {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__back {
    line-height: 50.4px;
  }
}
#weazelnews .weazelnews__back:hover {
  opacity: 0.7;
}
#weazelnews .weazelnews__descr {
  font-style: normal;
  font-weight: normal;
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__descr {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__descr {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__descr {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__descr {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__descr {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__descr {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__descr {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__descr {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__descr {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__descr {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__descr {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__descr {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__descr {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__descr {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__descr {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__descr {
    width: 1890px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__descr {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__descr {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__descr {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__descr {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__descr {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__descr {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__descr {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__descr {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__descr {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__descr {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__descr {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__descr {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__descr {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__descr {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__descr {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__descr {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__descr {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__descr {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__descr {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__descr {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__descr {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__descr {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__descr {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__descr {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__descr {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__descr {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__descr {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__descr {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__descr {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__descr {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__descr {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__descr {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__descr {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__descr {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__descr {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__descr {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__descr {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__descr {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__descr {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__descr {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__descr {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__descr {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__descr {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__descr {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__descr {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__descr {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__descr {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__descr {
    margin-bottom: 100.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoiicon-info {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoiicon-info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoiicon-info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoiicon-info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoiicon-info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoiicon-info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoiicon-info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoiicon-info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoiicon-info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoiicon-info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoiicon-info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoiicon-info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoiicon-info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoiicon-info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoiicon-info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoiicon-info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoiicon-info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoiicon-info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoiicon-info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoiicon-info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoiicon-info {
    font-size: 50.4px;
  }
}
#weazelnews .weazelnews__bold {
  font-weight: 600;
  font-family: "SF Pro Display Semi Bold";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__bold {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__bold {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__bold {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__bold {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__bold {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__bold {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__bold {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__bold {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__bold {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__bold {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__bold {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__bold {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__bold {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__bold {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__bold {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__bold {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__bold {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__bold {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__bold {
    font-size: 50.4px;
  }
}
#weazelnews .weazelnews__block_info {
  font-family: "SF Pro Display Regular";
  background: #293139;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    width: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    width: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    width: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    width: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    width: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    width: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    width: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    width: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    width: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    width: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    width: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    width: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    width: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    width: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    width: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    width: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    width: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    width: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    width: 2501.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__block_info {
    margin-top: 25.2px;
  }
}
#weazelnews .weazelnews__font_20 {
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__font_20 {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__font_20 {
    line-height: 75.6px;
  }
}
#weazelnews .weazelnews__font_18 {
  font-family: "SF Pro Display Regular";
  color: #869199;
  cursor: pointer;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__font_18 {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__font_18 {
    line-height: 75.6px;
  }
}
#weazelnews .weazelnews__font_18:hover {
  opacity: 0.7;
}
#weazelnews .weazelnews__search {
  color: #A6B1BA;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__search {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__search {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__search {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__search {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__search {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__search {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__search {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__search {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__search {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__search {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__search {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__search {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__search {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__search {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__search {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__search {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__search {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__search {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__search {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__search {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__search {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__search {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__search {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__search {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__search {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__search {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__search {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__search {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__search {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__search {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__search {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__search {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__search {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__search {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__search {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__search {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__search {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__search {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__search {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__search {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__search {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__search {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__search {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__search {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__search {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__search {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__search {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__search {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__search {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__search {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__search {
    line-height: 75.6px;
  }
}
#weazelnews .bortovoie__tablet_element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FFFFFF;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element {
    padding-bottom: 40.95px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element {
    padding-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.45px solid #475667;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.5px solid #475667;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.645px solid #475667;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.685px solid #475667;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.75px solid #475667;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.7px solid #475667;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.85px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.8px solid #475667;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 0.95px solid #475667;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.25px solid #475667;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.35px solid #475667;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.3px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.25px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.65px solid #475667;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 2px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 1.65px solid #475667;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 2.25px solid #475667;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element {
    border-bottom: 3.15px solid #475667;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element.noborder {
    border-bottom: 3.15px solid transparent;
  }
}
#weazelnews .bortovoie__tablet_element.title {
  font-family: "SF Pro Display Regular";
  color: #869199;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.45px solid transparent;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.5px solid transparent;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.645px solid transparent;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.685px solid transparent;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.75px solid transparent;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.7px solid transparent;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.85px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.8px solid transparent;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 0.95px solid transparent;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.35px solid transparent;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.3px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.25px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 2px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 1.65px solid transparent;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 2.25px solid transparent;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element.title {
    border-bottom: 3.15px solid transparent;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element.title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element.title {
    line-height: 63px;
  }
}
#weazelnews .bortovoie__tablet_element .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 382.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .name {
    width: 535.5px;
  }
}
#weazelnews .bortovoie__tablet_element .name.gray {
  color: #869199;
}
#weazelnews .bortovoie__tablet_element .passport {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .passport {
    width: 315px;
  }
}
#weazelnews .bortovoie__tablet_element .number {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .number {
    width: 378px;
  }
}
#weazelnews .bortovoie__tablet_element .status {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .status {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .button {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 585px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .descr {
    width: 819px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .info {
    width: 472.5px;
  }
}
#weazelnews .bortovoie__tablet_element .info .underline {
  position: relative;
  color: #A6B1BA;
}
#weazelnews .bortovoie__tablet_element .info .underline::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #A6B1BA;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -6.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    bottom: -9.45px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .info .underline::after {
    height: 3.15px;
  }
}
#weazelnews .bortovoie__tablet_element .info.hover:hover {
  opacity: 0.7;
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .comment {
    width: 998.55px;
  }
}
@media (max-width: 799px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 142.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 158.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 204.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 217.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 237.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 221.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 269.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 253.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 301.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 317px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 396.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 427.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 412.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 396.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 523.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 634px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 523.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 713.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .bortovoie__tablet_element .comment {
    max-width: 998.55px;
  }
}
#weazelnews .wanted {
  color: #FB4F69;
}
#weazelnews .weazelnews__tablet {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__tablet {
    height: 244.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__tablet {
    height: 271.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__tablet {
    height: 350.235px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__tablet {
    height: 371.955px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__tablet {
    height: 407.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__tablet {
    height: 380.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__tablet {
    height: 461.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__tablet {
    height: 434.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__tablet {
    height: 515.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__tablet {
    height: 543px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__tablet {
    height: 543px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__tablet {
    height: 678.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__tablet {
    height: 733.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__tablet {
    height: 705.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__tablet {
    height: 678.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__tablet {
    height: 895.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__tablet {
    height: 1086px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__tablet {
    height: 895.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__tablet {
    height: 1221.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__tablet {
    height: 1710.45px;
  }
}
#weazelnews .weazelnews__tablet::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#weazelnews .weazelnews__tablet::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#weazelnews .weazelnews__tablet::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#weazelnews .weazelnews__database_element {
  background: #3D444B;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element {
    padding: 25.2px;
  }
}
#weazelnews .weazelnews__database_element .weazelnews__database_image {
  background-image: url(/src/views/fractions/weazelnews/assets/images/person.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    min-width: 522.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 45.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 51px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 65.79px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 69.87px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 76.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 71.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 86.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 96.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 102px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 127.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 137.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 132.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 127.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 168.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 204px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 168.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 229.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    height: 321.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_image {
    border-radius: 12.6px;
  }
}
#weazelnews .weazelnews__database_element .weazelnews__database_number {
  color: #a6b1ba;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_number {
    line-height: 50.4px;
  }
}
#weazelnews .weazelnews__database_element .weazelnews__database_name {
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_name {
    margin-bottom: 94.5px;
  }
}
#weazelnews .weazelnews__database_element .weazelnews__database_info {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__database_element .weazelnews__database_info {
    line-height: 63px;
  }
}
#weazelnews .weazelnews__database_element .weazelnews__database_info .white {
  color: white;
}
#weazelnews .weazelnews__person_image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image {
    min-width: 52.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image {
    min-width: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image {
    min-width: 74.82px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image {
    min-width: 79.46px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image {
    min-width: 87px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image {
    min-width: 81.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image {
    min-width: 98.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image {
    min-width: 92.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image {
    min-width: 110.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image {
    min-width: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image {
    min-width: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image {
    min-width: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image {
    min-width: 156.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image {
    min-width: 150.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image {
    min-width: 145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    min-width: 191.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    min-width: 232px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    min-width: 191.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    min-width: 261px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image {
    min-width: 365.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image {
    height: 52.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image {
    height: 58px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image {
    height: 74.82px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image {
    height: 79.46px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image {
    height: 87px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image {
    height: 81.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image {
    height: 98.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image {
    height: 92.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image {
    height: 110.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image {
    height: 116px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image {
    height: 145px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image {
    height: 156.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image {
    height: 150.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image {
    height: 145px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    height: 191.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    height: 232px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    height: 191.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    height: 261px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image {
    height: 365.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image {
    border: 0.9px solid #A6B1BA;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image {
    border: 1px solid #A6B1BA;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image {
    border: 1.29px solid #A6B1BA;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image {
    border: 1.37px solid #A6B1BA;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image {
    border: 1.5px solid #A6B1BA;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image {
    border: 1.4px solid #A6B1BA;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image {
    border: 1.7px solid #A6B1BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image {
    border: 1.6px solid #A6B1BA;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image {
    border: 1.9px solid #A6B1BA;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image {
    border: 2px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image {
    border: 2px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image {
    border: 2.5px solid #A6B1BA;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image {
    border: 2.7px solid #A6B1BA;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image {
    border: 2.6px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image {
    border: 2.5px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    border: 3.3px solid #A6B1BA;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    border: 4px solid #A6B1BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    border: 3.3px solid #A6B1BA;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    border: 4.5px solid #A6B1BA;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image {
    border: 6.3px solid #A6B1BA;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image {
    margin-right: 126px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 531px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image.car {
    min-width: 743.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image.car {
    width: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image.car {
    width: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image.car {
    width: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image.car {
    width: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image.car {
    width: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image.car {
    width: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image.car {
    width: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image.car {
    width: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image.car {
    width: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image.car {
    width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image.car {
    width: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image.car {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image.car {
    width: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image.car {
    width: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image.car {
    width: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.car {
    width: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.car {
    width: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.car {
    width: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.car {
    width: 531px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image.car {
    width: 743.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image.map {
    width: 134.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image.map {
    width: 149.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image.map {
    width: 192.855px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image.map {
    width: 204.815px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image.map {
    width: 224.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image.map {
    width: 209.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image.map {
    width: 254.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image.map {
    width: 239.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image.map {
    width: 284.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image.map {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image.map {
    width: 299px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image.map {
    width: 373.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image.map {
    width: 403.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image.map {
    width: 388.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image.map {
    width: 373.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.map {
    width: 493.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.map {
    width: 598px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.map {
    width: 493.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.map {
    width: 672.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image.map {
    width: 941.85px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__person_image.map {
    height: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__person_image.map {
    height: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__person_image.map {
    height: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__person_image.map {
    height: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__person_image.map {
    height: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__person_image.map {
    height: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__person_image.map {
    height: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__person_image.map {
    height: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__person_image.map {
    height: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__person_image.map {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__person_image.map {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__person_image.map {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__person_image.map {
    height: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__person_image.map {
    height: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__person_image.map {
    height: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.map {
    height: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.map {
    height: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__person_image.map {
    height: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__person_image.map {
    height: 378px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__person_image.map {
    height: 529.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mtmb-40 {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mtmb-40 {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mtmb-40 {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mtmb-40 {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mtmb-40 {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mtmb-40 {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mtmb-40 {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mtmb-40 {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mtmb-40 {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mtmb-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mtmb-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mtmb-40 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mtmb-40 {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mtmb-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mtmb-40 {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mtmb-40 {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mtmb-40 {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mtmb-40 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mtmb-40 {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mtmb-40 {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mtmb-40 {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mtmb-3620 {
    margin-top: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mtmb-3620 {
    margin-top: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mtmb-3620 {
    margin-top: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mtmb-3620 {
    margin-top: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mtmb-3620 {
    margin-top: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mtmb-3620 {
    margin-top: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mtmb-3620 {
    margin-top: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mtmb-3620 {
    margin-top: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mtmb-3620 {
    margin-top: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mtmb-3620 {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mtmb-3620 {
    margin-top: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mtmb-3620 {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mtmb-3620 {
    margin-top: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mtmb-3620 {
    margin-top: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mtmb-3620 {
    margin-top: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mtmb-3620 {
    margin-top: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mtmb-3620 {
    margin-top: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mtmb-3620 {
    margin-top: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mtmb-3620 {
    margin-top: 81px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mtmb-3620 {
    margin-top: 113.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mtmb-3620 {
    margin-bottom: 63px;
  }
}
#weazelnews .weazelnews__info_title {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_title {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_title {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_title {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_title {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_title {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_title {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_title {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_title {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_title {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_title {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_title {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_title {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_title {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_title {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_title {
    margin-bottom: 18.9px;
  }
}
#weazelnews .white {
  color: white;
}
#weazelnews .weazelnews__info_subtitle {
  font-weight: 500;
  font-family: "SF Pro Display Medium";
  width: -moz-fit-content;
  width: fit-content;
  word-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_subtitle {
    line-height: 63px;
  }
}
#weazelnews .weazelnews__info_subtitle .gray {
  color: #869199;
}
#weazelnews .w-max {
  width: -moz-max-content;
  width: max-content;
}
#weazelnews .weazelnews__info_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid {
    grid-gap: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 25.8px;
         column-gap: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 27.4px;
         column-gap: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 28px;
         column-gap: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 34px;
         column-gap: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 38px;
         column-gap: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 54px;
         column-gap: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 52px;
         column-gap: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 66px;
         column-gap: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 80px;
         column-gap: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 66px;
         column-gap: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 90px;
         column-gap: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid {
    -moz-column-gap: 126px;
         column-gap: 126px;
  }
}
#weazelnews .weazelnews__info_grid.small {
  grid-template-columns: repeat(2, 1fr);
}
#weazelnews .weazelnews__info_grid.database {
  grid-template-rows: repeat(5, 1fr);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid.database {
    grid-gap: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 9.9px;
         column-gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 11px;
         column-gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 14.19px;
         column-gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 15.07px;
         column-gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 16.5px;
         column-gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 15.4px;
         column-gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 18.7px;
         column-gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 17.6px;
         column-gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 20.9px;
         column-gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 22px;
         column-gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 29.7px;
         column-gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 28.6px;
         column-gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 27.5px;
         column-gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 44px;
         column-gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 36.3px;
         column-gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 49.5px;
         column-gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid.database {
    -moz-column-gap: 69.3px;
         column-gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 272.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 303px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 390.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 415.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 454.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 424.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 515.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 484.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 575.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 606px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 606px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 757.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 818.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 787.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 757.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 999.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 1212px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 999.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 1363.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid.database {
    height: 1908.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__info_grid.database {
    padding-right: 37.8px;
  }
}
#weazelnews .weazelnews__info_grid.database::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#weazelnews .weazelnews__info_grid.database::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#weazelnews .weazelnews__info_grid.database::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#weazelnews .weazelnews__input_descr {
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr {
    margin-top: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr {
    margin-bottom: 25.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr {
    max-width: 1719.9px;
  }
}
#weazelnews .weazelnews__input_descr .white {
  color: white;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-left: 25.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__input_descr .white {
    margin-right: 25.2px;
  }
}
#weazelnews .bortovoiicon-star {
  color: #60686D;
}
#weazelnews .bortovoiicon-star.active {
  color: white;
}
#weazelnews .m-0 {
  margin: 0;
}
@media (max-width: 799px) {
  #weazelnews .mt-4 {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-4 {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-4 {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-4 {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-4 {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-4 {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-4 {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-4 {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-4 {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-4 {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-4 {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-4 {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-4 {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-4 {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-4 {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-4 {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-4 {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-4 {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-4 {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-4 {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mt-20 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-20 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-20 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-20 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-20 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-20 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-20 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-20 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-20 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-20 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-20 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-20 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-20 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-20 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-20 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-20 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-16 {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-16 {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-16 {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-16 {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-16 {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-16 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-16 {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-16 {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-16 {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-16 {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-16 {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-16 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-16 {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-16 {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-16 {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-16 {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-16 {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-20 {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-20 {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-20 {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-20 {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-20 {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-20 {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-20 {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-20 {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-20 {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-20 {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-20 {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-20 {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-20 {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-20 {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-20 {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-20 {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-10 {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-5 {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-4 {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-4 {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-4 {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-4 {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-4 {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-4 {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-4 {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-4 {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-4 {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-4 {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-4 {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-4 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-4 {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-4 {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-4 {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-4 {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-4 {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-4 {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-4 {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-4 {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .fz-20 {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .fz-20 {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .fz-20 {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .fz-20 {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .fz-20 {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .fz-20 {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .fz-20 {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .fz-20 {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .fz-20 {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .fz-20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .fz-20 {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .fz-20 {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .fz-20 {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .fz-20 {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .fz-20 {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .fz-20 {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .fz-20 {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .fz-20 {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .fz-20 {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .fz-20 {
    font-size: 63px;
  }
}
#weazelnews .weazelnews__button_circle {
  border-radius: 50%;
  background: rgba(244, 245, 245, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_circle {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_circle {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_circle {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_circle {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_circle {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_circle {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_circle {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_circle {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_circle {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_circle {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_circle {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_circle {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_circle {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_circle {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_circle {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_circle {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_circle {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_circle {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_circle {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_circle {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_circle {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_circle {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_circle {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_circle {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_circle {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_circle {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_circle {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_circle {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_circle {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_circle {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_circle {
    font-size: 31.5px;
  }
}
#weazelnews .weazelnews__button_circle.hover:hover {
  color: black;
  transition: all 0.5s ease;
  background: white;
}
#weazelnews .weazelnews__comments_element {
  width: 100%;
  height: auto;
  background: #293139;
  font-family: "SF Pro Display Medium";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element {
    padding: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element {
    padding: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element {
    padding: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element {
    padding: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element {
    padding: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element {
    padding: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element {
    padding: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element {
    padding: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element {
    padding: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element {
    padding: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element {
    padding: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element {
    padding: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element {
    padding: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    padding: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    padding: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    padding: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    padding: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element {
    padding: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element {
    margin-bottom: 75.6px;
  }
}
#weazelnews .weazelnews__comments_element:last-child {
  margin-bottom: 0;
}
#weazelnews .weazelnews__comments_element .gray {
  color: #869199;
}
#weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments_element .weazelnews__comments_comment {
    margin-top: 50.4px;
  }
}
#weazelnews .weazelnews__comments {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments {
    height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments {
    height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments {
    height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments {
    height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments {
    height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments {
    height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments {
    height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments {
    height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments {
    height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments {
    height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments {
    height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments {
    height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments {
    height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments {
    height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments {
    height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments {
    max-height: 193.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments {
    max-height: 215px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments {
    max-height: 277.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments {
    max-height: 294.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments {
    max-height: 322.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments {
    max-height: 301px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments {
    max-height: 365.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments {
    max-height: 344px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments {
    max-height: 408.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments {
    max-height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments {
    max-height: 430px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments {
    max-height: 537.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments {
    max-height: 580.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments {
    max-height: 559px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments {
    max-height: 537.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    max-height: 709.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    max-height: 860px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    max-height: 709.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    max-height: 967.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments {
    max-height: 1354.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments.big {
    height: 298.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments.big {
    height: 332px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments.big {
    height: 428.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments.big {
    height: 454.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments.big {
    height: 498px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments.big {
    height: 464.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments.big {
    height: 564.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments.big {
    height: 531.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments.big {
    height: 630.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments.big {
    height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments.big {
    height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments.big {
    height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments.big {
    height: 896.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments.big {
    height: 863.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments.big {
    height: 830px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments.big {
    height: 1095.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments.big {
    height: 1328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments.big {
    height: 1095.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments.big {
    height: 1494px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments.big {
    height: 2091.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 298.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 332px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 428.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 454.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 498px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 464.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 564.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 531.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 630.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 664px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 896.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 863.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 830px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 1095.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 1328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 1095.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 1494px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__comments.big {
    max-height: 2091.6px;
  }
}
#weazelnews .weazelnews__comments::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#weazelnews .weazelnews__comments::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#weazelnews .weazelnews__comments::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#weazelnews .weazelnews__center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #869199;
  font-family: "SF Pro Display Regular";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__center {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__center {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__center {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__center {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__center {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__center {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__center {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__center {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__center {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__center {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__center {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__center {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__center {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__center {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__center {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__center {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__center {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__center {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__center {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__center {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__center {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__center {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__center {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__center {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__center {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__center {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__center {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__center {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__center {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__center {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__center {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__center {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__center {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__center {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__center {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__center {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__center {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__center {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__center {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__center {
    line-height: 63px;
  }
}
#weazelnews .weazelnews__button_search {
  color: #869199;
  font-family: "SF Pro Display Regular";
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_search {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_search {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_search {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_search {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_search {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_search {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_search {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_search {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_search {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_search {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_search {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_search {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_search {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_search {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_search {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_search {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_search {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_search {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_search {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_search {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_search {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_search {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_search {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_search {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_search {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_search {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_search {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_search {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_search {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_search {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_search {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_search {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    margin-right: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__button_search .bortovoiicon-Vector {
    font-size: 44.1px;
  }
}
#weazelnews .box-flex {
  display: flex;
  align-items: center;
}
#weazelnews .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#weazelnews .box-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#weazelnews .box-column {
  display: flex;
  flex-direction: column;
}
#weazelnews .wh-100 {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  text-align: center;
}
#weazelnews .w-100 {
  width: 100%;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 72px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__licenses {
    padding-top: 100.8px;
  }
}
#weazelnews .weazelnews__licenses [class^=inv-lic-] {
  color: #475667;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 78.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    font-size: 110.25px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__licenses [class^=inv-lic-] {
    margin-right: 126px;
  }
}
#weazelnews .weazelnews__licenses [class^=inv-lic-].active {
  color: white;
}
#weazelnews .mt-auto {
  margin-top: auto;
}
#weazelnews .newbuttons_button {
  background: #FFFFFF;
  height: -moz-fit-content;
  height: fit-content;
  color: #1E262F;
  font-weight: 600;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    padding-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #weazelnews .newbuttons_button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .newbuttons_button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .newbuttons_button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .newbuttons_button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .newbuttons_button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .newbuttons_button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .newbuttons_button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .newbuttons_button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .newbuttons_button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .newbuttons_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .newbuttons_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .newbuttons_button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .newbuttons_button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .newbuttons_button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .newbuttons_button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .newbuttons_button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .newbuttons_button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .newbuttons_button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mt-12 {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mt-12 {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mt-12 {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mt-12 {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mt-12 {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mt-12 {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mt-12 {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mt-12 {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mt-12 {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mt-12 {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mt-12 {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mt-12 {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mt-12 {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mt-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mt-12 {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mt-12 {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mt-12 {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mt-12 {
    margin-top: 37.8px;
  }
}
#weazelnews .black {
  color: black;
}
#weazelnews .red {
  color: #00BBFF;
}
#weazelnews .f-regular {
  font-family: "SF Pro Display Regular";
}
#weazelnews .weazelnews__live_title {
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_title {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_title {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_title {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_title {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_title {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_title {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_title {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_title {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_title {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_title {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_title {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_title {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_title {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_title {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_title {
    margin-bottom: 6.3px;
  }
}
#weazelnews .weazelnews__live_block {
  background: rgba(41, 49, 57, 0.6);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_block {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_block {
    height: 73.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_block {
    height: 81.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_block {
    height: 105.135px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_block {
    height: 111.655px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_block {
    height: 122.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_block {
    height: 114.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_block {
    height: 138.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_block {
    height: 130.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_block {
    height: 154.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_block {
    height: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_block {
    height: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_block {
    height: 203.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_block {
    height: 220.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_block {
    height: 211.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_block {
    height: 203.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    height: 268.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    height: 326px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    height: 268.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    height: 366.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_block {
    height: 513.45px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_block {
    margin-top: 126px;
  }
}
#weazelnews .weazelnews__live_subtitle {
  color: #869199;
  font-family: "SF Pro Display Regular";
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_subtitle {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_subtitle {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_subtitle {
    margin-bottom: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .mr-14 {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .mr-14 {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .mr-14 {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .mr-14 {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .mr-14 {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .mr-14 {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .mr-14 {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .mr-14 {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .mr-14 {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .mr-14 {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .mr-14 {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .mr-14 {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .mr-14 {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .mr-14 {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .mr-14 {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .mr-14 {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .mr-14 {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .mr-14 {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .mr-14 {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .mr-14 {
    margin-right: 44.1px;
  }
}
#weazelnews .weazelnews__chatbox {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox {
    height: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox {
    height: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox {
    height: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox {
    height: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox {
    height: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox {
    height: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox {
    height: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox {
    height: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox {
    height: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox {
    height: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox {
    height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox {
    height: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox {
    height: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox {
    height: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    height: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    height: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    height: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    height: 900px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox {
    height: 1260px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox {
    padding-right: 18.9px;
  }
}
#weazelnews .weazelnews__chatbox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#weazelnews .weazelnews__chatbox::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#weazelnews .weazelnews__chatbox::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#weazelnews .weazelnews__chatbox .weazelnews__message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: rgba(41, 49, 57, 0.6);
  word-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    padding-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 149.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 166.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 214.785px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 228.105px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 249.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 233.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 283.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 266.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 316.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 333px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 333px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 416.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 449.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 432.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 416.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 549.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 666px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 549.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 749.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message {
    width: 1048.95px;
  }
}
#weazelnews .weazelnews__chatbox .weazelnews__message.me {
  align-self: flex-end;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 1.8px solid #00BBFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 2px solid #00BBFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 2.58px solid #00BBFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 2.74px solid #00BBFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 3px solid #00BBFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 2.8px solid #00BBFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 3.4px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 3.2px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 3.8px solid #00BBFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 4px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 4px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 5px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 5.4px solid #00BBFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 5.2px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 5px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 6.6px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 8px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 6.6px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 9px solid #00BBFF;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message.me {
    border-bottom: 12.6px solid #00BBFF;
  }
}
#weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_name {
    line-height: 88.2px;
  }
}
#weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_type {
    margin-bottom: 12.6px;
  }
}
#weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chatbox .weazelnews__message .weazelnews__message_text {
    line-height: 56.7px;
  }
}
#weazelnews .weazelnews__chat_input {
  font-family: inherit;
  background: rgba(41, 49, 57, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    width: 328.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    width: 365.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    width: 471.495px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    width: 500.735px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    width: 548.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    width: 511.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    width: 621.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    width: 584.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    width: 694.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    width: 731px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    width: 731px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    width: 913.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    width: 986.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    width: 950.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    width: 913.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    width: 1206.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    width: 1462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    width: 1206.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    width: 1644.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    width: 2302.65px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_input {
    padding-left: 81.9px;
  }
}
#weazelnews .weazelnews__chat_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 154, 112, 0.6);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_button {
    width: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_button {
    width: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_button {
    width: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_button {
    width: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_button {
    width: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_button {
    width: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_button {
    width: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_button {
    width: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_button {
    width: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_button {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_button {
    width: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_button {
    width: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_button {
    width: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_button {
    width: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_button {
    width: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    width: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    width: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    width: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    width: 123.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_button {
    width: 173.25px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_button {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_button {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_button {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_button {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_button {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_button {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_button {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_button {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_button {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_button {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_button {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_button {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_button {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_button {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_button {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_button {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__chat_button {
    border-radius: 12.6px;
  }
}
#weazelnews .weazelnews__chat_button:hover {
  opacity: 0.7;
}
#weazelnews .weazelnews__live_calllist {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_calllist {
    height: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_calllist {
    height: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_calllist {
    height: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_calllist {
    height: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_calllist {
    height: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_calllist {
    height: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_calllist {
    height: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_calllist {
    height: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_calllist {
    height: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_calllist {
    height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_calllist {
    height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_calllist {
    height: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_calllist {
    height: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_calllist {
    height: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_calllist {
    height: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    height: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    height: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    height: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    height: 1125px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_calllist {
    height: 1575px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_calllist {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_calllist {
    padding-right: 18.9px;
  }
}
#weazelnews .weazelnews__live_calllist::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#weazelnews .weazelnews__live_calllist::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#weazelnews .weazelnews__live_calllist::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
}
#weazelnews .weazelnews__live_element {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element {
    height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element {
    height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element {
    height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element {
    height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element {
    height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element {
    height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element {
    height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element {
    height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element {
    height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element {
    height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element {
    height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element {
    height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element {
    height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element {
    height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element {
    height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element {
    height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element {
    height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element {
    height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element {
    height: 185.85px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element {
    margin-top: 31.5px;
  }
}
#weazelnews .weazelnews__live_element .weazelnews__element_block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: rgba(41, 49, 57, 0.6);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block {
    padding-left: 81.9px;
  }
}
#weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_block .gray {
    margin-right: 15.75px;
  }
}
#weazelnews .weazelnews__live_element .weazelnews__element_button {
  height: 100%;
  background: rgba(37, 154, 112, 0.6);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "RF Dewi Extended";
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    margin-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 98.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 109px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 140.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 149.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 163.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 152.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 185.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 174.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 207.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 272.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 294.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 283.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 272.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 359.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 436px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 359.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 490.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    width: 686.7px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button {
    line-height: 88.2px;
  }
}
#weazelnews .weazelnews__live_element .weazelnews__element_button:hover {
  opacity: 0.7;
}
#weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
  background: rgba(248, 40, 71, 0.6);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 98.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 109px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 140.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 149.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 163.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 152.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 185.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 174.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 207.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 218px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 272.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 294.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 283.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 272.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 359.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 436px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 359.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 490.5px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.kick {
    min-width: 686.7px;
  }
}
#weazelnews .weazelnews__live_element .weazelnews__element_button.live {
  background: rgba(255, 122, 0, 0.6);
}
@media (max-width: 799px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 77.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 86px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 110.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 117.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 129px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 120.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 146.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 137.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 163.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 232.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 223.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 283.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 344px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 283.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 387px;
  }
}
@media (min-width: 6000px) {
  #weazelnews .weazelnews__live_element .weazelnews__element_button.live {
    min-width: 541.8px;
  }
}
@font-face {
  font-family: "bortovoiicon";
  src: url(../src/views/fractions/weazelnews/assets/fonts//bortovoiicon.eot);
  src: url(../src/views/fractions/weazelnews/assets/fonts//bortovoiicon.eot#iefix) format("embedded-opentype"), url(../src/views/fractions/weazelnews/assets/fonts//bortovoiicon.ttf) format("truetype"), url(../src/views/fractions/weazelnews/assets/fonts//bortovoiicon.woff) format("woff"), url(/src/views/fractions/weazelnews/assets/fonts/bortovoiicon.svg#bortovoiicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=bortovoiicon-], [class*=" bortovoiicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "bortovoiicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bortovoiicon-list:before {
  content: "\e920";
}

.bortovoiicon-police:before {
  content: "\e921";
}

.bortovoiicon-shield:before {
  content: "\e922";
}

.bortovoiicon-star:before {
  content: "\e923";
}

.bortovoiicon-Vector:before {
  content: "\e924";
}

.bortovoiicon-call:before {
  content: "\e925";
}

.bortovoiicon-gos:before {
  content: "\e926";
}

.bortovoiicon-info:before {
  content: "\e927";
}

.bortovoiicon-best:before {
  content: "\e900";
}

.bortovoiicon-check:before {
  content: "\e901";
}

.bortovoiicon-complaints:before {
  content: "\e902";
}

.bortovoiicon-copy:before {
  content: "\e903";
}

.bortovoiicon-crime:before {
  content: "\e904";
}

.bortovoiicon-crown:before {
  content: "\e905";
}

.bortovoiicon-decline:before {
  content: "\e906";
}

.bortovoiicon-dots:before {
  content: "\e907";
}

.bortovoiicon-exit:before {
  content: "\e908";
}

.bortovoiicon-fired:before {
  content: "\e909";
}

.bortovoiicon-form:before {
  content: "\e90a";
}

.bortovoiicon-fractions:before {
  content: "\e90b";
}

.bortovoiicon-gov:before {
  content: "\e90c";
}

.bortovoiicon-loop:before {
  content: "\e90d";
}

.bortovoiicon-map:before {
  content: "\e90e";
}

.bortovoiicon-members:before {
  content: "\e90f";
}

.bortovoiicon-neutral:before {
  content: "\e910";
}

.bortovoiicon-news:before {
  content: "\e911";
}

.bortovoiicon-parking:before {
  content: "\e912";
}

.bortovoiicon-person:before {
  content: "\e913";
}

.bortovoiicon-plus:before {
  content: "\e914";
}

.bortovoiicon-question:before {
  content: "\e915";
}

.bortovoiicon-rank:before {
  content: "\e916";
}

.bortovoiicon-settings:before {
  content: "\e917";
}

.bortovoiicon-squads:before {
  content: "\e918";
}

.bortovoiicon-stats:before {
  content: "\e919";
}

.bortovoiicon-stock:before {
  content: "\e91a";
}

.bortovoiicon-tasks:before {
  content: "\e91b";
}

.bortovoiicon-time:before {
  content: "\e91c";
}

.bortovoiicon-upgrade:before {
  content: "\e91d";
}

.bortovoiicon-warning:before {
  content: "\e91e";
}

.bortovoiicon-wifi:before {
  content: "\e91f";
}
#war {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "TTNorms-Regular";
  background: rgba(1, 22, 39, 0.9);
  letter-spacing: 0.05em;
  font-weight: 500;
  color: white;
  display: flex;
  justify-content: space-between;
  z-index: 1000;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
}
@media (max-width: 799px) {
  #war {
    padding-left: 44.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    padding-left: 49px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    padding-left: 63.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    padding-left: 67.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    padding-left: 73.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    padding-left: 68.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    padding-left: 83.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    padding-left: 78.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    padding-left: 93.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    padding-left: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    padding-left: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    padding-left: 122.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    padding-left: 132.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    padding-left: 127.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    padding-left: 122.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    padding-left: 161.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    padding-left: 196px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    padding-left: 161.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    padding-left: 220.5px;
  }
}
@media (min-width: 6000px) {
  #war {
    padding-left: 308.7px;
  }
}
@media (max-width: 799px) {
  #war {
    padding-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    padding-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    padding-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    padding-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    padding-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    padding-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    padding-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    padding-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    padding-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    padding-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    padding-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    padding-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    padding-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    padding-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    padding-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    padding-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    padding-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    padding-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    padding-top: 126px;
  }
}
@media (min-width: 6000px) {
  #war {
    padding-top: 176.4px;
  }
}
@media (max-width: 799px) {
  #war {
    padding-right: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    padding-right: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    padding-right: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    padding-right: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    padding-right: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    padding-right: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    padding-right: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    padding-right: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    padding-right: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    padding-right: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    padding-right: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    padding-right: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    padding-right: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    padding-right: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    padding-right: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    padding-right: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    padding-right: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    padding-right: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    padding-right: 139.5px;
  }
}
@media (min-width: 6000px) {
  #war {
    padding-right: 195.3px;
  }
}
@media (max-width: 799px) {
  #war {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #war {
    padding-bottom: 189px;
  }
}
@media (max-width: 799px) {
  #war {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #war {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #war {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #war {
    line-height: 44.1px;
  }
}
#war .war__title {
  font-weight: 700;
  pointer-events: none;
}
@media (max-width: 799px) {
  #war .war__title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #war .war__title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #war .war__title {
    line-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__title {
    line-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__title {
    line-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__title {
    line-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__title {
    line-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__title {
    line-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__title {
    line-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__title {
    line-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__title {
    line-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__title {
    line-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__title {
    line-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__title {
    line-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__title {
    line-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__title {
    line-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__title {
    line-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__title {
    line-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__title {
    line-height: 119.7px;
  }
}
@media (max-width: 799px) {
  #war .war__title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__title {
    margin-bottom: 15.75px;
  }
}
#war .war__subtitle {
  color: #869199;
  font-weight: 500;
  pointer-events: none;
}
@media (max-width: 799px) {
  #war .war__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #war .war__subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #war .war__subtitle {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__subtitle {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__subtitle {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__subtitle {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__subtitle {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__subtitle {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__subtitle {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__subtitle {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__subtitle {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__subtitle {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__subtitle {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #war .war__subtitle {
    line-height: 75.6px;
  }
}
#war .war__subtitle.white {
  color: white;
}
#war .war__notification {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.35);
  font-weight: 500;
  pointer-events: none;
}
@media (max-width: 799px) {
  #war .war__notification {
    width: 351px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    width: 390px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    width: 503.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    width: 534.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    width: 585px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    width: 546px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    width: 663px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    width: 624px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    width: 741px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    width: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    width: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    width: 975px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    width: 1053px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    width: 1014px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    width: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    width: 1287px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    width: 1560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    width: 1287px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    width: 1755px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    width: 2457px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    height: 23.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    height: 26.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    height: 34.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    height: 36.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    height: 39.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    height: 37.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    height: 45.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    height: 42.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    height: 50.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    height: 53px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    height: 66.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    height: 71.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    height: 68.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    height: 66.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    height: 87.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    height: 106px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    height: 87.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    height: 119.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    height: 166.95px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    margin-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #war .war__notification {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification {
    margin-bottom: 53.55px;
  }
}
#war .war__notification .fractionsicon-warning {
  color: #00BBFF;
}
@media (max-width: 799px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 76.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification .fractionsicon-warning {
    font-size: 107.1px;
  }
}
@media (max-width: 799px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification .fractionsicon-warning {
    margin-right: 63px;
  }
}
#war .war__notification .war__notification_text {
  font-weight: 500;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #war .war__notification .war__notification_text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification .war__notification_text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification .war__notification_text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification .war__notification_text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification .war__notification_text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification .war__notification_text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification .war__notification_text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification .war__notification_text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification .war__notification_text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification .war__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification .war__notification_text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification .war__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification .war__notification_text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification .war__notification_text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification .war__notification_text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification .war__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification .war__notification_text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification .war__notification_text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification .war__notification_text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification .war__notification_text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #war .war__notification .war__notification_text {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification .war__notification_text {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification .war__notification_text {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification .war__notification_text {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification .war__notification_text {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification .war__notification_text {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification .war__notification_text {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification .war__notification_text {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification .war__notification_text {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification .war__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification .war__notification_text {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification .war__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification .war__notification_text {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification .war__notification_text {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification .war__notification_text {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification .war__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification .war__notification_text {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification .war__notification_text {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification .war__notification_text {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification .war__notification_text {
    line-height: 50.4px;
  }
}
#war .war__notification.small {
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #war .war__notification.small {
    min-width: 220.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small {
    min-width: 245.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small {
    min-width: 316.695px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small {
    min-width: 336.335px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small {
    min-width: 368.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small {
    min-width: 343.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small {
    min-width: 417.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small {
    min-width: 392.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small {
    min-width: 466.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small {
    min-width: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small {
    min-width: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small {
    min-width: 613.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small {
    min-width: 662.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small {
    min-width: 638.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small {
    min-width: 613.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small {
    min-width: 810.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small {
    min-width: 982px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small {
    min-width: 810.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small {
    min-width: 1104.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small {
    min-width: 1546.65px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.small {
    max-width: 220.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small {
    max-width: 245.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small {
    max-width: 316.695px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small {
    max-width: 336.335px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small {
    max-width: 368.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small {
    max-width: 343.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small {
    max-width: 417.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small {
    max-width: 392.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small {
    max-width: 466.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small {
    max-width: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small {
    max-width: 491px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small {
    max-width: 613.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small {
    max-width: 662.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small {
    max-width: 638.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small {
    max-width: 613.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small {
    max-width: 810.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small {
    max-width: 982px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small {
    max-width: 810.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small {
    max-width: 1104.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small {
    max-width: 1546.65px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.small {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.small {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.small.atack {
    border-left: 0.9px solid red;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small.atack {
    border-left: 1px solid red;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small.atack {
    border-left: 1.29px solid red;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small.atack {
    border-left: 1.37px solid red;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small.atack {
    border-left: 1.5px solid red;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small.atack {
    border-left: 1.4px solid red;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small.atack {
    border-left: 1.7px solid red;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small.atack {
    border-left: 1.6px solid red;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small.atack {
    border-left: 1.9px solid red;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small.atack {
    border-left: 2px solid red;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small.atack {
    border-left: 2px solid red;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small.atack {
    border-left: 2.5px solid red;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small.atack {
    border-left: 2.7px solid red;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small.atack {
    border-left: 2.6px solid red;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small.atack {
    border-left: 2.5px solid red;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small.atack {
    border-left: 3.3px solid red;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small.atack {
    border-left: 4px solid red;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small.atack {
    border-left: 3.3px solid red;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small.atack {
    border-left: 4.5px solid red;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small.atack {
    border-left: 6.3px solid red;
  }
}
@media (max-width: 799px) {
  #war .war__notification.small.protect {
    border-left: 0.9px solid #30c620;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.small.protect {
    border-left: 1px solid #30c620;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.small.protect {
    border-left: 1.29px solid #30c620;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.small.protect {
    border-left: 1.37px solid #30c620;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.small.protect {
    border-left: 1.5px solid #30c620;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.small.protect {
    border-left: 1.4px solid #30c620;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.small.protect {
    border-left: 1.7px solid #30c620;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.small.protect {
    border-left: 1.6px solid #30c620;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.small.protect {
    border-left: 1.9px solid #30c620;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.small.protect {
    border-left: 2px solid #30c620;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.small.protect {
    border-left: 2px solid #30c620;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.small.protect {
    border-left: 2.5px solid #30c620;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.small.protect {
    border-left: 2.7px solid #30c620;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.small.protect {
    border-left: 2.6px solid #30c620;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.small.protect {
    border-left: 2.5px solid #30c620;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.small.protect {
    border-left: 3.3px solid #30c620;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.small.protect {
    border-left: 4px solid #30c620;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.small.protect {
    border-left: 3.3px solid #30c620;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.small.protect {
    border-left: 4.5px solid #30c620;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.small.protect {
    border-left: 6.3px solid #30c620;
  }
}
#war .war__notification.megasmall {
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #war .war__notification.megasmall {
    min-width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.megasmall {
    min-width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.megasmall {
    min-width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.megasmall {
    min-width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.megasmall {
    min-width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.megasmall {
    min-width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.megasmall {
    min-width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.megasmall {
    min-width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.megasmall {
    min-width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.megasmall {
    min-width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.megasmall {
    min-width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.megasmall {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.megasmall {
    min-width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.megasmall {
    min-width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.megasmall {
    min-width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    min-width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    min-width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    min-width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    min-width: 720px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.megasmall {
    min-width: 1008px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.megasmall {
    max-width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.megasmall {
    max-width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.megasmall {
    max-width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.megasmall {
    max-width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.megasmall {
    max-width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.megasmall {
    max-width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.megasmall {
    max-width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.megasmall {
    max-width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.megasmall {
    max-width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.megasmall {
    max-width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.megasmall {
    max-width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.megasmall {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.megasmall {
    max-width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.megasmall {
    max-width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.megasmall {
    max-width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    max-width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    max-width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    max-width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    max-width: 720px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.megasmall {
    max-width: 1008px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.megasmall {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.megasmall {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.megasmall {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.megasmall {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.megasmall {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.megasmall {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.megasmall {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.megasmall {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.megasmall {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.megasmall {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.megasmall {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.megasmall {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.megasmall {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.megasmall {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.megasmall {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.megasmall {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #war .war__notification.megasmall {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__notification.megasmall {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__notification.megasmall {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__notification.megasmall {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__notification.megasmall {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__notification.megasmall {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__notification.megasmall {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__notification.megasmall {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__notification.megasmall {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__notification.megasmall {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__notification.megasmall {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__notification.megasmall {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__notification.megasmall {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__notification.megasmall {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__notification.megasmall {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__notification.megasmall {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__notification.megasmall {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #war .war__notification.megasmall {
    font-size: 37.8px;
  }
}
#war .war__notification div {
  display: flex;
  align-items: center;
}
#war .mt-auto {
  margin-top: auto;
}
#war .fl-end {
  align-items: flex-end;
}
#war .war__text_subtitle {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #d6d7dd;
  pointer-events: none;
}
@media (max-width: 799px) {
  #war .war__text_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #war .war__text_subtitle {
    line-height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_subtitle {
    line-height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_subtitle {
    line-height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_subtitle {
    line-height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_subtitle {
    line-height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_subtitle {
    line-height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_subtitle {
    line-height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_subtitle {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_subtitle {
    line-height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_subtitle {
    line-height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_subtitle {
    line-height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    line-height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    line-height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    line-height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    line-height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_subtitle {
    line-height: 53.55px;
  }
}
@media (max-width: 799px) {
  #war .war__text_subtitle {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_subtitle {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_subtitle {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_subtitle {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_subtitle {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_subtitle {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_subtitle {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_subtitle {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_subtitle {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_subtitle {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_subtitle {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_subtitle {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_subtitle {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_subtitle {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_subtitle {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_subtitle {
    margin-bottom: 22.05px;
  }
}
#war .war__text_title {
  font-family: "RF Dewi Extended";
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  z-index: 2;
  position: relative;
  pointer-events: none;
}
@media (max-width: 799px) {
  #war .war__text_title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    padding-top: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    padding-top: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    padding-top: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    padding-top: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    padding-top: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    padding-top: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    padding-top: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    padding-top: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    padding-top: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    padding-top: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    padding-top: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    padding-top: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    padding-top: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    padding-top: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-top: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-top: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-top: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-top: 4.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    padding-top: 6.3px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    padding-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    padding-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    padding-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    padding-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    padding-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    padding-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    padding-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    padding-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    padding-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    padding-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    padding-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    padding-bottom: 6.3px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    padding-right: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    padding-right: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    padding-right: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    padding-right: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    padding-right: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    padding-right: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    padding-right: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    padding-right: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    padding-right: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    padding-right: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    padding-right: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    padding-right: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    padding-right: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-right: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-right: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-right: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-right: 42.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    padding-right: 59.85px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    padding-left: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    padding-left: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    padding-left: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    padding-left: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    padding-left: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    padding-left: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    padding-left: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    padding-left: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    padding-left: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    padding-left: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    padding-left: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    padding-left: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    padding-left: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    padding-left: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    padding-left: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-left: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-left: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    padding-left: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    padding-left: 164.25px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    padding-left: 229.95px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title {
    margin-bottom: 47.25px;
  }
}
#war .war__text_title::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: -1;
  border-width: 2px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-image-slice: 1 !important;
  border-right-style: solid;
  border-left-style: hidden;
  background: linear-gradient(279deg, rgba(0, 0, 0, 0.6) -2.38%, rgba(0, 0, 0, 0) 99.89%) !important;
  border-image-source: linear-gradient(270.3deg, rgba(255, 255, 255, 0.6) 0.24%, rgba(255, 255, 255, 0) 99.74%) !important;
  width: 100%;
  height: 100%;
}
#war .war__text_title.big {
  font-weight: 700;
}
@media (max-width: 799px) {
  #war .war__text_title.big {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title.big {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title.big {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title.big {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title.big {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title.big {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title.big {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title.big {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title.big {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title.big {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title.big {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title.big {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title.big {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title.big {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title.big {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title.big {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title.big {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title.big {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title.big {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title.big {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title.big {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title.big {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title.big {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title.big {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title.big {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title.big {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title.big {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title.big {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title.big {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title.big {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title.big {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title.big {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #war .war__text_title.big {
    padding-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__text_title.big {
    padding-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__text_title.big {
    padding-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__text_title.big {
    padding-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__text_title.big {
    padding-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__text_title.big {
    padding-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__text_title.big {
    padding-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__text_title.big {
    padding-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__text_title.big {
    padding-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__text_title.big {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__text_title.big {
    padding-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__text_title.big {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__text_title.big {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__text_title.big {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__text_title.big {
    padding-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    padding-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__text_title.big {
    padding-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__text_title.big {
    padding-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #war .war__text_title.big {
    padding-bottom: 25.2px;
  }
}
#war .war__text_title.green {
  color: #00ff08;
}
#war .war__button {
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}
@media (max-width: 799px) {
  #war .war__button {
    width: 94.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__button {
    width: 105.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__button {
    width: 136.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__button {
    width: 144.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__button {
    width: 158.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__button {
    width: 147.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__button {
    width: 179.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__button {
    width: 168.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__button {
    width: 200.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__button {
    width: 211px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__button {
    width: 211px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__button {
    width: 263.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__button {
    width: 284.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__button {
    width: 274.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__button {
    width: 263.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__button {
    width: 348.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__button {
    width: 422px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__button {
    width: 348.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__button {
    width: 474.75px;
  }
}
@media (min-width: 6000px) {
  #war .war__button {
    width: 664.65px;
  }
}
@media (max-width: 799px) {
  #war .war__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #war .war__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #war .war__button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #war .war__button {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #war .war__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #war .war__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #war .war__button {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #war .war__button {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #war .war__button {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #war .war__button {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #war .war__button {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #war .war__button {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #war .war__button {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #war .war__button {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #war .war__button {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #war .war__button {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #war .war__button {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #war .war__button {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #war .war__button {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #war .war__button {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #war .war__button {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #war .war__button {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #war .war__button {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #war .war__button {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #war .war__button {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #war .war__button {
    line-height: 75.6px;
  }
}
#war .war__button.active {
  background: white;
  color: black;
}
#war .war__button.active:hover {
  background: #dbdbdb;
}
#war .zindex-10000 {
  z-index: 10;
}
#war .war__maps_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#war .war__maps_wrapper .war__maps_container {
  position: relative;
}
#war .war__maps_wrapper .war__maps_container .war__maps_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 8192px;
  height: 8192px;
  background-repeat: no-repeat;
  background-position: top left;
}
#war .war__maps_absoluteelement {
  z-index: 1;
  transition: all 4s ease;
}
#war .war__maps_absoluteelement.unEvents {
  pointer-events: none !important;
}
#war .war__maps_absoluteelement.airport1 {
  position: absolute;
  left: 2440px;
  top: 6888px;
  width: 959px;
  height: 1006px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.airport2 {
  position: absolute;
  left: 4427px;
  top: 3301px;
  width: 550px;
  height: 264px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.mech {
  position: absolute;
  left: 3986px;
  top: 6353px;
  width: 123px;
  height: 116px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.buspark {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3998px;
  top: 5895px;
  width: 110px;
  height: 79px;
}
#war .war__maps_absoluteelement.theatre {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4126px;
  top: 5064px;
  width: 227px;
  height: 176px;
}
#war .war__maps_absoluteelement.bikerent {
  position: absolute;
  left: 2975px;
  top: 6609px;
  width: 70px;
  height: 73px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.speedcarrent {
  position: absolute;
  left: 3551px;
  top: 6884px;
  width: 206px;
  height: 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.boatrent {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2671px;
  top: 6237px;
  width: 82px;
  height: 91px;
}
#war .war__maps_absoluteelement.offroadrent {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2340px;
  top: 5571px;
  width: 121px;
  height: 69px;
}
#war .war__maps_absoluteelement.jobgason {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2821px;
  top: 5365px;
  width: 340px;
  height: 281px;
}
#war .war__maps_absoluteelement.rynok {
  position: absolute;
  left: 2609px;
  top: 5996px;
  width: 80px;
  height: 74px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#war .war__maps_absoluteelement.autorynok {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2609px;
  top: 6064px;
  width: 122px;
  height: 111px;
}
#war .war__maps_absoluteelement.gosshahta {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3307px;
  top: 4097px;
  width: 80px;
  height: 80px;
}
#war .war__maps_absoluteelement.shahta1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4560px;
  top: 3516px;
  width: 106px;
  height: 59px;
}
#war .war__maps_absoluteelement.shahta2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4961px;
  top: 3343px;
  width: 94px;
  height: 62px;
}
#war .war__maps_absoluteelement.shahta3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4925px;
  top: 3154px;
  width: 203px;
  height: 175px;
}
#war .war__maps_absoluteelement.shahta4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5137px;
  top: 3378px;
  width: 132px;
  height: 133px;
}
#war .war__maps_absoluteelement.dalnoboi {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3938px;
  top: 3245px;
  width: 78px;
  height: 69px;
}
#war .war__maps_absoluteelement.sklad1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3724px;
  top: 1267px;
  width: 182px;
  height: 147px;
}
#war .war__maps_absoluteelement.zavod {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5492px;
  top: 4386px;
  width: 168px;
  height: 274px;
}
#war .war__maps_absoluteelement.sklad2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5489px;
  top: 3184px;
  width: 120px;
  height: 98px;
}
#war .war__maps_absoluteelement.himlab {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5994px;
  top: 3003px;
  width: 169px;
  height: 161px;
}
#war .war__maps_absoluteelement.inkas {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2684px;
  top: 5829px;
  width: 152px;
  height: 123px;
}
#war .war__maps_absoluteelement.casino {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4332px;
  top: 5275px;
  width: 298px;
  height: 329px;
}
#war .war__maps_absoluteelement.forest1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4566px;
  top: 7172px;
  width: 329px;
  height: 147px;
}
#war .war__maps_absoluteelement.forest2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5780px;
  top: 2166px;
  width: 326px;
  height: 246px;
}
#war .war__maps_absoluteelement.forest3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2663px;
  top: 2537px;
  width: 269px;
  height: 137px;
}
#war .war__maps_absoluteelement.forest4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2148px;
  top: 3680px;
  width: 407px;
  height: 270px;
}
#war .war__maps_absoluteelement.forest5 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3728px;
  top: 871px;
  width: 243px;
  height: 193px;
}
#war .war__maps_absoluteelement.arena {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3464px;
  top: 6736px;
  width: 195px;
  height: 188px;
}
#war .war__maps_absoluteelement.huntingshop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3270px;
  top: 1656px;
  width: 85px;
  height: 112px;
}
#war .war__maps_absoluteelement.electric {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4160px;
  top: 5397px;
  width: 97px;
  height: 106px;
}
#war .war__maps_absoluteelement.rielt {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3227px;
  top: 5333px;
  width: 82px;
  height: 46px;
}
#war .war__maps_absoluteelement.observatorya {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2187px;
  top: 5245px;
  width: 160px;
  height: 186px;
}
#war .war__maps_absoluteelement.taxi {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4295px;
  top: 5603px;
  width: 82px;
  height: 78px;
}
#war .war__maps_absoluteelement.drugs {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3720px;
  top: 3016px;
  width: 146px;
  height: 156px;
}
#war .war__maps_absoluteelement.drugs2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 6164px;
  top: 2494px;
  width: 131px;
  height: 158px;
}
#war .war__maps_absoluteelement.darkshop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4194px;
  top: 6075px;
  width: 67px;
  height: 100px;
}
#war .war__maps_absoluteelement.port {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4039px;
  top: 7430px;
  width: 581px;
  height: 339px;
}
#war .war__maps_absoluteelement.zavod2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4002px;
  top: 6892px;
  width: 157px;
  height: 241px;
}
#war .war__maps_absoluteelement.sklad3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3816px;
  top: 7284px;
  width: 199px;
  height: 453px;
}
#war .war__maps_absoluteelement.sklad4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3373px;
  top: 7084px;
  width: 645px;
  height: 388px;
}
#war .war__maps_absoluteelement.sklad5 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4188px;
  top: 6896px;
  width: 67px;
  height: 270px;
}
#war .war__maps_absoluteelement.sklad6 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4253px;
  top: 6898px;
  width: 205px;
  height: 260px;
}
#war .war__maps_absoluteelement.oil {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4441px;
  top: 6891px;
  width: 191px;
  height: 328px;
}
#war .war__maps_absoluteelement.oil2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4538px;
  top: 6826px;
  width: 332px;
  height: 422px;
}
#war .war__maps_absoluteelement.oil3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4540px;
  top: 6690px;
  width: 156px;
  height: 178px;
}
#war .war__maps_absoluteelement.oil4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4641px;
  top: 6363px;
  width: 324px;
  height: 532px;
}
#war .war__maps_absoluteelement.landbar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 2749px;
  top: 6448px;
  width: 63px;
  height: 94px;
  z-index: 51;
}
#war .war__maps_absoluteelement.theatre2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3831px;
  top: 4691px;
  width: 100px;
  height: 124px;
}
#war .war__maps_absoluteelement.vetryanaya1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5111px;
  top: 4303px;
  width: 320px;
  height: 435px;
}
#war .war__maps_absoluteelement.vetryanaya2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5026px;
  top: 4087px;
  width: 404px;
  height: 332px;
  z-index: 54;
}
#war .war__maps_absoluteelement.vetryanaya3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5024px;
  top: 3809px;
  width: 447px;
  height: 378px;
}
#war .war__maps_absoluteelement.sklad7 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5612px;
  top: 2600px;
  width: 109px;
  height: 155px;
}
#war .war__maps_absoluteelement.farm1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5534px;
  top: 2280px;
  width: 187px;
  height: 334px;
}
#war .war__maps_absoluteelement.farm2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5366px;
  top: 2379px;
  width: 185px;
  height: 317px;
}
#war .war__maps_absoluteelement.farm3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5187px;
  top: 2135px;
  width: 324px;
  height: 352px;
}
#war .war__maps_absoluteelement.farm4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 4890px;
  top: 2138px;
  width: 306px;
  height: 336px;
}
#war .war__maps_absoluteelement.farm5 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5061px;
  top: 2089px;
  width: 283px;
  height: 202px;
}
#war .war__maps_absoluteelement.farm6 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3854px;
  top: 1206px;
  width: 409px;
  height: 107px;
}
#war .war__maps_absoluteelement.farm7 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3896px;
  top: 1123px;
  width: 142px;
  height: 70px;
}
#war .war__maps_absoluteelement.farm8 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3645px;
  top: 4214px;
  width: 110px;
  height: 92px;
}
#war .war__maps_absoluteelement.vokzal {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 3546px;
  top: 1392px;
  width: 186px;
  height: 180px;
}
#war .war__maps_absoluteelement.active {
  opacity: 0.7;
}
#casino-main {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
#casino-main .box-date {
  z-index: 1000;
  position: absolute;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
}
@media (max-width: 799px) {
  #casino-main .box-date {
    top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date {
    top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date {
    top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date {
    top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date {
    top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date {
    top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date {
    top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date {
    top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date {
    top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date {
    top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date {
    top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date {
    top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date {
    top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date {
    top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date {
    top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date {
    top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date {
    top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date {
    top: 157.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date {
    line-height: 31.5px;
  }
}
#casino-main .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#casino-main .box-KeyInfo {
  position: absolute;
}
@media (max-width: 799px) {
  #casino-main .box-KeyInfo {
    top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-KeyInfo {
    top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-KeyInfo {
    top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-KeyInfo {
    top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-KeyInfo {
    top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-KeyInfo {
    top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-KeyInfo {
    top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-KeyInfo {
    top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-KeyInfo {
    top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-KeyInfo {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-KeyInfo {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-KeyInfo {
    top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-KeyInfo {
    top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-KeyInfo {
    top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-KeyInfo {
    top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-KeyInfo {
    top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-KeyInfo {
    top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-KeyInfo {
    top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-KeyInfo {
    top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-KeyInfo {
    top: 157.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .box-KeyInfo {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .box-KeyInfo {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .box-KeyInfo {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .box-KeyInfo {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .box-KeyInfo {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .box-KeyInfo {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .box-KeyInfo {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .box-KeyInfo {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .box-KeyInfo {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .box-KeyInfo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .box-KeyInfo {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .box-KeyInfo {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .box-KeyInfo {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .box-KeyInfo {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .box-KeyInfo {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .box-KeyInfo {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .box-KeyInfo {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .box-KeyInfo {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .box-KeyInfo {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .box-KeyInfo {
    left: 157.5px;
  }
}
#casino-main .bet-block {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #casino-main .bet-block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block {
    padding-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block {
    padding-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block {
    padding-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block {
    padding-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block {
    padding-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block {
    padding-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block {
    padding-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block {
    padding-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block {
    padding-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block {
    padding-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block {
    padding-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block {
    padding-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block {
    padding-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block {
    padding-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block {
    padding-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block {
    padding-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block {
    padding-top: 72px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block {
    padding-top: 100.8px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 43.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 48.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 62.565px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 66.445px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 72.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 67.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 82.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 77.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 92.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 97px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 121.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 130.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 126.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 121.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 160.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 194px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 160.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 218.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .icon-dollar {
    font-size: 305.55px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .icon-dollar {
    margin-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-win {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-win {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-win {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-win {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-win {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-win {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-win {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-win {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-win {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-win {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-win {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-win {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-win {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-win {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-win {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-win {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-win {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-win {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-win {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-win {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-win {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-win {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-win {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-win {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-win {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-win {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-win {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-win {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-win {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-win {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-win {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-win {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-win {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-win {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-win {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-win {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-win {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-win {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-win {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-win {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .text {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .text {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .text {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .text {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .text {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .text {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .text {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .text {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .text {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .text {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .text {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .text {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .text {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .text {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .text {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .text {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .text {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .text {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .text {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .text {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .text {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .text {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .text {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .text {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .text {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .text {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .text {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .text {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .text {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .text {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .text {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .text {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .text {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .text {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .text {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .text {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .text {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .text {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .text {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .text {
    margin-bottom: 75.6px;
  }
}
#casino-main .bet-block .bet-list {
  flex-direction: row;
  display: flex;
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list {
    width: 645.75px;
  }
}
#casino-main .bet-block .bet-list .bet {
  background: rgba(27, 30, 40, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.45px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.5px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.645px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.685px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.75px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.7px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.85px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.8px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    border: 0.95px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.25px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.35px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.3px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.25px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.65px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    border: 2px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    border: 1.65px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    border: 2.25px solid rgba(193, 193, 193, 0.2);
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    border: 3.15px solid rgba(193, 193, 193, 0.2);
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet:first-child {
    margin-left: 0px;
  }
}
#casino-main .bet-block .bet-list .bet:active {
  background: rgba(105, 108, 116, 0.4);
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 101.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-list .bet-45 {
    width: 141.75px;
  }
}
#casino-main .bet-block .e-input {
  resize: none;
  background: #111319;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-input {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-input {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-input {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-input {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-input {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-input {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-input {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-input {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-input {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-input {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-input {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-input {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-input {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-input {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-input {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-input {
    width: 645.75px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-input {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-input {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-input {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-input {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-input {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-input {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-input {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-input {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-input {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-input {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-input {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-input {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-input {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-input {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-input {
    font-size: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-input {
    font-size: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-input {
    font-size: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-input {
    font-size: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-input {
    font-size: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-input {
    font-size: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-input {
    font-size: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-input {
    font-size: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-input {
    font-size: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-input {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-input {
    font-size: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-input {
    font-size: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-input {
    font-size: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-input {
    font-size: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-input {
    font-size: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    font-size: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    font-size: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    font-size: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    font-size: 63px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-input {
    font-size: 88.2px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .e-input {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .e-input {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .e-input {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .e-input {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .e-input {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .e-input {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .e-input {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .e-input {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .e-input {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .e-input {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .e-input {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .e-input {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .e-input {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .e-input {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .e-input {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .e-input {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .e-input {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .e-input {
    padding: 31.5px;
  }
}
#casino-main .bet-block .bet-button {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button {
    width: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button {
    width: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button {
    width: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button {
    width: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button {
    width: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button {
    width: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button {
    width: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button {
    width: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button {
    width: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button {
    width: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button {
    width: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button {
    width: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button {
    width: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    width: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    width: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    width: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    width: 555.75px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button {
    width: 778.05px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button {
    height: 192.15px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button {
    margin-top: 75.6px;
  }
}
#casino-main .bet-block .bet-button.black {
  background: rgba(17, 19, 25, 0.9);
  color: white;
}
@media (max-width: 799px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bet-block .bet-button.black {
    margin-bottom: 100.8px;
  }
}
#casino-main .bottom-line {
  width: 100%;
  background: white;
  position: absolute;
  bottom: 0;
}
@media (max-width: 799px) {
  #casino-main .bottom-line {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .bottom-line {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .bottom-line {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .bottom-line {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .bottom-line {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .bottom-line {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .bottom-line {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .bottom-line {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .bottom-line {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .bottom-line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .bottom-line {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .bottom-line {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .bottom-line {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .bottom-line {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .bottom-line {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .bottom-line {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .bottom-line {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .bottom-line {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .bottom-line {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .bottom-line {
    height: 6.3px;
  }
}
#casino-main .info-area {
  flex-direction: row;
  display: flex;
}
@media (max-width: 799px) {
  #casino-main .info-area {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-area {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-area {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-area {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-area {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-area {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-area {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-area {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-area {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-area {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-area {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-area {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-area {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-area {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-area {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-area {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-area {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-area {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-area {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-area {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-area {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-area {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-area {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-area {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-area {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-area {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-area {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-area {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-area {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-area {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-area {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-area {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-area {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-area {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-area {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-area {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-area {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-area {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-area {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-area {
    height: 94.5px;
  }
}
#casino-main .info-area .gray-color {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #casino-main .info-area .gray-color {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-area .gray-color {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-area .gray-color {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-area .gray-color {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-area .gray-color {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-area .gray-color {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-area .gray-color {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-area .gray-color {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-area .gray-color {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-area .gray-color {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-area .gray-color {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-area .gray-color {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-area .gray-color {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-area .gray-color {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-area .gray-color {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-area .gray-color {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-area .gray-color {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-area .gray-color {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-area .gray-color {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-area .gray-color {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-area .margin-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-area .margin-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-area .margin-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-area .margin-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-area .margin-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-area .margin-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-area .margin-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-area .margin-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-area .margin-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-area .margin-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-area .margin-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-area .margin-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-area .margin-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-area .margin-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-area .margin-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-area .margin-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-area .margin-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-area .margin-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-area .margin-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-area .margin-5 {
    margin-right: 15.75px;
  }
}
#casino-main .info-block {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #casino-main .info-block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block {
    height: 192.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block {
    height: 214px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block {
    height: 276.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block {
    height: 293.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block {
    height: 321px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block {
    height: 299.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block {
    height: 363.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block {
    height: 342.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block {
    height: 406.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block {
    height: 428px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block {
    height: 428px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block {
    height: 535px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block {
    height: 577.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block {
    height: 556.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block {
    height: 535px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block {
    height: 706.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block {
    height: 856px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block {
    height: 706.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block {
    height: 963px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block {
    height: 1348.2px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block {
    padding-top: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block {
    padding-top: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block {
    padding-top: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block {
    padding-top: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block {
    padding-top: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block {
    padding-top: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block {
    padding-top: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block {
    padding-top: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block {
    padding-top: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block {
    padding-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block {
    padding-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block {
    padding-top: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block {
    padding-top: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block {
    padding-top: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block {
    padding-top: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block {
    padding-top: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block {
    padding-top: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block {
    padding-top: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block {
    padding-top: 103.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block {
    padding-top: 144.9px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block {
    margin-top: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block {
    margin-top: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block {
    margin-top: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block {
    margin-top: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block {
    margin-top: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block {
    margin-top: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block {
    margin-top: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block {
    margin-top: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block {
    margin-top: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block {
    margin-top: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block {
    margin-top: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block {
    margin-top: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block {
    margin-top: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block {
    margin-top: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block {
    margin-top: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block {
    margin-top: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block {
    margin-top: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block {
    margin-top: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block {
    margin-top: 132.75px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block {
    margin-top: 185.85px;
  }
}
#casino-main .info-block .line-top {
  bottom: 100%;
}
#casino-main .info-block .bet-money {
  flex-direction: row;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .bet-money {
    margin-bottom: 81.9px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .bet-money .icon-dollar {
    font-size: 132.3px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .bet-money .icon-dollar {
    margin-right: 56.7px;
  }
}
#casino-main .info-block .info-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons {
    margin-top: 157.5px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 33.75px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons {
    grid-gap: 47.25px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons {
    height: 60.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons {
    height: 67.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons {
    height: 87.075px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons {
    height: 92.475px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons {
    height: 101.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons {
    height: 94.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons {
    height: 114.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons {
    height: 108px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons {
    height: 128.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons {
    height: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons {
    height: 135px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons {
    height: 168.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons {
    height: 182.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons {
    height: 175.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons {
    height: 168.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    height: 222.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    height: 270px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons {
    height: 222.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons {
    height: 303.75px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons {
    height: 425.25px;
  }
}
#casino-main .info-block .info-buttons .bet-button {
  width: 100%;
  height: 100%;
  background: rgba(17, 19, 25, 0.9);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons .bet-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #casino-main .info-block .info-buttons .bet-button {
    font-size: 75.6px;
  }
}
#horse {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: space-between;
  color: white;
  overflow: hidden;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
#horse .players {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#horse .players li {
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
  font-weight: bold;
}
@media (max-width: 799px) {
  #horse .players li {
    height: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li {
    height: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li {
    height: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li {
    height: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li {
    height: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li {
    height: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li {
    height: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li {
    height: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li {
    height: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li {
    height: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li {
    height: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li {
    height: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li {
    height: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li {
    height: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li {
    height: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li {
    height: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li {
    height: 198px;
  }
}
@media (min-width: 6000px) {
  #horse .players li {
    height: 277.2px;
  }
}
@media (max-width: 799px) {
  #horse .players li {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #horse .players li {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #horse .players li {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #horse .players li {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #horse .players li {
    padding-right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li {
    padding-right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li {
    padding-right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li {
    padding-right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li {
    padding-right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li {
    padding-right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li {
    padding-right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li {
    padding-right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li {
    padding-right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li {
    padding-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li {
    padding-right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li {
    padding-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li {
    padding-right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li {
    padding-right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li {
    padding-right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li {
    padding-right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li {
    padding-right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li {
    padding-right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li {
    padding-right: 135px;
  }
}
@media (min-width: 6000px) {
  #horse .players li {
    padding-right: 189px;
  }
}
#horse .players li:hover {
  background: rgba(255, 255, 255, 0.1);
}
#horse .players li.active {
  background: rgba(255, 255, 255, 0.1);
}
#horse .players li:last-child {
  margin: 0;
}
@media (max-width: 799px) {
  #horse .players li .name {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li .name {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li .name {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li .name {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li .name {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li .name {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li .name {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li .name {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li .name {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li .name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li .name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li .name {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li .name {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li .name {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li .name {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li .name {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li .name {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li .name {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li .name {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #horse .players li .name {
    font-size: 56.7px;
  }
}
#horse .players li .id {
  justify-self: flex-end;
  margin-left: auto;
}
@media (max-width: 799px) {
  #horse .players li .id {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li .id {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li .id {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li .id {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li .id {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li .id {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li .id {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li .id {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li .id {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li .id {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li .id {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li .id {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li .id {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li .id {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li .id {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li .id {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li .id {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li .id {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li .id {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .players li .id {
    font-size: 75.6px;
  }
}
#horse .players li .image {
  display: flex;
  background-size: cover;
}
@media (max-width: 799px) {
  #horse .players li .image {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li .image {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li .image {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li .image {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li .image {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li .image {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li .image {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li .image {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li .image {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li .image {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li .image {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li .image {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li .image {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li .image {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li .image {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li .image {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li .image {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li .image {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li .image {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #horse .players li .image {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #horse .players li .image {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li .image {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li .image {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li .image {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li .image {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li .image {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li .image {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li .image {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li .image {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li .image {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li .image {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li .image {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li .image {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li .image {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li .image {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li .image {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li .image {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li .image {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li .image {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #horse .players li .image {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #horse .players li .image {
    margin-right: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .players li .image {
    margin-right: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .players li .image {
    margin-right: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .players li .image {
    margin-right: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .players li .image {
    margin-right: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .players li .image {
    margin-right: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .players li .image {
    margin-right: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .players li .image {
    margin-right: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .players li .image {
    margin-right: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .players li .image {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .players li .image {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .players li .image {
    margin-right: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .players li .image {
    margin-right: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .players li .image {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .players li .image {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .players li .image {
    margin-right: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .players li .image {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .players li .image {
    margin-right: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .players li .image {
    margin-right: 74.25px;
  }
}
@media (min-width: 6000px) {
  #horse .players li .image {
    margin-right: 103.95px;
  }
}
#horse .players li.purple .image, #horse .players li .avatar .purple {
  background-image: url("data:image/svg+xml,%3Csvg width='117' height='117' viewBox='0 0 117 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H27.6504L24.2227 110.145L20.7949 117H10.5117C8.59165 117 7.08398 115.492 7.08398 113.572V94.1942C7.08398 87.6128 10.7179 81.7856 16.5442 78.8381L32.1064 71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23FF667C'/%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H58.5V71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23E63950'/%3E%3Cpath d='M84.8945 71.0918L60.5576 88.4358C59.9408 88.9151 59.2553 89.1213 58.501 89.1213C57.7467 89.1213 57.0611 88.9151 56.4443 88.4358L32.1074 71.0918L44.6526 64.7844H72.3494L84.8945 71.0918Z' fill='%23F2F2FC'/%3E%3Cpath d='M84.8936 71.0918L60.5566 88.4358C59.9398 88.9151 59.2543 89.1213 58.5 89.1213V64.7844H72.3484L84.8936 71.0918Z' fill='%23D8D8FC'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104C45.2693 75.4104 34.5059 64.647 34.5059 51.4163V34.2776L43.3492 27.4221H73.6508L82.4941 34.2776Z' fill='%23FFB8A3'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104V27.4221H73.6508L82.4941 34.2776Z' fill='%23FF9B7B'/%3E%3Cpath d='M24.2227 95.9768C22.3294 95.9768 20.7949 97.5113 20.7949 99.4045V117H27.6504V99.4045C27.6504 97.5113 26.1159 95.9768 24.2227 95.9768Z' fill='%23E63950'/%3E%3Cpath d='M92.7773 95.9768C90.8841 95.9768 89.3496 97.5113 89.3496 99.4045V117H96.2051V99.4045C96.2051 97.5113 94.6706 95.9768 92.7773 95.9768Z' fill='%23CC2E43'/%3E%3Cpath d='M65.3555 95.9768H58.5V102.832H65.3555C67.2496 102.832 68.7832 101.299 68.7832 99.4045C68.7832 97.5104 67.2496 95.9768 65.3555 95.9768Z' fill='%2353433F'/%3E%3Cpath d='M82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331H51.6445C50.7537 41.1331 49.8619 40.7903 49.2451 40.1047L43.3492 34.2776H34.5059V30.8499C34.5059 29.6841 34.7121 28.5192 34.8486 27.4221C36.4938 15.8366 46.4342 6.85571 58.5 6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499Z' fill='%2353433F'/%3E%3Cpath d='M65.3555 41.1331H58.5V6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331Z' fill='%233E322E'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667C56.5799 20.5667 55.0723 19.0581 55.0723 17.1389V3.42798C55.0723 1.50791 56.5799 0.000244141 58.5 0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%2353433F'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667V0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%233E322E'/%3E%3Ccircle cx='58.5' cy='58.5002' r='53.5' stroke='%23D660C3' stroke-width='10'/%3E%3Ccircle cx='58.5' cy='58.5002' r='49.1875' stroke='%238C4481' stroke-width='4'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H27.6504L24.2227 110.145L20.7949 117H10.5117C8.59165 117 7.08398 115.492 7.08398 113.572V94.1942C7.08398 87.6128 10.7179 81.7856 16.5442 78.8381L32.1064 71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23FFA3F0'/%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H58.5V71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23D660C3'/%3E%3Cpath d='M84.8945 71.0918L60.5576 88.4358C59.9408 88.9151 59.2553 89.1213 58.501 89.1213C57.7467 89.1213 57.0611 88.9151 56.4443 88.4358L32.1074 71.0918L44.6526 64.7844H72.3494L84.8945 71.0918Z' fill='%23F2F2FC'/%3E%3Cpath d='M84.8936 71.0918L60.5566 88.4358C59.9398 88.9151 59.2543 89.1213 58.5 89.1213V64.7844H72.3484L84.8936 71.0918Z' fill='%23D8D8FC'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104C45.2693 75.4104 34.5059 64.647 34.5059 51.4163V34.2776L43.3492 27.4221H73.6508L82.4941 34.2776Z' fill='%23FFB8A3'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104V27.4221H73.6508L82.4941 34.2776Z' fill='%23FF9B7B'/%3E%3Cpath d='M24.2227 95.9768C22.3294 95.9768 20.7949 97.5113 20.7949 99.4045V117H27.6504V99.4045C27.6504 97.5113 26.1159 95.9768 24.2227 95.9768Z' fill='%23B872AD'/%3E%3Cpath d='M92.7773 95.9768C90.8841 95.9768 89.3496 97.5113 89.3496 99.4045V117H96.2051V99.4045C96.2051 97.5113 94.6706 95.9768 92.7773 95.9768Z' fill='%23853F7A'/%3E%3Cpath d='M65.3555 95.9768H58.5V102.832H65.3555C67.2496 102.832 68.7832 101.299 68.7832 99.4045C68.7832 97.5104 67.2496 95.9768 65.3555 95.9768Z' fill='%2353433F'/%3E%3Cpath d='M82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331H51.6445C50.7537 41.1331 49.8619 40.7903 49.2451 40.1047L43.3492 34.2776H34.5059V30.8499C34.5059 29.6841 34.7121 28.5192 34.8486 27.4221C36.4938 15.8366 46.4342 6.85571 58.5 6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499Z' fill='%2353433F'/%3E%3Cpath d='M65.3555 41.1331H58.5V6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331Z' fill='%233E322E'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667C56.5799 20.5667 55.0723 19.0581 55.0723 17.1389V3.42798C55.0723 1.50791 56.5799 0.000244141 58.5 0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%2353433F'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667V0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%233E322E'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='117' height='117' fill='white' transform='translate(0 0.000244141)'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='117' height='117' fill='white' transform='translate(0 0.000244141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .players li.red .image, #horse .players li .avatar.player2 {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23E63950' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23853741' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23FF667C'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23E63950'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23E63950'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23CC2E43'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .players li.blue .image, #horse .players li .avatar.player3 {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23569DC6' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23304E5F' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%237BCEFD'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23569DC6'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%235E88A0'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23416980'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .players li.darkblue .image, #horse .players li .fixed .player4 {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23232B74' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23181C40' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%233A47BB'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23232B74'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23303772'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23181C3E'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .players li.white .image, #horse .players li .fixed .player5 {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23D7D7D7' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%237E7E7E' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='white'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23D7D7D7'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23ACACAC'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23999999'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .players li.green .image, #horse .players li .fixed .player6 {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%233BC98D' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%232E7758' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%238DEEC5'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%233BC98D'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%237BC4A5'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%2326825B'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .leftColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#horse .logo {
  position: relative;
}
@media (max-width: 799px) {
  #horse .logo {
    width: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo {
    width: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo {
    width: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo {
    width: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo {
    width: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo {
    width: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo {
    width: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo {
    width: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo {
    width: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo {
    width: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo {
    width: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo {
    width: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo {
    width: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo {
    width: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo {
    width: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo {
    width: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo {
    width: 434.25px;
  }
}
@media (min-width: 6000px) {
  #horse .logo {
    width: 607.95px;
  }
}
@media (max-width: 799px) {
  #horse .logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #horse .logo {
    margin-bottom: 126px;
  }
}
#horse .logo .gamePlay {
  display: flex;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  color: #FFEC3E;
}
@media (max-width: 799px) {
  #horse .logo .gamePlay {
    top: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .gamePlay {
    top: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .gamePlay {
    top: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .gamePlay {
    top: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .gamePlay {
    top: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .gamePlay {
    top: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .gamePlay {
    top: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .gamePlay {
    top: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .gamePlay {
    top: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .gamePlay {
    top: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .gamePlay {
    top: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .gamePlay {
    top: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .gamePlay {
    top: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .gamePlay {
    top: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .gamePlay {
    top: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    top: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    top: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    top: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    top: 186.75px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .gamePlay {
    top: 261.45px;
  }
}
@media (max-width: 799px) {
  #horse .logo .gamePlay {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .gamePlay {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .gamePlay {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .gamePlay {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .gamePlay {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .gamePlay {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .gamePlay {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .gamePlay {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .gamePlay {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .gamePlay {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .gamePlay {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .gamePlay {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .gamePlay {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .gamePlay {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .gamePlay {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .gamePlay {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #horse .logo .gamePlay {
    line-height: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .gamePlay {
    line-height: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .gamePlay {
    line-height: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .gamePlay {
    line-height: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .gamePlay {
    line-height: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .gamePlay {
    line-height: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .gamePlay {
    line-height: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .gamePlay {
    line-height: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .gamePlay {
    line-height: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .gamePlay {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .gamePlay {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .gamePlay {
    line-height: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .gamePlay {
    line-height: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .gamePlay {
    line-height: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .gamePlay {
    line-height: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    line-height: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    line-height: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    line-height: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    line-height: 193.5px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .gamePlay {
    line-height: 270.9px;
  }
}
@media (max-width: 799px) {
  #horse .logo .gamePlay {
    letter-spacing: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .gamePlay {
    letter-spacing: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .gamePlay {
    letter-spacing: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .gamePlay {
    letter-spacing: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .gamePlay {
    letter-spacing: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .gamePlay {
    letter-spacing: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .gamePlay {
    letter-spacing: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .gamePlay {
    letter-spacing: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .gamePlay {
    letter-spacing: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .gamePlay {
    letter-spacing: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .gamePlay {
    letter-spacing: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .gamePlay {
    letter-spacing: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .gamePlay {
    letter-spacing: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .gamePlay {
    letter-spacing: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .gamePlay {
    letter-spacing: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    letter-spacing: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    letter-spacing: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .gamePlay {
    letter-spacing: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .gamePlay {
    letter-spacing: 22.5px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .gamePlay {
    letter-spacing: 31.5px;
  }
}
@media (max-width: 799px) {
  #horse .logo img {
    width: 81.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo img {
    width: 90.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo img {
    width: 116.745px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo img {
    width: 123.985px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo img {
    width: 135.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo img {
    width: 126.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo img {
    width: 153.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo img {
    width: 144.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo img {
    width: 171.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo img {
    width: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo img {
    width: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo img {
    width: 226.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo img {
    width: 244.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo img {
    width: 235.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo img {
    width: 226.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo img {
    width: 298.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo img {
    width: 362px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo img {
    width: 298.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo img {
    width: 407.25px;
  }
}
@media (min-width: 6000px) {
  #horse .logo img {
    width: 570.15px;
  }
}
@media (max-width: 799px) {
  #horse .logo img {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo img {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo img {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo img {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo img {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo img {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo img {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo img {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo img {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo img {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo img {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo img {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo img {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo img {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo img {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo img {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo img {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  #horse .logo img {
    height: 607.95px;
  }
}
#horse .logo .textLg {
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #horse .logo .textLg {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .textLg {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .textLg {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .textLg {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .textLg {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .textLg {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .textLg {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .textLg {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .textLg {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .textLg {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .textLg {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .textLg {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .textLg {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .textLg {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .textLg {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .textLg {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #horse .logo .textLg {
    line-height: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .textLg {
    line-height: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .textLg {
    line-height: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .textLg {
    line-height: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .textLg {
    line-height: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .textLg {
    line-height: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .textLg {
    line-height: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .textLg {
    line-height: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .textLg {
    line-height: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .textLg {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .textLg {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .textLg {
    line-height: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .textLg {
    line-height: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .textLg {
    line-height: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .textLg {
    line-height: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    line-height: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    line-height: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    line-height: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    line-height: 146.25px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .textLg {
    line-height: 204.75px;
  }
}
@media (max-width: 799px) {
  #horse .logo .textLg {
    top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .logo .textLg {
    top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .logo .textLg {
    top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .logo .textLg {
    top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .logo .textLg {
    top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .logo .textLg {
    top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .logo .textLg {
    top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .logo .textLg {
    top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .logo .textLg {
    top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .logo .textLg {
    top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .logo .textLg {
    top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .logo .textLg {
    top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .logo .textLg {
    top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .logo .textLg {
    top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .logo .textLg {
    top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .logo .textLg {
    top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .logo .textLg {
    top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #horse .logo .textLg {
    top: 81.9px;
  }
}
#horse .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #horse .badge {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    min-width: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    min-width: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    min-width: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    min-width: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    min-width: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    min-width: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    min-width: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    min-width: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    min-width: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    min-width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    min-width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    min-width: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    min-width: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    min-width: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    min-width: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    min-width: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    min-width: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    min-width: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    min-width: 121.5px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    min-width: 170.1px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    padding-left: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    padding-left: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    padding-left: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    padding-left: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    padding-left: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    padding-left: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    padding-left: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    padding-left: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    padding-left: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    padding-left: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    padding-left: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    padding-left: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    padding-left: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    padding-left: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    padding-left: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    padding-left: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    padding-left: 24.75px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    padding-left: 34.65px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    padding-right: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    padding-right: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    padding-right: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    padding-right: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    padding-right: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    padding-right: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    padding-right: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    padding-right: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    padding-right: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    padding-right: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    padding-right: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    padding-right: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    padding-right: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    padding-right: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    padding-right: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    padding-right: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    padding-right: 24.75px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    padding-right: 34.65px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    padding-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #horse .badge {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .badge {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .badge {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .badge {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .badge {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .badge {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .badge {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .badge {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .badge {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .badge {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .badge {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .badge {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .badge {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .badge {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .badge {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .badge {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .badge {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .badge {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .badge {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #horse .badge {
    margin-right: 44.1px;
  }
}
#horse .slots {
  display: flex;
  flex-direction: column;
}
#horse .slots li:not(.slotsIcon) {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #horse .slots li:not(.slotsIcon) {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #horse .slots li:not(.slotsIcon) {
    margin-bottom: 40.95px;
  }
}
#horse .slots li:not(.slotsIcon) .ics {
  background-size: cover;
}
@media (max-width: 799px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #horse .slots li:not(.slotsIcon) .ics {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #horse .slots li:not(.slotsIcon) .ics {
    height: 63px;
  }
}
#horse .slots li:not(.slotsIcon) .ics.bell {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12.1672 18.5395C11.9434 18.6306 11.6949 18.5809 11.5291 18.4152L1.58544 8.4715C1.4197 8.30576 1.36997 8.05717 1.46114 7.83342C1.55231 7.60971 1.7595 7.46881 1.99981 7.47709C2.90302 7.46881 3.78138 7.1042 4.41114 6.47443L4.48567 6.3999H6.14294L13.6007 13.8577V15.5149L13.5262 15.5895C12.8881 16.2276 12.5235 17.0893 12.5235 18.0008C12.5318 18.2411 12.3909 18.4483 12.1672 18.5395Z' fill='%23FEA832'/%3E%3Cpath d='M12.1666 18.5396C11.9428 18.6308 11.6942 18.581 11.5285 18.4153L6.55664 13.4435L9.87121 10.1289L13.6001 13.8578V15.515L13.5255 15.5896C12.8875 16.2277 12.5229 17.0894 12.5229 18.0009C12.5312 18.2413 12.3903 18.4484 12.1666 18.5396Z' fill='%23FE9923'/%3E%3Cpath d='M19.4842 0.51583C18.7964 -0.171943 17.686 -0.171943 16.9982 0.51583C16.3105 1.20356 16.3105 2.31396 16.9982 3.00177C17.686 3.68954 18.7964 3.6895 19.4842 3.00177C20.172 2.31399 20.172 1.20364 19.4842 0.51583Z' fill='%23FEA832'/%3E%3Cpath d='M16.998 3.00181L19.484 0.515869C20.1718 1.20364 20.1718 2.31399 19.484 3.00181C18.7962 3.68954 17.6858 3.68958 16.998 3.00181Z' fill='%23FE9923'/%3E%3Cpath d='M8.21373 15.9293C7.07022 17.0728 5.21404 17.0728 4.07053 15.9293C2.92701 14.7858 2.92701 12.9296 4.07053 11.7861C4.30256 11.5541 4.66713 11.5541 4.89916 11.7861L8.21373 15.1007C8.44576 15.3327 8.44576 15.6973 8.21373 15.9293Z' fill='%23FEA832'/%3E%3Cpath d='M8.21352 15.9293C7.07 17.0728 5.21383 17.0728 4.07031 15.9293L6.55625 13.4434L8.21352 15.1006C8.44555 15.3327 8.44555 15.6973 8.21352 15.9293Z' fill='%23FE9923'/%3E%3Cpath d='M17.8263 11.2882L13.5994 15.515L4.48438 6.39995L8.71121 2.17315C11.222 -0.337666 15.3155 -0.337666 17.8263 2.17315C20.337 4.68397 20.3371 8.77741 17.8263 11.2882Z' fill='%23FEDB41'/%3E%3Cpath d='M17.8273 11.2881L13.6005 15.515L9.04297 10.9574L17.8273 2.1731C20.3381 4.68392 20.3381 8.77735 17.8273 11.2881Z' fill='%23FCBF29'/%3E%3Cpath d='M12.7714 19.6581C12.3157 20.1139 11.5699 20.1139 11.1142 19.6581L0.341807 8.88579C-0.113936 8.43005 -0.113936 7.68427 0.341807 7.22853C0.797549 6.77278 1.54333 6.77278 1.99907 7.22853L12.7714 18.0009C13.2272 18.4566 13.2272 19.2024 12.7714 19.6581Z' fill='%23FEDB41'/%3E%3Cpath d='M12.7719 19.6582C12.3162 20.1139 11.5704 20.1139 11.1147 19.6582L5.72852 14.272L7.38578 12.6147L12.7719 18.0009C13.2277 18.4566 13.2277 19.2024 12.7719 19.6582Z' fill='%23FCBF29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .slots li:not(.slotsIcon) .ics.saw {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M1.50391 11.0585L2.42152 10.8993L2.83414 9.72827L2.36785 9.84636L1.50391 11.0585Z' fill='%233B484A'/%3E%3Cpath d='M5.84284 17.0469L4.70678 17.1165L3.51311 18.3102C3.24155 18.5817 2.79968 18.5817 2.52812 18.3102L1.73683 17.5189C1.55921 17.3413 1.49175 17.0861 1.55667 16.8455L2.46093 14.8707L2.60046 13.6062L1.33929 13.749L0.183744 16.2728C0.17183 16.2989 0.161401 16.3256 0.152534 16.353C-0.10188 17.1374 0.102338 17.9871 0.685501 18.5703L1.47679 19.3616C2.328 20.2128 3.71311 20.2128 4.5644 19.3616L5.75807 18.1679L5.84284 17.0469Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.5332 0.041338L17.5071 0.0348927C16.8717 -0.122138 16.2293 0.265634 16.0723 0.901063L17.2488 1.19184L17.5332 0.041338Z' fill='%23999999'/%3E%3Cpath d='M19.9554 3.11776L19.9482 3.0919C19.7709 2.46182 19.1163 2.09483 18.4863 2.27217L18.8146 3.43881L19.9554 3.11776Z' fill='%23999999'/%3E%3Cpath d='M8.33875 5.65967L8.31977 5.67865C7.85695 6.14146 7.85695 6.89185 8.31977 7.35467L8.84883 7.88373L9.70582 7.02674L8.33875 5.65967Z' fill='%23999999'/%3E%3Cpath d='M10.1571 3.84253L10.1381 3.86151C9.67531 4.32433 9.67531 5.07472 10.1381 5.53753L10.6672 6.06659L11.5242 5.2096L10.1571 3.84253Z' fill='%23999999'/%3E%3Cpath d='M11.9735 2.02563L11.9545 2.04462C11.4917 2.50743 11.4917 3.25782 11.9545 3.72063L12.4836 4.2497L13.3406 3.3927L11.9735 2.02563Z' fill='%23999999'/%3E%3Cpath d='M13.7899 0.208496L13.7709 0.22748C13.3081 0.690292 13.3081 1.44068 13.7709 1.90349L14.3 2.43255L15.157 1.57556L13.7899 0.208496Z' fill='%23999999'/%3E%3Cpath d='M18.7362 6.86736L18.7552 6.84838C19.218 6.38557 19.218 5.63518 18.7552 5.17237L18.2261 4.64331L17.3691 5.5003L18.7362 6.86736Z' fill='%23999999'/%3E%3Cpath d='M16.9178 8.68451L16.9368 8.66552C17.3996 8.20271 17.3996 7.45232 16.9368 6.98951L16.4078 6.46045L15.5508 7.31744L16.9178 8.68451Z' fill='%23999999'/%3E%3Cpath d='M15.1014 10.5016L15.1204 10.4827C15.5832 10.0199 15.5832 9.26946 15.1204 8.80665L14.5914 8.27759L13.7344 9.13458L15.1014 10.5016Z' fill='%23999999'/%3E%3Cpath d='M13.2831 12.3185L13.3021 12.2996C13.7649 11.8367 13.7649 11.0864 13.3021 10.6235L12.773 10.0945L11.916 10.9515L13.2831 12.3185Z' fill='%23999999'/%3E%3Cpath d='M18.0653 1.73417C16.9259 0.594795 15.0786 0.594795 13.9393 1.73417L7.4707 8.20271L8.04617 11.7532L11.5967 12.3287L18.0652 5.86014C19.2046 4.72076 19.2046 2.8735 18.0653 1.73417Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.1187 2.68105C16.5033 2.06563 15.5019 2.06563 14.8866 2.68105L8.41797 9.14956L8.70793 11.0918L10.6502 11.3817L17.1187 4.9132C17.7341 4.29777 17.7341 3.29644 17.1187 2.68105Z' fill='%23D9D9D9'/%3E%3Cpath d='M1.92433 16.0417L2.46054 14.8707L2.60007 13.6062L1.33894 13.749L0.802734 14.9201L1.92433 16.0417Z' fill='%23999999'/%3E%3Cpath d='M4.9048 19.0214L5.75847 18.1678L5.8432 17.0469L4.70715 17.1164L3.85352 17.9702L4.9048 19.0214Z' fill='%23999999'/%3E%3Cpath d='M8.18207 7.49121L7.4707 8.20261L8.04617 11.7531L11.5967 12.3285L12.3081 11.6172L8.18207 7.49121Z' fill='%23999999'/%3E%3Cpath d='M9.12938 8.43823L8.41797 9.1496L8.70797 11.0918L10.6502 11.3818L11.3615 10.6704L9.12938 8.43823Z' fill='%23B3B3B3'/%3E%3Cpath d='M7.47208 8.20262C6.61305 7.34359 5.22028 7.34359 4.36126 8.20262L0.878808 11.6851C0.436231 12.1276 0.436231 12.8452 0.878808 13.2878L5.75884 18.1678L11.598 12.3285L7.47208 8.20262Z' fill='%23FAA330'/%3E%3Cpath d='M1.84459 12.6508L5.32704 9.16839C6.18606 8.30937 7.57883 8.30937 8.43786 9.16839L7.47208 8.20262C6.61305 7.34359 5.22028 7.34359 4.36126 8.20262L0.878808 11.6851C0.436231 12.1276 0.436231 12.8452 0.878808 13.2878L1.84459 14.2535C1.40201 13.811 1.40201 13.0935 1.84459 12.6508Z' fill='%23F09318'/%3E%3Cpath d='M1.50427 11.0585L0.59876 6.46345C0.480049 5.86099 0.603018 5.24841 0.945088 4.73845C1.28716 4.22849 1.80731 3.88228 2.40973 3.76357C3.01219 3.64482 3.62477 3.76783 4.13477 4.10986C4.64477 4.45189 4.99094 4.97209 5.10965 5.57451L6.22301 11.2241C6.30645 11.6473 6.03094 12.0581 5.60762 12.1415C5.18434 12.225 4.77356 11.9495 4.69016 11.5261L3.5768 5.87658C3.49825 5.47818 3.11016 5.21791 2.7118 5.29638C2.51876 5.33443 2.35212 5.44537 2.24251 5.60873C2.13294 5.77212 2.09352 5.96841 2.13157 6.16138L2.8345 9.72833L1.50427 11.0585Z' fill='%233B484A'/%3E%3Cpath d='M6.19046 15.935C6.11323 15.935 6.03597 15.9055 5.97706 15.8466C5.85921 15.7287 5.85921 15.5376 5.97706 15.4198L8.11901 13.2778C8.23686 13.16 8.42799 13.16 8.5458 13.2778C8.66366 13.3957 8.66366 13.5868 8.5458 13.7047L6.40386 15.8466C6.34495 15.9055 6.26772 15.935 6.19046 15.935Z' fill='%233B484A'/%3E%3Cpath d='M5.22952 14.9741C5.1523 14.9741 5.07503 14.9447 5.01612 14.8857C4.89827 14.7679 4.89827 14.5767 5.01612 14.4589L6.40054 13.0745C6.51839 12.9566 6.70952 12.9566 6.82733 13.0745C6.94519 13.1923 6.94519 13.3835 6.82733 13.5013L5.44292 14.8857C5.38394 14.9447 5.30671 14.9741 5.22952 14.9741Z' fill='%233B484A'/%3E%3Cpath d='M15.5415 4.85526C15.8708 4.85526 16.1377 4.58833 16.1377 4.25905C16.1377 3.92977 15.8708 3.66284 15.5415 3.66284C15.2122 3.66284 14.9453 3.92977 14.9453 4.25905C14.9453 4.58833 15.2122 4.85526 15.5415 4.85526Z' fill='%23B3B3B3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .slots li:not(.slotsIcon) .ics.knife {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.63424 1.84256C2.95516 1.16348 1.85439 1.16348 1.17532 1.84256C0.496248 2.52163 0.496248 3.6224 1.17532 4.30147L6.70875 9.8349L9.16767 7.37599L3.63424 1.84256ZM2.86561 3.53284C2.61085 3.7876 2.19784 3.7876 1.94308 3.53284C1.68832 3.27808 1.68832 2.86508 1.94308 2.61031C2.19784 2.35555 2.61085 2.35555 2.86561 2.61031C3.12037 2.86508 3.12037 3.27808 2.86561 3.53284Z' fill='%23010101'/%3E%3Cpath d='M6.09375 11.68L10.9307 16.5169C12.5784 18.1646 14.6095 18.7368 16.3172 18.7281C17.7736 18.7211 18.9944 18.2916 19.5387 17.7464L9.78299 7.99072L6.09375 11.68Z' fill='%23CED8E0'/%3E%3Cpath d='M16.1681 14.3753L15.2986 13.5059H9.15039L10.0199 14.3753H16.1681Z' fill='%2392A2B3'/%3E%3Cpath d='M17.0368 15.2449H10.8887L11.546 15.9022C13.2485 17.6047 15.2431 17.8586 16.2804 17.8586C17.5568 17.8525 18.568 17.4882 18.9245 17.1317L17.0368 15.2449Z' fill='%2392A2B3'/%3E%3C/svg%3E%0A");
}
#horse .slots li:not(.slotsIcon) .ics.melon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20 12.9287C14.477 18.4517 5.52298 18.4517 0 12.9287L9.99998 2.92871L20 12.9287Z' fill='%2370D65B'/%3E%3Cpath d='M17.871 10.7988C13.5244 15.1454 6.47748 15.1454 2.13086 10.7988L10.0009 2.92871L17.871 10.7988Z' fill='%23FF3B6A'/%3E%3Cpath d='M19.9998 12.9289C14.477 18.4521 5.52277 18.4521 0 12.9289L0.848461 12.0808C5.90282 17.1352 14.097 17.1352 19.1513 12.0808L19.9998 12.9289Z' fill='%2358B741'/%3E%3Cpath d='M9.99959 7.67194C9.56582 7.67194 9.11198 7.37735 9.08371 6.8144C9.0826 6.7921 9.08203 6.76973 9.08203 6.74718C9.08203 6.22064 9.39405 5.74429 9.8769 5.53365C9.95512 5.49953 10.0441 5.49953 10.1223 5.53365C10.6051 5.74433 10.9171 6.22068 10.9171 6.74718C10.9171 6.76973 10.9166 6.7921 10.9155 6.81436C10.8872 7.37739 10.4333 7.67194 9.99959 7.67194ZM9.99959 6.16471C9.81148 6.29591 9.69567 6.51224 9.69567 6.74718C9.69567 6.75942 9.696 6.77157 9.69657 6.78368C9.7097 7.04509 9.95127 7.05834 9.99959 7.05834C10.0479 7.05834 10.2894 7.04509 10.3026 6.78363C10.3032 6.77161 10.3035 6.75946 10.3035 6.74722C10.3035 6.51224 10.1876 6.29591 9.99959 6.16471Z' fill='%23E21E56'/%3E%3Cpath d='M10.0014 5.81494C9.64193 5.97175 9.39062 6.33007 9.39062 6.74727C9.39062 6.76465 9.39107 6.78192 9.39193 6.7991C9.42986 7.55392 10.5729 7.55392 10.6108 6.7991C10.6116 6.78192 10.6121 6.76465 10.6121 6.74727C10.6121 6.33007 10.3608 5.97175 10.0014 5.81494Z' fill='%23463068'/%3E%3Cpath d='M4.96248 11.6991C4.52876 11.6991 4.07491 11.4045 4.0466 10.8415C4.04549 10.8195 4.04492 10.797 4.04492 10.7743C4.04492 10.2478 4.3569 9.77142 4.83979 9.56078C4.91801 9.52662 5.00695 9.52662 5.08517 9.56078C5.56802 9.77142 5.88004 10.2478 5.88004 10.7743C5.88004 10.7969 5.87946 10.8192 5.87836 10.8415C5.85009 11.4045 5.39624 11.6991 4.96248 11.6991ZM4.96248 10.1919C4.77438 10.3231 4.65856 10.5394 4.65856 10.7744C4.65856 10.7865 4.65885 10.7985 4.65946 10.8105C4.67259 11.0723 4.91416 11.0855 4.96248 11.0855C5.01079 11.0855 5.25232 11.0723 5.26545 10.8108C5.26607 10.7988 5.26635 10.7866 5.26635 10.7744C5.2664 10.5394 5.15058 10.3231 4.96248 10.1919Z' fill='%23E21E56'/%3E%3Cpath d='M4.9623 9.84204C4.60287 9.99885 4.35156 10.3572 4.35156 10.7744C4.35156 10.7917 4.35201 10.809 4.35287 10.8262C4.39079 11.581 5.53381 11.581 5.57173 10.8262C5.57259 10.809 5.57304 10.7917 5.57304 10.7744C5.573 10.3572 5.32169 9.99885 4.9623 9.84204Z' fill='%23463068'/%3E%3Cpath d='M9.99959 13.0318C9.56582 13.0318 9.11198 12.7372 9.08371 12.1743C9.0826 12.152 9.08203 12.1296 9.08203 12.1071C9.08203 11.5805 9.39405 11.1042 9.8769 10.8935C9.95512 10.8594 10.0441 10.8594 10.1223 10.8935C10.6051 11.1042 10.9171 11.5805 10.9171 12.1071C10.9171 12.1296 10.9166 12.152 10.9155 12.1742C10.8872 12.7373 10.4333 13.0318 9.99959 13.0318ZM9.99959 11.5246C9.81148 11.6558 9.69567 11.8721 9.69567 12.107C9.69567 12.1193 9.696 12.1314 9.69657 12.1435C9.7097 12.4049 9.95127 12.4182 9.99959 12.4182C10.0479 12.4182 10.2894 12.4049 10.3026 12.1435C10.3032 12.1315 10.3035 12.1193 10.3035 12.1071C10.3035 11.8721 10.1876 11.6558 9.99959 11.5246Z' fill='%23E21E56'/%3E%3Cpath d='M10.0014 11.1748C9.64193 11.3316 9.39062 11.6899 9.39062 12.1071C9.39062 12.1245 9.39107 12.1418 9.39193 12.159C9.42986 12.9138 10.5729 12.9138 10.6108 12.159C10.6116 12.1418 10.6121 12.1245 10.6121 12.1071C10.6121 11.6899 10.3608 11.3316 10.0014 11.1748Z' fill='%23463068'/%3E%3Cpath d='M15.0386 11.859C14.6049 11.859 14.1511 11.5644 14.1228 11.0015C14.1217 10.9792 14.1211 10.9568 14.1211 10.9342C14.1211 10.4077 14.4331 9.93137 14.916 9.72069C14.9942 9.68653 15.0831 9.68653 15.1613 9.72069C15.6442 9.93133 15.9562 10.4077 15.9562 10.9342C15.9562 10.9567 15.9556 10.9792 15.9545 11.0014C15.9263 11.5644 15.4724 11.859 15.0386 11.859ZM15.0386 10.3518C14.8505 10.483 14.7347 10.6993 14.7347 10.9342C14.7347 10.9465 14.735 10.9586 14.7356 10.9707C14.7488 11.2321 14.9903 11.2454 15.0386 11.2454C15.0869 11.2454 15.3284 11.2321 15.3416 10.9707C15.3422 10.9586 15.3425 10.9465 15.3425 10.9342C15.3426 10.6993 15.2267 10.483 15.0386 10.3518Z' fill='%23E21E56'/%3E%3Cpath d='M15.0385 10.002C14.679 10.1588 14.4277 10.5171 14.4277 10.9343C14.4277 10.9517 14.4282 10.9689 14.429 10.9861C14.467 11.7409 15.61 11.7409 15.6479 10.9861C15.6488 10.9689 15.6492 10.9517 15.6492 10.9343C15.6492 10.5171 15.3979 10.1588 15.0385 10.002Z' fill='%23463068'/%3E%3Cpath d='M7.45271 10.1068C7.01895 10.1068 6.5651 9.81223 6.53683 9.24924C6.53573 9.22699 6.53516 9.20457 6.53516 9.18203C6.53516 8.65548 6.84717 8.17917 7.33002 7.96849C7.40824 7.93433 7.49718 7.93433 7.5754 7.96849C8.05825 8.17913 8.37027 8.65548 8.37027 9.18203C8.37027 9.20457 8.36969 9.22699 8.36859 9.2492C8.34028 9.81223 7.88643 10.1068 7.45271 10.1068ZM7.45271 8.5996C7.26461 8.7308 7.1488 8.94712 7.1488 9.18203C7.1488 9.19426 7.14912 9.20645 7.1497 9.21852C7.16283 9.47993 7.4044 9.49318 7.45271 9.49318C7.50098 9.49318 7.74255 9.47993 7.75568 9.21848C7.7563 9.20645 7.75658 9.1943 7.75658 9.18203C7.75663 8.94712 7.64077 8.7308 7.45271 8.5996Z' fill='%23E21E56'/%3E%3Cpath d='M7.45253 8.24976C7.0931 8.40656 6.8418 8.76489 6.8418 9.18208C6.8418 9.19947 6.84225 9.21673 6.84311 9.23391C6.88103 9.98873 8.02404 9.98873 8.06196 9.23391C8.06282 9.21673 8.06327 9.19947 8.06327 9.18208C8.06323 8.76489 7.81192 8.40656 7.45253 8.24976Z' fill='%23463068'/%3E%3Cpath d='M12.5465 10.1068C12.1127 10.1068 11.6589 9.81223 11.6306 9.24924C11.6295 9.22699 11.6289 9.20457 11.6289 9.18203C11.6289 8.65548 11.9409 8.17917 12.4238 7.96849C12.502 7.93433 12.5909 7.93433 12.6691 7.96849C13.152 8.17913 13.464 8.65548 13.464 9.18203C13.464 9.20457 13.4634 9.22699 13.4623 9.2492C13.434 9.81223 12.9802 10.1068 12.5465 10.1068ZM12.5465 8.5996C12.3584 8.7308 12.2425 8.94712 12.2425 9.18203C12.2425 9.19426 12.2429 9.20645 12.2434 9.21852C12.2566 9.47993 12.4981 9.49318 12.5465 9.49318C12.5947 9.49318 12.8363 9.47993 12.8494 9.21848C12.85 9.20645 12.8503 9.1943 12.8503 9.18203C12.8503 8.94712 12.7345 8.7308 12.5465 8.5996Z' fill='%23E21E56'/%3E%3Cpath d='M12.5463 8.24976C12.1869 8.40656 11.9355 8.76489 11.9355 9.18208C11.9355 9.19947 11.936 9.21673 11.9369 9.23391C11.9748 9.98873 13.1178 9.98873 13.1557 9.23391C13.1566 9.21673 13.157 9.19947 13.157 9.18208C13.157 8.76489 12.9057 8.40656 12.5463 8.24976Z' fill='%23463068'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .slots li:not(.slotsIcon) .ics.cherry {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M5.73458 11.0605C5.57172 11.0605 5.43622 10.9321 5.42899 10.7678C5.42491 10.6748 5.34067 8.46226 6.37552 6.01901C6.98608 4.57751 7.86122 3.35883 8.97668 2.39683C10.3683 1.19667 12.1351 0.398761 14.2282 0.0253347C14.3942 -0.00442025 14.5536 0.106477 14.5833 0.272925C14.613 0.439373 14.5022 0.598352 14.3357 0.628066C12.3523 0.981982 10.6838 1.73308 9.37656 2.8605C8.33293 3.76058 7.5129 4.90363 6.93931 6.25787C5.95785 8.57496 6.03972 10.7196 6.04066 10.7409C6.04809 10.9098 5.91719 11.0528 5.7483 11.0602C5.74372 11.0604 5.73911 11.0605 5.73458 11.0605Z' fill='%234AA032'/%3E%3Cpath d='M13.6839 11.0606C13.6481 11.0606 13.6118 11.0543 13.5763 11.0409C13.4181 10.9815 13.3379 10.805 13.3974 10.6467C13.7306 9.75965 13.2743 8.39215 12.7912 6.94436C12.359 5.64914 11.912 4.3098 11.9495 3.09695C11.9941 1.65166 12.7187 0.653214 14.1648 0.0445649C14.3205 -0.0210266 14.5002 0.0521158 14.5657 0.207952C14.6313 0.363787 14.5581 0.543256 14.4023 0.608847C13.1833 1.12195 12.5984 1.91855 12.5614 3.11585C12.5273 4.2196 12.9567 5.50629 13.3719 6.7506C13.8903 8.30427 14.38 9.77181 13.9705 10.862C13.9244 10.9848 13.8078 11.0606 13.6839 11.0606Z' fill='%234AA032'/%3E%3Cpath d='M19.3135 9.84484C17.5797 9.73423 15.1683 7.262 14.2189 5.40405C13.5132 4.02283 13.3805 2.52162 13.7401 1.23795C13.7511 1.19632 13.763 1.15509 13.7756 1.11428C13.885 0.759179 14.0324 0.422038 14.2164 0.110612C14.2385 0.0734689 14.2609 0.0363263 14.2838 0C16.0177 0.11102 17.7511 1.25632 18.7005 3.11427C19.2282 4.14814 19.6454 5.65956 19.7519 7.05057C19.8368 8.16036 19.7242 9.1926 19.3135 9.84484Z' fill='%2370D65B'/%3E%3Cpath d='M19.3136 9.84482C17.5797 9.73421 15.1683 7.26198 14.2189 5.40403C13.5132 4.02282 13.3805 2.5216 13.7401 1.23794C13.7511 1.1963 13.763 1.15508 13.7756 1.11426C13.885 0.759163 14.0324 0.422022 14.2164 0.110596C16.005 2.76854 18.9911 8.79748 19.3136 9.84482Z' fill='%2358B741'/%3E%3Cpath d='M5.73551 20C8.77909 20 11.2464 17.5328 11.2464 14.4891C11.2464 11.4455 8.77913 8.70644 5.73551 10.4278C2.69194 8.70648 0.224609 11.4456 0.224609 14.4891C0.224609 17.5327 2.69194 20 5.73551 20Z' fill='%23FF3B6A'/%3E%3Cpath d='M5.7356 19.9999C2.69194 19.9999 0.224609 17.5326 0.224609 14.4889C0.224609 11.8698 2.05194 9.47592 4.50173 9.95674C3.6001 10.3298 2.98173 12.333 2.98173 14.4889C2.98173 17.5326 4.21438 19.9999 5.7356 19.9999Z' fill='%23E21E56'/%3E%3Cpath d='M13.6828 20C16.7264 20 19.1937 17.5328 19.1937 14.4891C19.1937 11.4455 16.7264 8.70644 13.6828 10.4278C10.6392 8.70644 8.17188 11.4456 8.17188 14.4891C8.17188 17.5327 10.6392 20 13.6828 20Z' fill='%23FF3B6A'/%3E%3Cpath d='M13.6829 19.9999C10.6392 19.9999 8.17188 17.5326 8.17188 14.4889C8.17188 11.8698 9.99921 9.47592 12.449 9.95674C11.5474 10.3298 10.929 12.333 10.929 14.4889C10.929 17.5326 12.1617 19.9999 13.6829 19.9999Z' fill='%23E21E56'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .slots li:not(.slotsIcon) .ics.plum {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M11.516 2.72023C11.7414 2.09816 12.136 1.53927 12.6701 1.11369C12.3741 0.742325 12.0782 0.370958 11.7822 0C10.8939 0.708082 10.2833 1.68073 10.0195 2.75243L10.7067 3.6921L11.516 2.72023Z' fill='%23AD7136'/%3E%3Cpath d='M12.6826 2.57642C11.9929 2.57642 11.3287 2.72423 10.7058 2.99674C10.083 2.72423 9.41886 2.57642 8.72908 2.57642C5.17881 2.57642 2.30078 6.47682 2.30078 11.2881C2.30078 16.0995 5.17885 19.9999 8.72908 19.9999C9.41882 19.9999 10.083 19.8521 10.7058 19.5796C11.3287 19.8521 11.9928 19.9999 12.6826 19.9999C16.2329 19.9999 19.1109 16.0995 19.1109 11.2881C19.1109 6.47678 16.2329 2.57642 12.6826 2.57642Z' fill='%23654B87'/%3E%3Cpath d='M9.40199 19.9528C9.18104 19.9841 8.95643 20 8.72937 20C5.17917 20 2.30078 16.0997 2.30078 11.2882C2.30078 6.47678 5.17917 2.57642 8.72937 2.57642C8.95643 2.57642 9.18104 2.59231 9.40199 2.6237C7.81257 3.08108 6.57292 6.78578 6.57292 11.2882C6.57292 15.7907 7.81257 19.4954 9.40199 19.9528Z' fill='%23463068'/%3E%3Cpath d='M8.45194 8.96595C6.77733 10.6406 4.48064 11.3144 2.30544 10.9875C1.93856 10.9328 1.57534 10.8493 1.21906 10.7376C0.443307 8.26805 1.03358 5.46181 2.99069 3.5047C4.94781 1.54759 7.75364 0.957318 10.2232 1.73348C10.246 1.80645 10.268 1.87982 10.288 1.95361C10.963 4.36851 10.3512 7.06672 8.45194 8.96595Z' fill='%2370D65B'/%3E%3Cpath d='M10.288 1.95361C6.77407 3.32248 2.75222 8.71239 2.30544 10.9875C1.93856 10.9328 1.57534 10.8493 1.21906 10.7376C0.443307 8.26805 1.03358 5.46181 2.99069 3.5047C4.94781 1.54759 7.75364 0.957318 10.2232 1.73348C10.246 1.80645 10.268 1.87982 10.288 1.95361Z' fill='%2358B741'/%3E%3Cpath d='M3.45 8.81247C3.39664 8.81247 3.34263 8.79848 3.29351 8.76913C3.14855 8.68255 3.10126 8.49483 3.18784 8.34987C4.41996 6.28746 6.22208 4.52871 7.51693 3.41649C8.91716 2.21373 10.0123 1.50569 10.0583 1.47613C10.2002 1.38478 10.3893 1.42587 10.4808 1.56781C10.5721 1.70979 10.5311 1.89894 10.3891 1.99034C10.3454 2.01846 5.9918 4.84859 3.71273 8.66347C3.65554 8.75931 3.55407 8.81247 3.45 8.81247Z' fill='%234AA032'/%3E%3Cpath d='M7.69395 6.20257C7.67606 6.20257 7.65792 6.20098 7.63969 6.19772C7.4735 6.16796 7.36286 6.0091 7.39266 5.84286L7.79016 3.62331L5.70989 3.86305C5.54215 3.88241 5.3905 3.76207 5.37118 3.59433C5.35186 3.42658 5.47215 3.27494 5.6399 3.25561L8.12858 2.96879C8.22459 2.95779 8.32026 2.99272 8.38642 3.0632C8.45262 3.13365 8.48157 3.23128 8.46453 3.32642L7.99455 5.95065C7.96805 6.09866 7.8392 6.20257 7.69395 6.20257Z' fill='%234AA032'/%3E%3Cpath d='M5.741 7.42435C5.57216 7.42435 5.43527 7.28746 5.43527 7.11861V5.86575L4.1094 5.98874C3.94129 6.00419 3.79229 5.88067 3.77672 5.71256C3.76111 5.5444 3.88479 5.39549 4.0529 5.37988L5.71275 5.22591C5.79848 5.218 5.88344 5.24645 5.94695 5.30438C6.0105 5.36231 6.04674 5.44433 6.04674 5.53034V7.11861C6.04674 7.28746 5.90985 7.42435 5.741 7.42435Z' fill='%234AA032'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .slots .slotsIcon {
  display: flex;
  align-items: center;
}
#horse .slots .slotsIcon li {
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #horse .slots .slotsIcon li {
    margin-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots .slotsIcon li {
    margin-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots .slotsIcon li {
    margin-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots .slotsIcon li {
    margin-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots .slotsIcon li {
    margin-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots .slotsIcon li {
    margin-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots .slotsIcon li {
    margin-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots .slotsIcon li {
    margin-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots .slotsIcon li {
    margin-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots .slotsIcon li {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots .slotsIcon li {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots .slotsIcon li {
    margin-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots .slotsIcon li {
    margin-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots .slotsIcon li {
    margin-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots .slotsIcon li {
    margin-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots .slotsIcon li {
    margin-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots .slotsIcon li {
    margin-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots .slotsIcon li {
    margin-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots .slotsIcon li {
    margin-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  #horse .slots .slotsIcon li {
    margin-right: 28.35px;
  }
}
@media (max-width: 799px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #horse .slots .slotsIcon li:last-child {
    margin-right: 37.8px;
  }
}
#horse .slots.red .badge {
  background: #00BBFF;
}
@media (max-width: 799px) {
  #horse .slots.purple {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .slots.purple {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .slots.purple {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .slots.purple {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .slots.purple {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .slots.purple {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .slots.purple {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .slots.purple {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .slots.purple {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .slots.purple {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .slots.purple {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .slots.purple {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .slots.purple {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .slots.purple {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .slots.purple {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .slots.purple {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .slots.purple {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .slots.purple {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .slots.purple {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #horse .slots.purple {
    margin-top: 157.5px;
  }
}
#horse .slots.purple .badge {
  background: #B334D3;
}
#horse .fixed {
  background: rgba(1, 22, 39, 0.8);
  margin-right: auto;
}
@media (max-width: 799px) {
  #horse .fixed {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #horse .fixed {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #horse .fixed {
    margin-left: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed {
    margin-left: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed {
    margin-left: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed {
    margin-left: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed {
    margin-left: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed {
    margin-left: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed {
    margin-left: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed {
    margin-left: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed {
    margin-left: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed {
    margin-left: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed {
    margin-left: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed {
    margin-left: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed {
    margin-left: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed {
    margin-left: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed {
    margin-left: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed {
    margin-left: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed {
    margin-left: 101.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed {
    margin-left: 141.75px;
  }
}
@media (max-width: 799px) {
  #horse .fixed {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed {
    padding-top: 126px;
  }
}
#horse .fixed .avatar {
  display: flex;
  background-size: cover;
}
@media (max-width: 799px) {
  #horse .fixed .avatar {
    width: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .avatar {
    width: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .avatar {
    width: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .avatar {
    width: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .avatar {
    width: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .avatar {
    width: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .avatar {
    width: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .avatar {
    width: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .avatar {
    width: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .avatar {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .avatar {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .avatar {
    width: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .avatar {
    width: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .avatar {
    width: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .avatar {
    width: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    width: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    width: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    width: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    width: 263.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .avatar {
    width: 368.55px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .avatar {
    height: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .avatar {
    height: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .avatar {
    height: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .avatar {
    height: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .avatar {
    height: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .avatar {
    height: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .avatar {
    height: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .avatar {
    height: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .avatar {
    height: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .avatar {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .avatar {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .avatar {
    height: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .avatar {
    height: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .avatar {
    height: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .avatar {
    height: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    height: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    height: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    height: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    height: 263.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .avatar {
    height: 368.55px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .avatar {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .avatar {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .avatar {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .avatar {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .avatar {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .avatar {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .avatar {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .avatar {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .avatar {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .avatar {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .avatar {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .avatar {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .avatar {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .avatar {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .avatar {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .avatar {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .avatar {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .avatar {
    margin-bottom: 44.1px;
  }
}
#horse .fixed .avatar.purple {
  background-image: url("data:image/svg+xml,%3Csvg width='117' height='117' viewBox='0 0 117 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H27.6504L24.2227 110.145L20.7949 117H10.5117C8.59165 117 7.08398 115.492 7.08398 113.572V94.1942C7.08398 87.6128 10.7179 81.7856 16.5442 78.8381L32.1064 71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23FF667C'/%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H58.5V71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23E63950'/%3E%3Cpath d='M84.8945 71.0918L60.5576 88.4358C59.9408 88.9151 59.2553 89.1213 58.501 89.1213C57.7467 89.1213 57.0611 88.9151 56.4443 88.4358L32.1074 71.0918L44.6526 64.7844H72.3494L84.8945 71.0918Z' fill='%23F2F2FC'/%3E%3Cpath d='M84.8936 71.0918L60.5566 88.4358C59.9398 88.9151 59.2543 89.1213 58.5 89.1213V64.7844H72.3484L84.8936 71.0918Z' fill='%23D8D8FC'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104C45.2693 75.4104 34.5059 64.647 34.5059 51.4163V34.2776L43.3492 27.4221H73.6508L82.4941 34.2776Z' fill='%23FFB8A3'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104V27.4221H73.6508L82.4941 34.2776Z' fill='%23FF9B7B'/%3E%3Cpath d='M24.2227 95.9768C22.3294 95.9768 20.7949 97.5113 20.7949 99.4045V117H27.6504V99.4045C27.6504 97.5113 26.1159 95.9768 24.2227 95.9768Z' fill='%23E63950'/%3E%3Cpath d='M92.7773 95.9768C90.8841 95.9768 89.3496 97.5113 89.3496 99.4045V117H96.2051V99.4045C96.2051 97.5113 94.6706 95.9768 92.7773 95.9768Z' fill='%23CC2E43'/%3E%3Cpath d='M65.3555 95.9768H58.5V102.832H65.3555C67.2496 102.832 68.7832 101.299 68.7832 99.4045C68.7832 97.5104 67.2496 95.9768 65.3555 95.9768Z' fill='%2353433F'/%3E%3Cpath d='M82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331H51.6445C50.7537 41.1331 49.8619 40.7903 49.2451 40.1047L43.3492 34.2776H34.5059V30.8499C34.5059 29.6841 34.7121 28.5192 34.8486 27.4221C36.4938 15.8366 46.4342 6.85571 58.5 6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499Z' fill='%2353433F'/%3E%3Cpath d='M65.3555 41.1331H58.5V6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331Z' fill='%233E322E'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667C56.5799 20.5667 55.0723 19.0581 55.0723 17.1389V3.42798C55.0723 1.50791 56.5799 0.000244141 58.5 0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%2353433F'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667V0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%233E322E'/%3E%3Ccircle cx='58.5' cy='58.5002' r='53.5' stroke='%23D660C3' stroke-width='10'/%3E%3Ccircle cx='58.5' cy='58.5002' r='49.1875' stroke='%238C4481' stroke-width='4'/%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H27.6504L24.2227 110.145L20.7949 117H10.5117C8.59165 117 7.08398 115.492 7.08398 113.572V94.1942C7.08398 87.6128 10.7179 81.7856 16.5442 78.8381L32.1064 71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23FFA3F0'/%3E%3Cpath d='M109.916 94.1942V113.572C109.916 115.492 108.408 117 106.488 117H96.2051L92.7773 110.145L89.3496 117H58.5V71.0918H84.8936L100.456 78.8381C106.282 81.7856 109.916 87.6128 109.916 94.1942Z' fill='%23D660C3'/%3E%3Cpath d='M84.8945 71.0918L60.5576 88.4358C59.9408 88.9151 59.2553 89.1213 58.501 89.1213C57.7467 89.1213 57.0611 88.9151 56.4443 88.4358L32.1074 71.0918L44.6526 64.7844H72.3494L84.8945 71.0918Z' fill='%23F2F2FC'/%3E%3Cpath d='M84.8936 71.0918L60.5566 88.4358C59.9398 88.9151 59.2543 89.1213 58.5 89.1213V64.7844H72.3484L84.8936 71.0918Z' fill='%23D8D8FC'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104C45.2693 75.4104 34.5059 64.647 34.5059 51.4163V34.2776L43.3492 27.4221H73.6508L82.4941 34.2776Z' fill='%23FFB8A3'/%3E%3Cpath d='M82.4941 34.2776V51.4163C82.4941 64.647 71.7307 75.4104 58.5 75.4104V27.4221H73.6508L82.4941 34.2776Z' fill='%23FF9B7B'/%3E%3Cpath d='M24.2227 95.9768C22.3294 95.9768 20.7949 97.5113 20.7949 99.4045V117H27.6504V99.4045C27.6504 97.5113 26.1159 95.9768 24.2227 95.9768Z' fill='%23B872AD'/%3E%3Cpath d='M92.7773 95.9768C90.8841 95.9768 89.3496 97.5113 89.3496 99.4045V117H96.2051V99.4045C96.2051 97.5113 94.6706 95.9768 92.7773 95.9768Z' fill='%23853F7A'/%3E%3Cpath d='M65.3555 95.9768H58.5V102.832H65.3555C67.2496 102.832 68.7832 101.299 68.7832 99.4045C68.7832 97.5104 67.2496 95.9768 65.3555 95.9768Z' fill='%2353433F'/%3E%3Cpath d='M82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331H51.6445C50.7537 41.1331 49.8619 40.7903 49.2451 40.1047L43.3492 34.2776H34.5059V30.8499C34.5059 29.6841 34.7121 28.5192 34.8486 27.4221C36.4938 15.8366 46.4342 6.85571 58.5 6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499Z' fill='%2353433F'/%3E%3Cpath d='M65.3555 41.1331H58.5V6.85571C70.5658 6.85571 80.5062 15.8366 82.1514 27.4221C82.2879 28.5192 82.4941 29.6841 82.4941 30.8499V34.2776H73.6508L67.7549 40.1047C67.1381 40.7903 66.2463 41.1331 65.3555 41.1331Z' fill='%233E322E'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667C56.5799 20.5667 55.0723 19.0581 55.0723 17.1389V3.42798C55.0723 1.50791 56.5799 0.000244141 58.5 0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%2353433F'/%3E%3Cpath d='M61.9277 3.42798V17.1389C61.9277 19.0581 60.4201 20.5667 58.5 20.5667V0.000244141C60.4201 0.000244141 61.9277 1.50791 61.9277 3.42798Z' fill='%233E322E'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='117' height='117' fill='white' transform='translate(0 0.000244141)'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='117' height='117' fill='white' transform='translate(0 0.000244141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .avatar.red {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23E63950' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23853741' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23FF667C'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23E63950'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23E63950'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23CC2E43'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .avatar.blue {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23569DC6' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23304E5F' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%237BCEFD'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23569DC6'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%235E88A0'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23416980'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .avatar.darkblue {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23232B74' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%23181C40' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%233A47BB'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23232B74'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23303772'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23181C3E'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .avatar.white {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%23D7D7D7' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%237E7E7E' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='white'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%23D7D7D7'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%23ACACAC'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%23999999'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .avatar.green {
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24' stroke='%233BC98D' stroke-width='4'/%3E%3Ccircle cx='26' cy='26' r='20.75' stroke='%232E7758' stroke-width='4'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H12.2891L10.7656 48.9531L9.24219 51.9999H4.67188C3.81851 51.9999 3.14844 51.3295 3.14844 50.4765V41.8639C3.14844 38.9388 4.76352 36.349 7.35297 35.039L14.2695 31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%238DEEC5'/%3E%3Cpath d='M48.8516 41.8639V50.4765C48.8516 51.3295 48.1815 51.9999 47.3281 51.9999H42.7578L41.2344 48.9531L39.7109 51.9999H26V31.5962H37.7305L44.647 35.039C47.2365 36.349 48.8516 38.9388 48.8516 41.8639Z' fill='%233BC98D'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094C25.6648 39.6094 25.3601 39.5177 25.0859 39.3047L14.2695 31.5963L19.8452 28.793H32.1548L37.7305 31.5963Z' fill='%23F2F2FC'/%3E%3Cpath d='M37.7305 31.5963L26.9141 39.3047C26.6399 39.5177 26.3352 39.6094 26 39.6094V28.793H32.1548L37.7305 31.5963Z' fill='%23D8D8FC'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156C20.1197 33.5156 15.3359 28.7319 15.3359 22.8516V15.2344L19.2663 12.1875H32.7337L36.6641 15.2344Z' fill='%23FFB8A3'/%3E%3Cpath d='M36.6641 15.2344V22.8516C36.6641 28.7319 31.8803 33.5156 26 33.5156V12.1875H32.7337L36.6641 15.2344Z' fill='%23FF9B7B'/%3E%3Cpath d='M10.7656 42.6562C9.92416 42.6562 9.24219 43.3382 9.24219 44.1797V52H12.2891V44.1797C12.2891 43.3382 11.6071 42.6562 10.7656 42.6562Z' fill='%237BC4A5'/%3E%3Cpath d='M41.2344 42.6562C40.3929 42.6562 39.7109 43.3382 39.7109 44.1797V52H42.7578V44.1797C42.7578 43.3382 42.0758 42.6562 41.2344 42.6562Z' fill='%2326825B'/%3E%3Cpath d='M29.0469 42.6562H26V45.7031H29.0469C29.8887 45.7031 30.5703 45.0215 30.5703 44.1797C30.5703 43.3378 29.8887 42.6562 29.0469 42.6562Z' fill='%2353433F'/%3E%3Cpath d='M36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812H22.9531C22.5572 18.2812 22.1609 18.1289 21.8867 17.8242L19.2663 15.2344H15.3359V13.7109C15.3359 13.1928 15.4276 12.6751 15.4883 12.1875C16.2195 7.03836 20.6374 3.04688 26 3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109Z' fill='%2353433F'/%3E%3Cpath d='M29.0469 18.2812H26V3.04688C31.3626 3.04688 35.7805 7.03836 36.5117 12.1875C36.5724 12.6751 36.6641 13.1928 36.6641 13.7109V15.2344H32.7337L30.1133 17.8242C29.8391 18.1289 29.4428 18.2812 29.0469 18.2812Z' fill='%233E322E'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062C25.1466 9.14062 24.4766 8.47015 24.4766 7.61719V1.52344C24.4766 0.670074 25.1466 0 26 0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%2353433F'/%3E%3Cpath d='M27.5234 1.52344V7.61719C27.5234 8.47015 26.8534 9.14062 26 9.14062V0C26.8534 0 27.5234 0.670074 27.5234 1.52344Z' fill='%233E322E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#horse .fixed .rate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#horse .fixed .rate .label {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 799px) {
  #horse .fixed .rate .label {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .label {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .label {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .label {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .label {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .label {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .label {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .label {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .label {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .label {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .label {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .label {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .label {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .label {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .label {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .label {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .label {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .label {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .label {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .label {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .label {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .label {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .label {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .label {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .label {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .label {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .label {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .label {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .label {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .label {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .label {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .label {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .label {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .label {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .label {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .label {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .label {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .label {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .label {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .label {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .label {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .label {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .label {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .label {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .label {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .label {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .label {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .label {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .label {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .label {
    margin-bottom: 75.6px;
  }
}
#horse .fixed .rate .rateNum {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum {
    width: 645.75px;
  }
}
#horse .fixed .rate .rateNum li {
  background: rgba(27, 30, 40, 0.4);
  border-style: solid;
  border-color: rgba(193, 193, 193, 0.2);
  color: #C1C1C1;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum li {
    border-width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    border-width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    border-width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    border-width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum li {
    border-width: 3.15px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum li {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum li {
    padding: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum li {
    padding: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum li {
    padding: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum li {
    padding: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum li {
    padding: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum li {
    padding: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum li {
    padding: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum li {
    padding: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum li {
    padding: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum li {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum li {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum li {
    padding: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum li {
    padding: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum li {
    padding: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum li {
    padding: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    padding: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    padding: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    padding: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    padding: 11.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum li {
    padding: 15.75px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .rateNum li {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .rateNum li {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .rateNum li {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .rateNum li {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .rateNum li {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .rateNum li {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .rateNum li {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .rateNum li {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .rateNum li {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .rateNum li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .rateNum li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .rateNum li {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .rateNum li {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .rateNum li {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .rateNum li {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .rateNum li {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .rateNum li {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .rateNum li {
    font-size: 44.1px;
  }
}
#horse .fixed .rate .rateNum li:hover, #horse .fixed .rate .rateNum li.active {
  color: #fff;
  background: rgba(105, 108, 116, 0.4);
}
#horse .fixed .rate .inputRate {
  background: rgba(255, 255, 255, 0.1);
  font-weight: bold;
  margin: 0 auto;
  font-family: UniNeue;
  text-align: center;
  color: #fff;
}
@media (max-width: 799px) {
  #horse .fixed .rate .inputRate {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .inputRate {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .inputRate {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .inputRate {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .inputRate {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .inputRate {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .inputRate {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .inputRate {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .inputRate {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .inputRate {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .inputRate {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .inputRate {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .inputRate {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .inputRate {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .inputRate {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .inputRate {
    width: 645.75px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .inputRate {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .inputRate {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .inputRate {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .inputRate {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .inputRate {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .inputRate {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .inputRate {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .inputRate {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .inputRate {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .inputRate {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .inputRate {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .inputRate {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .inputRate {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .inputRate {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .inputRate {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .inputRate {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .inputRate {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .inputRate {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .inputRate {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .inputRate {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .inputRate {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .inputRate {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .inputRate {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .inputRate {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .inputRate {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .inputRate {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .inputRate {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .inputRate {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .inputRate {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .inputRate {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .inputRate {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .inputRate {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .inputRate {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .inputRate {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .inputRate {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .inputRate {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .inputRate {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .inputRate {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .inputRate {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .inputRate {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .inputRate {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .inputRate {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .inputRate {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .inputRate {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .inputRate {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .inputRate {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .inputRate {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .inputRate {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .inputRate {
    margin-bottom: 75.6px;
  }
}
#horse .fixed .rate .button {
  background: white;
  display: flex;
  transition: all ease 0.2s;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: black;
}
@media (max-width: 799px) {
  #horse .fixed .rate .button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .button {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button {
    height: 192.15px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .button {
    width: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button {
    width: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button {
    width: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button {
    width: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button {
    width: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button {
    width: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button {
    width: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button {
    width: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button {
    width: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button {
    width: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button {
    width: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button {
    width: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button {
    width: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    width: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    width: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    width: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    width: 555.75px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button {
    width: 778.05px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .button {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button {
    font-size: 75.6px;
  }
}
#horse .fixed .rate .button:hover {
  opacity: 0.9;
}
#horse .fixed .rate .button.black {
  background: rgba(17, 19, 25, 0.9);
  color: white;
}
@media (max-width: 799px) {
  #horse .fixed .rate .button.black {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button.black {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button.black {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button.black {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button.black {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button.black {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button.black {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button.black {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button.black {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button.black {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button.black {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button.black {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button.black {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button.black {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button.black {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button.black {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button.black {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button.black {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button.black {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button.black {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .rate .button.black {
    margin-bottom: 94.5px;
  }
}
#horse .fixed .rate .button.black:hover {
  background: rgba(17, 19, 25, 0.7);
}
#horse .fixed .userBlock {
  font-weight: bold;
  color: #C1C1C1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 799px) {
  #horse .fixed .userBlock {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .userBlock {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .userBlock {
    margin-bottom: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock {
    margin-bottom: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock {
    margin-bottom: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock {
    margin-bottom: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock {
    margin-bottom: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock {
    margin-bottom: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock {
    margin-bottom: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock {
    margin-bottom: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock {
    margin-bottom: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock {
    margin-bottom: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock {
    margin-bottom: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock {
    margin-bottom: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock {
    margin-bottom: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock {
    margin-bottom: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock {
    margin-bottom: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    margin-bottom: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    margin-bottom: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock {
    margin-bottom: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock {
    margin-bottom: 130.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock {
    margin-bottom: 182.7px;
  }
}
#horse .fixed .userBlock span {
  color: #fff;
}
#horse .fixed .userBlock .dollarImg {
  background-image: url("data:image/svg+xml,%3Csvg width='117' height='117' viewBox='0 0 117 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.5 107.25C31.5754 107.25 9.75 85.4246 9.75 58.5C9.75 31.5754 31.5754 9.75 58.5 9.75C85.4246 9.75 107.25 31.5754 107.25 58.5C107.25 85.4246 85.4246 107.25 58.5 107.25ZM58.5 97.5C68.8435 97.5 78.7633 93.3911 86.0772 86.0772C93.3911 78.7633 97.5 68.8434 97.5 58.5C97.5 48.1566 93.3911 38.2368 86.0772 30.9228C78.7633 23.6089 68.8435 19.5 58.5 19.5C48.1566 19.5 38.2368 23.6089 30.9228 30.9228C23.6089 38.2368 19.5 48.1566 19.5 58.5C19.5 68.8434 23.6089 78.7633 30.9228 86.0772C38.2368 93.3911 48.1566 97.5 58.5 97.5ZM41.4375 68.25H68.25C68.8965 68.25 69.5165 67.9932 69.9736 67.5361C70.4307 67.079 70.6875 66.459 70.6875 65.8125C70.6875 65.166 70.4307 64.5461 69.9736 64.0889C69.5165 63.6318 68.8965 63.375 68.25 63.375H48.75C45.5177 63.375 42.4177 62.091 40.1321 59.8054C37.8465 57.5198 36.5625 54.4198 36.5625 51.1875C36.5625 47.9552 37.8465 44.8552 40.1321 42.5696C42.4177 40.284 45.5177 39 48.75 39H53.625V29.25H63.375V39H75.5625V48.75H48.75C48.1035 48.75 47.4836 49.0068 47.0264 49.4639C46.5693 49.9211 46.3125 50.541 46.3125 51.1875C46.3125 51.834 46.5693 52.454 47.0264 52.9111C47.4836 53.3682 48.1035 53.625 48.75 53.625H68.25C71.4823 53.625 74.5823 54.909 76.8679 57.1946C79.1535 59.4802 80.4375 62.5802 80.4375 65.8125C80.4375 69.0448 79.1535 72.1448 76.8679 74.4304C74.5823 76.716 71.4823 78 68.25 78H63.375V87.75H53.625V78H41.4375V68.25Z' fill='%2327AE60'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #horse .fixed .userBlock .dollarImg {
    width: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock .dollarImg {
    width: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock .dollarImg {
    width: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock .dollarImg {
    width: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock .dollarImg {
    width: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock .dollarImg {
    width: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock .dollarImg {
    width: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock .dollarImg {
    width: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock .dollarImg {
    width: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock .dollarImg {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock .dollarImg {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock .dollarImg {
    width: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock .dollarImg {
    width: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock .dollarImg {
    width: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock .dollarImg {
    width: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    width: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    width: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    width: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    width: 263.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock .dollarImg {
    width: 368.55px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .userBlock .dollarImg {
    height: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock .dollarImg {
    height: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock .dollarImg {
    height: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock .dollarImg {
    height: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock .dollarImg {
    height: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock .dollarImg {
    height: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock .dollarImg {
    height: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock .dollarImg {
    height: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock .dollarImg {
    height: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock .dollarImg {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock .dollarImg {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock .dollarImg {
    height: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock .dollarImg {
    height: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock .dollarImg {
    height: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock .dollarImg {
    height: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    height: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    height: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    height: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    height: 263.25px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock .dollarImg {
    height: 368.55px;
  }
}
@media (max-width: 799px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #horse .fixed .userBlock .dollarImg {
    margin-bottom: 44.1px;
  }
}
#horse .rightColumn {
  background: rgba(1, 22, 39, 0.8);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 799px) {
  #horse .rightColumn {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #horse .rightColumn {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #horse .rightColumn {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #horse .rightColumn {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #horse .rightColumn {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #horse .rightColumn {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #horse .rightColumn {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #horse .rightColumn {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #horse .rightColumn {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #horse .rightColumn {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #horse .rightColumn {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #horse .rightColumn {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #horse .rightColumn {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #horse .rightColumn {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #horse .rightColumn {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #horse .rightColumn {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #horse .rightColumn {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #horse .rightColumn {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #horse .rightColumn {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #horse .rightColumn {
    width: 1260px;
  }
}
#jacpot {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: space-between;
  color: white;
  overflow: hidden;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #jacpot {
    padding-left: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot {
    padding-left: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot {
    padding-left: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot {
    padding-left: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot {
    padding-left: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot {
    padding-left: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot {
    padding-left: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot {
    padding-left: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot {
    padding-left: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot {
    padding-left: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot {
    padding-left: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot {
    padding-left: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot {
    padding-left: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot {
    padding-left: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot {
    padding-left: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot {
    padding-left: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot {
    padding-left: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot {
    padding-left: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot {
    padding-left: 130.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot {
    padding-left: 182.7px;
  }
}
#jacpot .leftColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#jacpot .logo {
  position: relative;
}
@media (max-width: 799px) {
  #jacpot .logo {
    width: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo {
    width: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo {
    width: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo {
    width: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo {
    width: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo {
    width: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo {
    width: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo {
    width: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo {
    width: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo {
    width: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo {
    width: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo {
    width: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo {
    width: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo {
    width: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo {
    width: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo {
    width: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo {
    width: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo {
    width: 434.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo {
    width: 607.95px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo {
    margin-bottom: 126px;
  }
}
#jacpot .logo .gamePlay {
  display: flex;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  color: #FFEC3E;
}
@media (max-width: 799px) {
  #jacpot .logo .gamePlay {
    top: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .gamePlay {
    top: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .gamePlay {
    top: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .gamePlay {
    top: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .gamePlay {
    top: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .gamePlay {
    top: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .gamePlay {
    top: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .gamePlay {
    top: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .gamePlay {
    top: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .gamePlay {
    top: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .gamePlay {
    top: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .gamePlay {
    top: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .gamePlay {
    top: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .gamePlay {
    top: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .gamePlay {
    top: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    top: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    top: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    top: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    top: 186.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .gamePlay {
    top: 261.45px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo .gamePlay {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .gamePlay {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .gamePlay {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .gamePlay {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .gamePlay {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .gamePlay {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .gamePlay {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .gamePlay {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .gamePlay {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .gamePlay {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .gamePlay {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .gamePlay {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .gamePlay {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .gamePlay {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .gamePlay {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .gamePlay {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo .gamePlay {
    line-height: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .gamePlay {
    line-height: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .gamePlay {
    line-height: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .gamePlay {
    line-height: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .gamePlay {
    line-height: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .gamePlay {
    line-height: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .gamePlay {
    line-height: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .gamePlay {
    line-height: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .gamePlay {
    line-height: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .gamePlay {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .gamePlay {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .gamePlay {
    line-height: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .gamePlay {
    line-height: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .gamePlay {
    line-height: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .gamePlay {
    line-height: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    line-height: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    line-height: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    line-height: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    line-height: 193.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .gamePlay {
    line-height: 270.9px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 22.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .gamePlay {
    letter-spacing: 31.5px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo img {
    width: 81.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo img {
    width: 90.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo img {
    width: 116.745px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo img {
    width: 123.985px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo img {
    width: 135.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo img {
    width: 126.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo img {
    width: 153.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo img {
    width: 144.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo img {
    width: 171.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo img {
    width: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo img {
    width: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo img {
    width: 226.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo img {
    width: 244.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo img {
    width: 235.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo img {
    width: 226.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo img {
    width: 298.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo img {
    width: 362px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo img {
    width: 298.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo img {
    width: 407.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo img {
    width: 570.15px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo img {
    height: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo img {
    height: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo img {
    height: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo img {
    height: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo img {
    height: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo img {
    height: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo img {
    height: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo img {
    height: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo img {
    height: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo img {
    height: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo img {
    height: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo img {
    height: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo img {
    height: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo img {
    height: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo img {
    height: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo img {
    height: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo img {
    height: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo img {
    height: 434.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo img {
    height: 607.95px;
  }
}
#jacpot .logo .textLg {
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #jacpot .logo .textLg {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .textLg {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .textLg {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .textLg {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .textLg {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .textLg {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .textLg {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .textLg {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .textLg {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .textLg {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .textLg {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .textLg {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .textLg {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .textLg {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .textLg {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .textLg {
    font-size: 132.3px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo .textLg {
    line-height: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .textLg {
    line-height: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .textLg {
    line-height: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .textLg {
    line-height: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .textLg {
    line-height: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .textLg {
    line-height: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .textLg {
    line-height: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .textLg {
    line-height: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .textLg {
    line-height: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .textLg {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .textLg {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .textLg {
    line-height: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .textLg {
    line-height: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .textLg {
    line-height: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .textLg {
    line-height: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    line-height: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    line-height: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    line-height: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    line-height: 146.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .textLg {
    line-height: 204.75px;
  }
}
@media (max-width: 799px) {
  #jacpot .logo .textLg {
    top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .logo .textLg {
    top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .logo .textLg {
    top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .logo .textLg {
    top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .logo .textLg {
    top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .logo .textLg {
    top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .logo .textLg {
    top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .logo .textLg {
    top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .logo .textLg {
    top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .logo .textLg {
    top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .logo .textLg {
    top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .logo .textLg {
    top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .logo .textLg {
    top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .logo .textLg {
    top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .logo .textLg {
    top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .logo .textLg {
    top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .logo .textLg {
    top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .logo .textLg {
    top: 81.9px;
  }
}
#jacpot .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #jacpot .badge {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    min-width: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    min-width: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    min-width: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    min-width: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    min-width: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    min-width: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    min-width: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    min-width: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    min-width: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    min-width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    min-width: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    min-width: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    min-width: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    min-width: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    min-width: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    min-width: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    min-width: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    min-width: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    min-width: 121.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    min-width: 170.1px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    padding-left: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    padding-left: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    padding-left: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    padding-left: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    padding-left: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    padding-left: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    padding-left: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    padding-left: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    padding-left: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    padding-left: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    padding-left: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    padding-left: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    padding-left: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    padding-left: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-left: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-left: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-left: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-left: 24.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    padding-left: 34.65px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    padding-right: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    padding-right: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    padding-right: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    padding-right: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    padding-right: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    padding-right: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    padding-right: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    padding-right: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    padding-right: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    padding-right: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    padding-right: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    padding-right: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    padding-right: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    padding-right: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-right: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-right: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-right: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-right: 24.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    padding-right: 34.65px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    padding-bottom: 9.45px;
  }
}
@media (max-width: 799px) {
  #jacpot .badge {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .badge {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .badge {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .badge {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .badge {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .badge {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .badge {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .badge {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .badge {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .badge {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .badge {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .badge {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .badge {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .badge {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .badge {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .badge {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .badge {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .badge {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .badge {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .badge {
    margin-right: 44.1px;
  }
}
#jacpot .slots {
  display: flex;
  flex-direction: column;
}
#jacpot .slots li:not(.slotsIcon) {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots li:not(.slotsIcon) {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots li:not(.slotsIcon) {
    margin-bottom: 40.95px;
  }
}
#jacpot .slots li:not(.slotsIcon) .ics {
  background-size: cover;
}
@media (max-width: 799px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots li:not(.slotsIcon) .ics {
    height: 63px;
  }
}
#jacpot .slots li:not(.slotsIcon) .ics.bell {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12.1672 18.5395C11.9434 18.6306 11.6949 18.5809 11.5291 18.4152L1.58544 8.4715C1.4197 8.30576 1.36997 8.05717 1.46114 7.83342C1.55231 7.60971 1.7595 7.46881 1.99981 7.47709C2.90302 7.46881 3.78138 7.1042 4.41114 6.47443L4.48567 6.3999H6.14294L13.6007 13.8577V15.5149L13.5262 15.5895C12.8881 16.2276 12.5235 17.0893 12.5235 18.0008C12.5318 18.2411 12.3909 18.4483 12.1672 18.5395Z' fill='%23FEA832'/%3E%3Cpath d='M12.1666 18.5396C11.9428 18.6308 11.6942 18.581 11.5285 18.4153L6.55664 13.4435L9.87121 10.1289L13.6001 13.8578V15.515L13.5255 15.5896C12.8875 16.2277 12.5229 17.0894 12.5229 18.0009C12.5312 18.2413 12.3903 18.4484 12.1666 18.5396Z' fill='%23FE9923'/%3E%3Cpath d='M19.4842 0.51583C18.7964 -0.171943 17.686 -0.171943 16.9982 0.51583C16.3105 1.20356 16.3105 2.31396 16.9982 3.00177C17.686 3.68954 18.7964 3.6895 19.4842 3.00177C20.172 2.31399 20.172 1.20364 19.4842 0.51583Z' fill='%23FEA832'/%3E%3Cpath d='M16.998 3.00181L19.484 0.515869C20.1718 1.20364 20.1718 2.31399 19.484 3.00181C18.7962 3.68954 17.6858 3.68958 16.998 3.00181Z' fill='%23FE9923'/%3E%3Cpath d='M8.21373 15.9293C7.07022 17.0728 5.21404 17.0728 4.07053 15.9293C2.92701 14.7858 2.92701 12.9296 4.07053 11.7861C4.30256 11.5541 4.66713 11.5541 4.89916 11.7861L8.21373 15.1007C8.44576 15.3327 8.44576 15.6973 8.21373 15.9293Z' fill='%23FEA832'/%3E%3Cpath d='M8.21352 15.9293C7.07 17.0728 5.21383 17.0728 4.07031 15.9293L6.55625 13.4434L8.21352 15.1006C8.44555 15.3327 8.44555 15.6973 8.21352 15.9293Z' fill='%23FE9923'/%3E%3Cpath d='M17.8263 11.2882L13.5994 15.515L4.48438 6.39995L8.71121 2.17315C11.222 -0.337666 15.3155 -0.337666 17.8263 2.17315C20.337 4.68397 20.3371 8.77741 17.8263 11.2882Z' fill='%23FEDB41'/%3E%3Cpath d='M17.8273 11.2881L13.6005 15.515L9.04297 10.9574L17.8273 2.1731C20.3381 4.68392 20.3381 8.77735 17.8273 11.2881Z' fill='%23FCBF29'/%3E%3Cpath d='M12.7714 19.6581C12.3157 20.1139 11.5699 20.1139 11.1142 19.6581L0.341807 8.88579C-0.113936 8.43005 -0.113936 7.68427 0.341807 7.22853C0.797549 6.77278 1.54333 6.77278 1.99907 7.22853L12.7714 18.0009C13.2272 18.4566 13.2272 19.2024 12.7714 19.6581Z' fill='%23FEDB41'/%3E%3Cpath d='M12.7719 19.6582C12.3162 20.1139 11.5704 20.1139 11.1147 19.6582L5.72852 14.272L7.38578 12.6147L12.7719 18.0009C13.2277 18.4566 13.2277 19.2024 12.7719 19.6582Z' fill='%23FCBF29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#jacpot .slots li:not(.slotsIcon) .ics.saw {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M1.50391 11.0585L2.42152 10.8993L2.83414 9.72827L2.36785 9.84636L1.50391 11.0585Z' fill='%233B484A'/%3E%3Cpath d='M5.84284 17.0469L4.70678 17.1165L3.51311 18.3102C3.24155 18.5817 2.79968 18.5817 2.52812 18.3102L1.73683 17.5189C1.55921 17.3413 1.49175 17.0861 1.55667 16.8455L2.46093 14.8707L2.60046 13.6062L1.33929 13.749L0.183744 16.2728C0.17183 16.2989 0.161401 16.3256 0.152534 16.353C-0.10188 17.1374 0.102338 17.9871 0.685501 18.5703L1.47679 19.3616C2.328 20.2128 3.71311 20.2128 4.5644 19.3616L5.75807 18.1679L5.84284 17.0469Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.5332 0.041338L17.5071 0.0348927C16.8717 -0.122138 16.2293 0.265634 16.0723 0.901063L17.2488 1.19184L17.5332 0.041338Z' fill='%23999999'/%3E%3Cpath d='M19.9554 3.11776L19.9482 3.0919C19.7709 2.46182 19.1163 2.09483 18.4863 2.27217L18.8146 3.43881L19.9554 3.11776Z' fill='%23999999'/%3E%3Cpath d='M8.33875 5.65967L8.31977 5.67865C7.85695 6.14146 7.85695 6.89185 8.31977 7.35467L8.84883 7.88373L9.70582 7.02674L8.33875 5.65967Z' fill='%23999999'/%3E%3Cpath d='M10.1571 3.84253L10.1381 3.86151C9.67531 4.32433 9.67531 5.07472 10.1381 5.53753L10.6672 6.06659L11.5242 5.2096L10.1571 3.84253Z' fill='%23999999'/%3E%3Cpath d='M11.9735 2.02563L11.9545 2.04462C11.4917 2.50743 11.4917 3.25782 11.9545 3.72063L12.4836 4.2497L13.3406 3.3927L11.9735 2.02563Z' fill='%23999999'/%3E%3Cpath d='M13.7899 0.208496L13.7709 0.22748C13.3081 0.690292 13.3081 1.44068 13.7709 1.90349L14.3 2.43255L15.157 1.57556L13.7899 0.208496Z' fill='%23999999'/%3E%3Cpath d='M18.7362 6.86736L18.7552 6.84838C19.218 6.38557 19.218 5.63518 18.7552 5.17237L18.2261 4.64331L17.3691 5.5003L18.7362 6.86736Z' fill='%23999999'/%3E%3Cpath d='M16.9178 8.68451L16.9368 8.66552C17.3996 8.20271 17.3996 7.45232 16.9368 6.98951L16.4078 6.46045L15.5508 7.31744L16.9178 8.68451Z' fill='%23999999'/%3E%3Cpath d='M15.1014 10.5016L15.1204 10.4827C15.5832 10.0199 15.5832 9.26946 15.1204 8.80665L14.5914 8.27759L13.7344 9.13458L15.1014 10.5016Z' fill='%23999999'/%3E%3Cpath d='M13.2831 12.3185L13.3021 12.2996C13.7649 11.8367 13.7649 11.0864 13.3021 10.6235L12.773 10.0945L11.916 10.9515L13.2831 12.3185Z' fill='%23999999'/%3E%3Cpath d='M18.0653 1.73417C16.9259 0.594795 15.0786 0.594795 13.9393 1.73417L7.4707 8.20271L8.04617 11.7532L11.5967 12.3287L18.0652 5.86014C19.2046 4.72076 19.2046 2.8735 18.0653 1.73417Z' fill='%23B3B3B3'/%3E%3Cpath d='M17.1187 2.68105C16.5033 2.06563 15.5019 2.06563 14.8866 2.68105L8.41797 9.14956L8.70793 11.0918L10.6502 11.3817L17.1187 4.9132C17.7341 4.29777 17.7341 3.29644 17.1187 2.68105Z' fill='%23D9D9D9'/%3E%3Cpath d='M1.92433 16.0417L2.46054 14.8707L2.60007 13.6062L1.33894 13.749L0.802734 14.9201L1.92433 16.0417Z' fill='%23999999'/%3E%3Cpath d='M4.9048 19.0214L5.75847 18.1678L5.8432 17.0469L4.70715 17.1164L3.85352 17.9702L4.9048 19.0214Z' fill='%23999999'/%3E%3Cpath d='M8.18207 7.49121L7.4707 8.20261L8.04617 11.7531L11.5967 12.3285L12.3081 11.6172L8.18207 7.49121Z' fill='%23999999'/%3E%3Cpath d='M9.12938 8.43823L8.41797 9.1496L8.70797 11.0918L10.6502 11.3818L11.3615 10.6704L9.12938 8.43823Z' fill='%23B3B3B3'/%3E%3Cpath d='M7.47208 8.20262C6.61305 7.34359 5.22028 7.34359 4.36126 8.20262L0.878808 11.6851C0.436231 12.1276 0.436231 12.8452 0.878808 13.2878L5.75884 18.1678L11.598 12.3285L7.47208 8.20262Z' fill='%23FAA330'/%3E%3Cpath d='M1.84459 12.6508L5.32704 9.16839C6.18606 8.30937 7.57883 8.30937 8.43786 9.16839L7.47208 8.20262C6.61305 7.34359 5.22028 7.34359 4.36126 8.20262L0.878808 11.6851C0.436231 12.1276 0.436231 12.8452 0.878808 13.2878L1.84459 14.2535C1.40201 13.811 1.40201 13.0935 1.84459 12.6508Z' fill='%23F09318'/%3E%3Cpath d='M1.50427 11.0585L0.59876 6.46345C0.480049 5.86099 0.603018 5.24841 0.945088 4.73845C1.28716 4.22849 1.80731 3.88228 2.40973 3.76357C3.01219 3.64482 3.62477 3.76783 4.13477 4.10986C4.64477 4.45189 4.99094 4.97209 5.10965 5.57451L6.22301 11.2241C6.30645 11.6473 6.03094 12.0581 5.60762 12.1415C5.18434 12.225 4.77356 11.9495 4.69016 11.5261L3.5768 5.87658C3.49825 5.47818 3.11016 5.21791 2.7118 5.29638C2.51876 5.33443 2.35212 5.44537 2.24251 5.60873C2.13294 5.77212 2.09352 5.96841 2.13157 6.16138L2.8345 9.72833L1.50427 11.0585Z' fill='%233B484A'/%3E%3Cpath d='M6.19046 15.935C6.11323 15.935 6.03597 15.9055 5.97706 15.8466C5.85921 15.7287 5.85921 15.5376 5.97706 15.4198L8.11901 13.2778C8.23686 13.16 8.42799 13.16 8.5458 13.2778C8.66366 13.3957 8.66366 13.5868 8.5458 13.7047L6.40386 15.8466C6.34495 15.9055 6.26772 15.935 6.19046 15.935Z' fill='%233B484A'/%3E%3Cpath d='M5.22952 14.9741C5.1523 14.9741 5.07503 14.9447 5.01612 14.8857C4.89827 14.7679 4.89827 14.5767 5.01612 14.4589L6.40054 13.0745C6.51839 12.9566 6.70952 12.9566 6.82733 13.0745C6.94519 13.1923 6.94519 13.3835 6.82733 13.5013L5.44292 14.8857C5.38394 14.9447 5.30671 14.9741 5.22952 14.9741Z' fill='%233B484A'/%3E%3Cpath d='M15.5415 4.85526C15.8708 4.85526 16.1377 4.58833 16.1377 4.25905C16.1377 3.92977 15.8708 3.66284 15.5415 3.66284C15.2122 3.66284 14.9453 3.92977 14.9453 4.25905C14.9453 4.58833 15.2122 4.85526 15.5415 4.85526Z' fill='%23B3B3B3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#jacpot .slots li:not(.slotsIcon) .ics.knife {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.63424 1.84256C2.95516 1.16348 1.85439 1.16348 1.17532 1.84256C0.496248 2.52163 0.496248 3.6224 1.17532 4.30147L6.70875 9.8349L9.16767 7.37599L3.63424 1.84256ZM2.86561 3.53284C2.61085 3.7876 2.19784 3.7876 1.94308 3.53284C1.68832 3.27808 1.68832 2.86508 1.94308 2.61031C2.19784 2.35555 2.61085 2.35555 2.86561 2.61031C3.12037 2.86508 3.12037 3.27808 2.86561 3.53284Z' fill='%23010101'/%3E%3Cpath d='M6.09375 11.68L10.9307 16.5169C12.5784 18.1646 14.6095 18.7368 16.3172 18.7281C17.7736 18.7211 18.9944 18.2916 19.5387 17.7464L9.78299 7.99072L6.09375 11.68Z' fill='%23CED8E0'/%3E%3Cpath d='M16.1681 14.3753L15.2986 13.5059H9.15039L10.0199 14.3753H16.1681Z' fill='%2392A2B3'/%3E%3Cpath d='M17.0368 15.2449H10.8887L11.546 15.9022C13.2485 17.6047 15.2431 17.8586 16.2804 17.8586C17.5568 17.8525 18.568 17.4882 18.9245 17.1317L17.0368 15.2449Z' fill='%2392A2B3'/%3E%3C/svg%3E%0A");
}
#jacpot .slots li:not(.slotsIcon) .ics.melon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20 12.9287C14.477 18.4517 5.52298 18.4517 0 12.9287L9.99998 2.92871L20 12.9287Z' fill='%2370D65B'/%3E%3Cpath d='M17.871 10.7988C13.5244 15.1454 6.47748 15.1454 2.13086 10.7988L10.0009 2.92871L17.871 10.7988Z' fill='%23FF3B6A'/%3E%3Cpath d='M19.9998 12.9289C14.477 18.4521 5.52277 18.4521 0 12.9289L0.848461 12.0808C5.90282 17.1352 14.097 17.1352 19.1513 12.0808L19.9998 12.9289Z' fill='%2358B741'/%3E%3Cpath d='M9.99959 7.67194C9.56582 7.67194 9.11198 7.37735 9.08371 6.8144C9.0826 6.7921 9.08203 6.76973 9.08203 6.74718C9.08203 6.22064 9.39405 5.74429 9.8769 5.53365C9.95512 5.49953 10.0441 5.49953 10.1223 5.53365C10.6051 5.74433 10.9171 6.22068 10.9171 6.74718C10.9171 6.76973 10.9166 6.7921 10.9155 6.81436C10.8872 7.37739 10.4333 7.67194 9.99959 7.67194ZM9.99959 6.16471C9.81148 6.29591 9.69567 6.51224 9.69567 6.74718C9.69567 6.75942 9.696 6.77157 9.69657 6.78368C9.7097 7.04509 9.95127 7.05834 9.99959 7.05834C10.0479 7.05834 10.2894 7.04509 10.3026 6.78363C10.3032 6.77161 10.3035 6.75946 10.3035 6.74722C10.3035 6.51224 10.1876 6.29591 9.99959 6.16471Z' fill='%23E21E56'/%3E%3Cpath d='M10.0014 5.81494C9.64193 5.97175 9.39062 6.33007 9.39062 6.74727C9.39062 6.76465 9.39107 6.78192 9.39193 6.7991C9.42986 7.55392 10.5729 7.55392 10.6108 6.7991C10.6116 6.78192 10.6121 6.76465 10.6121 6.74727C10.6121 6.33007 10.3608 5.97175 10.0014 5.81494Z' fill='%23463068'/%3E%3Cpath d='M4.96248 11.6991C4.52876 11.6991 4.07491 11.4045 4.0466 10.8415C4.04549 10.8195 4.04492 10.797 4.04492 10.7743C4.04492 10.2478 4.3569 9.77142 4.83979 9.56078C4.91801 9.52662 5.00695 9.52662 5.08517 9.56078C5.56802 9.77142 5.88004 10.2478 5.88004 10.7743C5.88004 10.7969 5.87946 10.8192 5.87836 10.8415C5.85009 11.4045 5.39624 11.6991 4.96248 11.6991ZM4.96248 10.1919C4.77438 10.3231 4.65856 10.5394 4.65856 10.7744C4.65856 10.7865 4.65885 10.7985 4.65946 10.8105C4.67259 11.0723 4.91416 11.0855 4.96248 11.0855C5.01079 11.0855 5.25232 11.0723 5.26545 10.8108C5.26607 10.7988 5.26635 10.7866 5.26635 10.7744C5.2664 10.5394 5.15058 10.3231 4.96248 10.1919Z' fill='%23E21E56'/%3E%3Cpath d='M4.9623 9.84204C4.60287 9.99885 4.35156 10.3572 4.35156 10.7744C4.35156 10.7917 4.35201 10.809 4.35287 10.8262C4.39079 11.581 5.53381 11.581 5.57173 10.8262C5.57259 10.809 5.57304 10.7917 5.57304 10.7744C5.573 10.3572 5.32169 9.99885 4.9623 9.84204Z' fill='%23463068'/%3E%3Cpath d='M9.99959 13.0318C9.56582 13.0318 9.11198 12.7372 9.08371 12.1743C9.0826 12.152 9.08203 12.1296 9.08203 12.1071C9.08203 11.5805 9.39405 11.1042 9.8769 10.8935C9.95512 10.8594 10.0441 10.8594 10.1223 10.8935C10.6051 11.1042 10.9171 11.5805 10.9171 12.1071C10.9171 12.1296 10.9166 12.152 10.9155 12.1742C10.8872 12.7373 10.4333 13.0318 9.99959 13.0318ZM9.99959 11.5246C9.81148 11.6558 9.69567 11.8721 9.69567 12.107C9.69567 12.1193 9.696 12.1314 9.69657 12.1435C9.7097 12.4049 9.95127 12.4182 9.99959 12.4182C10.0479 12.4182 10.2894 12.4049 10.3026 12.1435C10.3032 12.1315 10.3035 12.1193 10.3035 12.1071C10.3035 11.8721 10.1876 11.6558 9.99959 11.5246Z' fill='%23E21E56'/%3E%3Cpath d='M10.0014 11.1748C9.64193 11.3316 9.39062 11.6899 9.39062 12.1071C9.39062 12.1245 9.39107 12.1418 9.39193 12.159C9.42986 12.9138 10.5729 12.9138 10.6108 12.159C10.6116 12.1418 10.6121 12.1245 10.6121 12.1071C10.6121 11.6899 10.3608 11.3316 10.0014 11.1748Z' fill='%23463068'/%3E%3Cpath d='M15.0386 11.859C14.6049 11.859 14.1511 11.5644 14.1228 11.0015C14.1217 10.9792 14.1211 10.9568 14.1211 10.9342C14.1211 10.4077 14.4331 9.93137 14.916 9.72069C14.9942 9.68653 15.0831 9.68653 15.1613 9.72069C15.6442 9.93133 15.9562 10.4077 15.9562 10.9342C15.9562 10.9567 15.9556 10.9792 15.9545 11.0014C15.9263 11.5644 15.4724 11.859 15.0386 11.859ZM15.0386 10.3518C14.8505 10.483 14.7347 10.6993 14.7347 10.9342C14.7347 10.9465 14.735 10.9586 14.7356 10.9707C14.7488 11.2321 14.9903 11.2454 15.0386 11.2454C15.0869 11.2454 15.3284 11.2321 15.3416 10.9707C15.3422 10.9586 15.3425 10.9465 15.3425 10.9342C15.3426 10.6993 15.2267 10.483 15.0386 10.3518Z' fill='%23E21E56'/%3E%3Cpath d='M15.0385 10.002C14.679 10.1588 14.4277 10.5171 14.4277 10.9343C14.4277 10.9517 14.4282 10.9689 14.429 10.9861C14.467 11.7409 15.61 11.7409 15.6479 10.9861C15.6488 10.9689 15.6492 10.9517 15.6492 10.9343C15.6492 10.5171 15.3979 10.1588 15.0385 10.002Z' fill='%23463068'/%3E%3Cpath d='M7.45271 10.1068C7.01895 10.1068 6.5651 9.81223 6.53683 9.24924C6.53573 9.22699 6.53516 9.20457 6.53516 9.18203C6.53516 8.65548 6.84717 8.17917 7.33002 7.96849C7.40824 7.93433 7.49718 7.93433 7.5754 7.96849C8.05825 8.17913 8.37027 8.65548 8.37027 9.18203C8.37027 9.20457 8.36969 9.22699 8.36859 9.2492C8.34028 9.81223 7.88643 10.1068 7.45271 10.1068ZM7.45271 8.5996C7.26461 8.7308 7.1488 8.94712 7.1488 9.18203C7.1488 9.19426 7.14912 9.20645 7.1497 9.21852C7.16283 9.47993 7.4044 9.49318 7.45271 9.49318C7.50098 9.49318 7.74255 9.47993 7.75568 9.21848C7.7563 9.20645 7.75658 9.1943 7.75658 9.18203C7.75663 8.94712 7.64077 8.7308 7.45271 8.5996Z' fill='%23E21E56'/%3E%3Cpath d='M7.45253 8.24976C7.0931 8.40656 6.8418 8.76489 6.8418 9.18208C6.8418 9.19947 6.84225 9.21673 6.84311 9.23391C6.88103 9.98873 8.02404 9.98873 8.06196 9.23391C8.06282 9.21673 8.06327 9.19947 8.06327 9.18208C8.06323 8.76489 7.81192 8.40656 7.45253 8.24976Z' fill='%23463068'/%3E%3Cpath d='M12.5465 10.1068C12.1127 10.1068 11.6589 9.81223 11.6306 9.24924C11.6295 9.22699 11.6289 9.20457 11.6289 9.18203C11.6289 8.65548 11.9409 8.17917 12.4238 7.96849C12.502 7.93433 12.5909 7.93433 12.6691 7.96849C13.152 8.17913 13.464 8.65548 13.464 9.18203C13.464 9.20457 13.4634 9.22699 13.4623 9.2492C13.434 9.81223 12.9802 10.1068 12.5465 10.1068ZM12.5465 8.5996C12.3584 8.7308 12.2425 8.94712 12.2425 9.18203C12.2425 9.19426 12.2429 9.20645 12.2434 9.21852C12.2566 9.47993 12.4981 9.49318 12.5465 9.49318C12.5947 9.49318 12.8363 9.47993 12.8494 9.21848C12.85 9.20645 12.8503 9.1943 12.8503 9.18203C12.8503 8.94712 12.7345 8.7308 12.5465 8.5996Z' fill='%23E21E56'/%3E%3Cpath d='M12.5463 8.24976C12.1869 8.40656 11.9355 8.76489 11.9355 9.18208C11.9355 9.19947 11.936 9.21673 11.9369 9.23391C11.9748 9.98873 13.1178 9.98873 13.1557 9.23391C13.1566 9.21673 13.157 9.19947 13.157 9.18208C13.157 8.76489 12.9057 8.40656 12.5463 8.24976Z' fill='%23463068'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#jacpot .slots li:not(.slotsIcon) .ics.cherry {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M5.73458 11.0605C5.57172 11.0605 5.43622 10.9321 5.42899 10.7678C5.42491 10.6748 5.34067 8.46226 6.37552 6.01901C6.98608 4.57751 7.86122 3.35883 8.97668 2.39683C10.3683 1.19667 12.1351 0.398761 14.2282 0.0253347C14.3942 -0.00442025 14.5536 0.106477 14.5833 0.272925C14.613 0.439373 14.5022 0.598352 14.3357 0.628066C12.3523 0.981982 10.6838 1.73308 9.37656 2.8605C8.33293 3.76058 7.5129 4.90363 6.93931 6.25787C5.95785 8.57496 6.03972 10.7196 6.04066 10.7409C6.04809 10.9098 5.91719 11.0528 5.7483 11.0602C5.74372 11.0604 5.73911 11.0605 5.73458 11.0605Z' fill='%234AA032'/%3E%3Cpath d='M13.6839 11.0606C13.6481 11.0606 13.6118 11.0543 13.5763 11.0409C13.4181 10.9815 13.3379 10.805 13.3974 10.6467C13.7306 9.75965 13.2743 8.39215 12.7912 6.94436C12.359 5.64914 11.912 4.3098 11.9495 3.09695C11.9941 1.65166 12.7187 0.653214 14.1648 0.0445649C14.3205 -0.0210266 14.5002 0.0521158 14.5657 0.207952C14.6313 0.363787 14.5581 0.543256 14.4023 0.608847C13.1833 1.12195 12.5984 1.91855 12.5614 3.11585C12.5273 4.2196 12.9567 5.50629 13.3719 6.7506C13.8903 8.30427 14.38 9.77181 13.9705 10.862C13.9244 10.9848 13.8078 11.0606 13.6839 11.0606Z' fill='%234AA032'/%3E%3Cpath d='M19.3135 9.84484C17.5797 9.73423 15.1683 7.262 14.2189 5.40405C13.5132 4.02283 13.3805 2.52162 13.7401 1.23795C13.7511 1.19632 13.763 1.15509 13.7756 1.11428C13.885 0.759179 14.0324 0.422038 14.2164 0.110612C14.2385 0.0734689 14.2609 0.0363263 14.2838 0C16.0177 0.11102 17.7511 1.25632 18.7005 3.11427C19.2282 4.14814 19.6454 5.65956 19.7519 7.05057C19.8368 8.16036 19.7242 9.1926 19.3135 9.84484Z' fill='%2370D65B'/%3E%3Cpath d='M19.3136 9.84482C17.5797 9.73421 15.1683 7.26198 14.2189 5.40403C13.5132 4.02282 13.3805 2.5216 13.7401 1.23794C13.7511 1.1963 13.763 1.15508 13.7756 1.11426C13.885 0.759163 14.0324 0.422022 14.2164 0.110596C16.005 2.76854 18.9911 8.79748 19.3136 9.84482Z' fill='%2358B741'/%3E%3Cpath d='M5.73551 20C8.77909 20 11.2464 17.5328 11.2464 14.4891C11.2464 11.4455 8.77913 8.70644 5.73551 10.4278C2.69194 8.70648 0.224609 11.4456 0.224609 14.4891C0.224609 17.5327 2.69194 20 5.73551 20Z' fill='%23FF3B6A'/%3E%3Cpath d='M5.7356 19.9999C2.69194 19.9999 0.224609 17.5326 0.224609 14.4889C0.224609 11.8698 2.05194 9.47592 4.50173 9.95674C3.6001 10.3298 2.98173 12.333 2.98173 14.4889C2.98173 17.5326 4.21438 19.9999 5.7356 19.9999Z' fill='%23E21E56'/%3E%3Cpath d='M13.6828 20C16.7264 20 19.1937 17.5328 19.1937 14.4891C19.1937 11.4455 16.7264 8.70644 13.6828 10.4278C10.6392 8.70644 8.17188 11.4456 8.17188 14.4891C8.17188 17.5327 10.6392 20 13.6828 20Z' fill='%23FF3B6A'/%3E%3Cpath d='M13.6829 19.9999C10.6392 19.9999 8.17188 17.5326 8.17188 14.4889C8.17188 11.8698 9.99921 9.47592 12.449 9.95674C11.5474 10.3298 10.929 12.333 10.929 14.4889C10.929 17.5326 12.1617 19.9999 13.6829 19.9999Z' fill='%23E21E56'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#jacpot .slots li:not(.slotsIcon) .ics.plum {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M11.516 2.72023C11.7414 2.09816 12.136 1.53927 12.6701 1.11369C12.3741 0.742325 12.0782 0.370958 11.7822 0C10.8939 0.708082 10.2833 1.68073 10.0195 2.75243L10.7067 3.6921L11.516 2.72023Z' fill='%23AD7136'/%3E%3Cpath d='M12.6826 2.57642C11.9929 2.57642 11.3287 2.72423 10.7058 2.99674C10.083 2.72423 9.41886 2.57642 8.72908 2.57642C5.17881 2.57642 2.30078 6.47682 2.30078 11.2881C2.30078 16.0995 5.17885 19.9999 8.72908 19.9999C9.41882 19.9999 10.083 19.8521 10.7058 19.5796C11.3287 19.8521 11.9928 19.9999 12.6826 19.9999C16.2329 19.9999 19.1109 16.0995 19.1109 11.2881C19.1109 6.47678 16.2329 2.57642 12.6826 2.57642Z' fill='%23654B87'/%3E%3Cpath d='M9.40199 19.9528C9.18104 19.9841 8.95643 20 8.72937 20C5.17917 20 2.30078 16.0997 2.30078 11.2882C2.30078 6.47678 5.17917 2.57642 8.72937 2.57642C8.95643 2.57642 9.18104 2.59231 9.40199 2.6237C7.81257 3.08108 6.57292 6.78578 6.57292 11.2882C6.57292 15.7907 7.81257 19.4954 9.40199 19.9528Z' fill='%23463068'/%3E%3Cpath d='M8.45194 8.96595C6.77733 10.6406 4.48064 11.3144 2.30544 10.9875C1.93856 10.9328 1.57534 10.8493 1.21906 10.7376C0.443307 8.26805 1.03358 5.46181 2.99069 3.5047C4.94781 1.54759 7.75364 0.957318 10.2232 1.73348C10.246 1.80645 10.268 1.87982 10.288 1.95361C10.963 4.36851 10.3512 7.06672 8.45194 8.96595Z' fill='%2370D65B'/%3E%3Cpath d='M10.288 1.95361C6.77407 3.32248 2.75222 8.71239 2.30544 10.9875C1.93856 10.9328 1.57534 10.8493 1.21906 10.7376C0.443307 8.26805 1.03358 5.46181 2.99069 3.5047C4.94781 1.54759 7.75364 0.957318 10.2232 1.73348C10.246 1.80645 10.268 1.87982 10.288 1.95361Z' fill='%2358B741'/%3E%3Cpath d='M3.45 8.81247C3.39664 8.81247 3.34263 8.79848 3.29351 8.76913C3.14855 8.68255 3.10126 8.49483 3.18784 8.34987C4.41996 6.28746 6.22208 4.52871 7.51693 3.41649C8.91716 2.21373 10.0123 1.50569 10.0583 1.47613C10.2002 1.38478 10.3893 1.42587 10.4808 1.56781C10.5721 1.70979 10.5311 1.89894 10.3891 1.99034C10.3454 2.01846 5.9918 4.84859 3.71273 8.66347C3.65554 8.75931 3.55407 8.81247 3.45 8.81247Z' fill='%234AA032'/%3E%3Cpath d='M7.69395 6.20257C7.67606 6.20257 7.65792 6.20098 7.63969 6.19772C7.4735 6.16796 7.36286 6.0091 7.39266 5.84286L7.79016 3.62331L5.70989 3.86305C5.54215 3.88241 5.3905 3.76207 5.37118 3.59433C5.35186 3.42658 5.47215 3.27494 5.6399 3.25561L8.12858 2.96879C8.22459 2.95779 8.32026 2.99272 8.38642 3.0632C8.45262 3.13365 8.48157 3.23128 8.46453 3.32642L7.99455 5.95065C7.96805 6.09866 7.8392 6.20257 7.69395 6.20257Z' fill='%234AA032'/%3E%3Cpath d='M5.741 7.42435C5.57216 7.42435 5.43527 7.28746 5.43527 7.11861V5.86575L4.1094 5.98874C3.94129 6.00419 3.79229 5.88067 3.77672 5.71256C3.76111 5.5444 3.88479 5.39549 4.0529 5.37988L5.71275 5.22591C5.79848 5.218 5.88344 5.24645 5.94695 5.30438C6.0105 5.36231 6.04674 5.44433 6.04674 5.53034V7.11861C6.04674 7.28746 5.90985 7.42435 5.741 7.42435Z' fill='%234AA032'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#jacpot .slots .slotsIcon {
  display: flex;
  align-items: center;
}
#jacpot .slots .slotsIcon li {
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots .slotsIcon li {
    margin-right: 28.35px;
  }
}
@media (max-width: 799px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots .slotsIcon li:last-child {
    margin-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #jacpot .slots.red {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots.red {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots.red {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots.red {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots.red {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots.red {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots.red {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots.red {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots.red {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots.red {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots.red {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots.red {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots.red {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots.red {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots.red {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots.red {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots.red {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots.red {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots.red {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots.red {
    margin-top: 47.25px;
  }
}
#jacpot .slots.red .badge {
  background: #00BBFF;
}
@media (max-width: 799px) {
  #jacpot .slots.purple {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots.purple {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots.purple {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots.purple {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots.purple {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots.purple {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots.purple {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots.purple {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots.purple {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots.purple {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots.purple {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots.purple {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots.purple {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots.purple {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots.purple {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots.purple {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots.purple {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots.purple {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots.purple {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots.purple {
    margin-top: 47.25px;
  }
}
#jacpot .slots.purple .badge {
  background: #B334D3;
}
@media (max-width: 799px) {
  #jacpot .slots.yellow {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .slots.yellow {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .slots.yellow {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .slots.yellow {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .slots.yellow {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .slots.yellow {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .slots.yellow {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .slots.yellow {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .slots.yellow {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .slots.yellow {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .slots.yellow {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .slots.yellow {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .slots.yellow {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .slots.yellow {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .slots.yellow {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .slots.yellow {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .slots.yellow {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .slots.yellow {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .slots.yellow {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .slots.yellow {
    margin-top: 47.25px;
  }
}
#jacpot .slots.yellow .badge {
  background: #FFEC3E;
}
#jacpot .slots.green .badge {
  background: #5fb053;
}
#jacpot .rightColumn {
  background: rgba(1, 22, 39, 0.8);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #jacpot .rightColumn {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn {
    width: 1260px;
  }
}
#jacpot .rightColumn .rate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#jacpot .rightColumn .rate .label {
  font-weight: bold;
  color: #fff;
  line-height: 43px;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .label {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .label {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .label {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .label {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .label {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .label {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .label {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .label {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .label {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .label {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .label {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .label {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .label {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .label {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .label {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .label {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .label {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .label {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .label {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .label {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .label {
    margin-bottom: 75.6px;
  }
}
#jacpot .rightColumn .rate .rateNum {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum {
    width: 645.75px;
  }
}
#jacpot .rightColumn .rate .rateNum li {
  background: rgba(27, 30, 40, 0.4);
  border-style: solid;
  border-color: rgba(193, 193, 193, 0.2);
  color: #C1C1C1;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-width: 3.15px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum li {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 11.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum li {
    padding: 15.75px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .rateNum li {
    font-size: 44.1px;
  }
}
#jacpot .rightColumn .rate .rateNum li:hover, #jacpot .rightColumn .rate .rateNum li.active {
  color: #fff;
  background: rgba(105, 108, 116, 0.4);
}
#jacpot .rightColumn .rate .inputRate {
  background: rgba(255, 255, 255, 0.1);
  font-weight: bold;
  margin: 0 auto;
  font-family: UniNeue;
  text-align: center;
  color: #fff;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 92.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 102.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 132.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 140.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 153.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 143.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 174.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 164px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 194.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 256.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 276.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 266.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 256.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 338.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 410px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 338.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 461.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .inputRate {
    width: 645.75px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .inputRate {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .inputRate {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .inputRate {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .inputRate {
    margin-bottom: 151.2px;
  }
}
#jacpot .rightColumn .rate .button {
  background: white;
  color: black;
  display: flex;
  transition: all ease 0.2s;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .button {
    height: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .button {
    height: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .button {
    height: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .button {
    height: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .button {
    height: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .button {
    height: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .button {
    height: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .button {
    height: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .button {
    height: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .button {
    height: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .button {
    height: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .button {
    height: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .button {
    height: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .button {
    height: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    height: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    height: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    height: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    height: 137.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .button {
    height: 192.15px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .button {
    width: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .button {
    width: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .button {
    width: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .button {
    width: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .button {
    width: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .button {
    width: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .button {
    width: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .button {
    width: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .button {
    width: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .button {
    width: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .button {
    width: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .button {
    width: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .button {
    width: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .button {
    width: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    width: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    width: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    width: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    width: 555.75px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .button {
    width: 778.05px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .button {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .button {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .button {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .button {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .button {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .button {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .button {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .button {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .button {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .button {
    font-size: 75.6px;
  }
}
#jacpot .rightColumn .rate .button:hover {
  opacity: 0.9;
}
#jacpot .rightColumn .rate .button.black {
  color: white;
  background: rgba(17, 19, 25, 0.9);
}
@media (max-width: 799px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .rate .button.black {
    margin-top: 63px;
  }
}
#jacpot .rightColumn .rate .button.black:hover {
  background: rgba(17, 19, 25, 0.7);
}
#jacpot .rightColumn .userBlock {
  font-weight: bold;
  color: #C1C1C1;
  line-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .userBlock {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .userBlock {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .userBlock {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .userBlock {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .userBlock {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .userBlock {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .userBlock {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .userBlock {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .userBlock {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .userBlock {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .userBlock {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .userBlock {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .userBlock {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .userBlock {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .userBlock {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .userBlock {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 130.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .userBlock {
    margin-bottom: 182.7px;
  }
}
#jacpot .rightColumn .userBlock span {
  color: #fff;
}
#jacpot .rightColumn .userBlock .dollarImg {
  background-image: url("data:image/svg+xml,%3Csvg width='117' height='117' viewBox='0 0 117 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.5 107.25C31.5754 107.25 9.75 85.4246 9.75 58.5C9.75 31.5754 31.5754 9.75 58.5 9.75C85.4246 9.75 107.25 31.5754 107.25 58.5C107.25 85.4246 85.4246 107.25 58.5 107.25ZM58.5 97.5C68.8435 97.5 78.7633 93.3911 86.0772 86.0772C93.3911 78.7633 97.5 68.8434 97.5 58.5C97.5 48.1566 93.3911 38.2368 86.0772 30.9228C78.7633 23.6089 68.8435 19.5 58.5 19.5C48.1566 19.5 38.2368 23.6089 30.9228 30.9228C23.6089 38.2368 19.5 48.1566 19.5 58.5C19.5 68.8434 23.6089 78.7633 30.9228 86.0772C38.2368 93.3911 48.1566 97.5 58.5 97.5ZM41.4375 68.25H68.25C68.8965 68.25 69.5165 67.9932 69.9736 67.5361C70.4307 67.079 70.6875 66.459 70.6875 65.8125C70.6875 65.166 70.4307 64.5461 69.9736 64.0889C69.5165 63.6318 68.8965 63.375 68.25 63.375H48.75C45.5177 63.375 42.4177 62.091 40.1321 59.8054C37.8465 57.5198 36.5625 54.4198 36.5625 51.1875C36.5625 47.9552 37.8465 44.8552 40.1321 42.5696C42.4177 40.284 45.5177 39 48.75 39H53.625V29.25H63.375V39H75.5625V48.75H48.75C48.1035 48.75 47.4836 49.0068 47.0264 49.4639C46.5693 49.9211 46.3125 50.541 46.3125 51.1875C46.3125 51.834 46.5693 52.454 47.0264 52.9111C47.4836 53.3682 48.1035 53.625 48.75 53.625H68.25C71.4823 53.625 74.5823 54.909 76.8679 57.1946C79.1535 59.4802 80.4375 62.5802 80.4375 65.8125C80.4375 69.0448 79.1535 72.1448 76.8679 74.4304C74.5823 76.716 71.4823 78 68.25 78H63.375V87.75H53.625V78H41.4375V68.25Z' fill='%2327AE60'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 263.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    width: 368.55px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 52.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 58.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 75.465px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 80.145px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 87.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 81.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 99.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 93.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 111.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 117px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 146.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 157.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 152.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 146.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 193.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 234px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 193.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 263.25px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    height: 368.55px;
  }
}
@media (max-width: 799px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #jacpot .rightColumn .userBlock .dollarImg {
    margin-bottom: 44.1px;
  }
}
#roulette {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
#roulette .box-date {
  z-index: 1000;
  position: absolute;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
}
@media (max-width: 799px) {
  #roulette .box-date {
    top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date {
    top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date {
    top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date {
    top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date {
    top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date {
    top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date {
    top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date {
    top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date {
    top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date {
    top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date {
    top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date {
    top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date {
    top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date {
    top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date {
    top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date {
    top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date {
    top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date {
    top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date {
    top: 157.5px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date {
    line-height: 31.5px;
  }
}
#roulette .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #roulette .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #roulette .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#roulette .header {
  background: rgba(1, 22, 39, 0.8);
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 799px) {
  #roulette .header {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header {
    height: 472.5px;
  }
}
#roulette .header .infoButton {
  display: flex;
  flex-direction: column;
}
#roulette .header .lastNumber {
  color: #C1C1C1;
  display: flex;
  flex-direction: column;
}
#roulette .header .lastNumber .label {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .label {
    margin-bottom: 53.55px;
  }
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .label {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .label {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .label {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .label {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .label {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .label {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .label {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .label {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .label {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .label {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .label {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .label {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .label {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .label {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .label {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .label {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .label {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .label {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .label {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .label {
    font-size: 75.6px;
  }
}
#roulette .header .lastNumber .infoNumber {
  display: flex;
}
#roulette .header .lastNumber .infoNumber li {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .infoNumber li {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .infoNumber li {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .infoNumber li {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .infoNumber li {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 112.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .lastNumber .infoNumber li {
    border-radius: 157.5px;
  }
}
#roulette .header .lastNumber .infoNumber li:last-child {
  margin: 0;
}
#roulette .header .lastNumber .infoNumber li:last-child.red {
  background: linear-gradient(90deg, #00BBFF 16.42%, rgba(211, 52, 55, 0) 91.25%);
}
#roulette .header .lastNumber .infoNumber li:last-child.black {
  background: linear-gradient(90deg, #000 16.42%, rgba(0, 0, 0, 0) 100%);
}
#roulette .header .lastNumber .infoNumber li:last-child.green {
  background: linear-gradient(90deg, #27AE60 16.42%, rgba(0, 0, 0, 0) 100%);
}
#roulette .header .lastNumber .infoNumber li.red {
  background: #00BBFF;
}
#roulette .header .lastNumber .infoNumber li.black {
  background: #000;
}
#roulette .header .lastNumber .infoNumber li.green {
  background: #27AE60;
}
#roulette .header .timer {
  display: flex;
  align-items: center;
}
#roulette .header .timer .label {
  font-weight: bold;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #roulette .header .timer .label {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .timer .label {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .timer .label {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .timer .label {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .timer .label {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .timer .label {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .timer .label {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .timer .label {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .timer .label {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .timer .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .timer .label {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .timer .label {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .timer .label {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .timer .label {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .timer .label {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .timer .label {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .timer .label {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .timer .label {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .timer .label {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .timer .label {
    font-size: 56.7px;
  }
}
#roulette .header .timer .time {
  font-weight: bold;
}
@media (max-width: 799px) {
  #roulette .header .timer .time {
    font-size: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .timer .time {
    font-size: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .timer .time {
    font-size: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .timer .time {
    font-size: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .timer .time {
    font-size: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .timer .time {
    font-size: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .timer .time {
    font-size: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .timer .time {
    font-size: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .timer .time {
    font-size: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .timer .time {
    font-size: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .timer .time {
    font-size: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .timer .time {
    font-size: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .timer .time {
    font-size: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .timer .time {
    font-size: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .timer .time {
    font-size: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .timer .time {
    font-size: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .timer .time {
    font-size: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .timer .time {
    font-size: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .timer .time {
    font-size: 157.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .timer .time {
    font-size: 220.5px;
  }
}
#roulette .header .timer .red {
  color: #00BBFF;
}
#roulette .header .timer .icon {
  display: flex;
}
@media (max-width: 799px) {
  #roulette .header .timer .icon {
    margin-right: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .timer .icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .timer .icon {
    margin-right: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .timer .icon {
    margin-right: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .timer .icon {
    margin-right: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .timer .icon {
    margin-right: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .timer .icon {
    margin-right: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .timer .icon {
    margin-right: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .timer .icon {
    margin-right: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .timer .icon {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .timer .icon {
    margin-right: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .timer .icon {
    margin-right: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .timer .icon {
    margin-right: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .timer .icon {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .timer .icon {
    margin-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .timer .icon {
    margin-right: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .timer .icon {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .timer .icon {
    margin-right: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .timer .icon {
    margin-right: 74.25px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .timer .icon {
    margin-right: 103.95px;
  }
}
#roulette .header .timer .icon .iconTime {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='75' viewBox='0 0 65 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.3956 18.137L57.5416 12.991L62.5495 17.9989L57.4035 23.1449C62.4885 29.5099 64.9434 37.5803 64.264 45.6987C63.5846 53.8171 59.8224 61.3673 53.7502 66.7985C47.678 72.2297 39.7567 75.1298 31.613 74.9031C23.4694 74.6764 15.7216 71.3401 9.96099 65.5795C4.20033 59.8188 0.864061 52.0711 0.637356 43.9275C0.410652 35.7838 3.31072 27.8625 8.74197 21.7903C14.1732 15.718 21.7234 11.9559 29.8418 11.2765C37.9602 10.5971 46.0306 13.052 52.3956 18.137ZM32.4985 67.8337C35.7542 67.8337 38.978 67.1924 41.9858 65.9465C44.9937 64.7006 47.7267 62.8745 50.0288 60.5723C52.331 58.2702 54.1571 55.5372 55.403 52.5294C56.6489 49.5215 57.2902 46.2977 57.2902 43.042C57.2902 39.7863 56.6489 36.5625 55.403 33.5546C54.1571 30.5468 52.331 27.8138 50.0288 25.5116C47.7267 23.2095 44.9937 21.3834 41.9858 20.1375C38.978 18.8916 35.7542 18.2503 32.4985 18.2503C25.9233 18.2503 19.6175 20.8623 14.9681 25.5116C10.3188 30.161 7.70681 36.4668 7.70681 43.042C7.70681 49.6171 10.3188 55.923 14.9681 60.5723C19.6175 65.2217 25.9233 67.8337 32.4985 67.8337ZM28.9568 25.3337H36.0402V46.5837H28.9568V25.3337ZM18.3318 0.541992H46.6652V7.62533H18.3318V0.541992Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #roulette .header .timer .icon .iconTime {
    width: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .timer .icon .iconTime {
    width: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .timer .icon .iconTime {
    width: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .timer .icon .iconTime {
    width: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .timer .icon .iconTime {
    width: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .timer .icon .iconTime {
    width: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .timer .icon .iconTime {
    width: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .timer .icon .iconTime {
    width: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .timer .icon .iconTime {
    width: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .timer .icon .iconTime {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .timer .icon .iconTime {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .timer .icon .iconTime {
    width: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .timer .icon .iconTime {
    width: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .timer .icon .iconTime {
    width: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .timer .icon .iconTime {
    width: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .timer .icon .iconTime {
    width: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .timer .icon .iconTime {
    width: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .timer .icon .iconTime {
    width: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .timer .icon .iconTime {
    width: 146.25px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .timer .icon .iconTime {
    width: 204.75px;
  }
}
@media (max-width: 799px) {
  #roulette .header .timer .icon .iconTime {
    height: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .timer .icon .iconTime {
    height: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .timer .icon .iconTime {
    height: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .timer .icon .iconTime {
    height: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .timer .icon .iconTime {
    height: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .timer .icon .iconTime {
    height: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .timer .icon .iconTime {
    height: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .timer .icon .iconTime {
    height: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .timer .icon .iconTime {
    height: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .timer .icon .iconTime {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .timer .icon .iconTime {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .timer .icon .iconTime {
    height: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .timer .icon .iconTime {
    height: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .timer .icon .iconTime {
    height: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .timer .icon .iconTime {
    height: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .timer .icon .iconTime {
    height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .timer .icon .iconTime {
    height: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .timer .icon .iconTime {
    height: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .timer .icon .iconTime {
    height: 168.75px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .timer .icon .iconTime {
    height: 236.25px;
  }
}
#roulette .header .button {
  display: flex;
}
@media (max-width: 799px) {
  #roulette .header .button.l {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button.l {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button.l {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button.l {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button.l {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button.l {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button.l {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button.l {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button.l {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button.l {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button.l {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button.l {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button.l {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button.l {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button.l {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button.l {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button.l {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button.l {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button.l {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button.l {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button.l {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button.l {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button.l {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button.l {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button.l {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button.l {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button.l {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button.l {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button.l {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button.l {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button.l {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button.l {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button.l {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button.l {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button.l {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button.l {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button.l {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button.l {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button.l {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button.l {
    margin-bottom: 94.5px;
  }
}
#roulette .header .button li {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  display: flex;
  font-weight: bold;
  align-items: center;
}
@media (max-width: 799px) {
  #roulette .header .button li {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li {
    font-size: 44.1px;
  }
}
#roulette .header .button li .btn {
  background: white;
  color: black;
  border-radius: 4px;
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    padding-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    padding-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    padding-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    padding-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    padding-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    padding-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    padding-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    padding-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    padding-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    padding-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    padding-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    padding-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    padding-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    padding-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-top: 9px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    padding-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    padding-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    padding-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    padding-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    padding-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    padding-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    padding-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    padding-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    padding-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    padding-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    padding-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    padding-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    padding-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    padding-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    padding-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    padding-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #roulette .header .button li .btn {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .header .button li .btn {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .header .button li .btn {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .header .button li .btn {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .header .button li .btn {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .header .button li .btn {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .header .button li .btn {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .header .button li .btn {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .header .button li .btn {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .header .button li .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .header .button li .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .header .button li .btn {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .header .button li .btn {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .header .button li .btn {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .header .button li .btn {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .header .button li .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .header .button li .btn {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #roulette .header .button li .btn {
    font-size: 75.6px;
  }
}
#roulette .footer {
  background: rgba(1, 22, 39, 0.8);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 799px) {
  #roulette .footer {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .footer {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .footer {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .footer {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .footer {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .footer {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .footer {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .footer {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .footer {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .footer {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .footer {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .footer {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .footer {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .footer {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .footer {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .footer {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .footer {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .footer {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .footer {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #roulette .footer {
    height: 378px;
  }
}
#roulette .footer .infoStats {
  display: flex;
  width: 100%;
  justify-content: space-around;
  font-weight: bold;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #roulette .footer .infoStats {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .footer .infoStats {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .footer .infoStats {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .footer .infoStats {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .footer .infoStats {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .footer .infoStats {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .footer .infoStats {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .footer .infoStats {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .footer .infoStats {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .footer .infoStats {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .footer .infoStats {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .footer .infoStats {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .footer .infoStats {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .footer .infoStats {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .footer .infoStats {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .footer .infoStats {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .footer .infoStats {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .footer .infoStats {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .footer .infoStats {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #roulette .footer .infoStats {
    font-size: 75.6px;
  }
}
#roulette .footer .infoStats li {
  display: flex;
  align-items: center;
}
#roulette .footer .infoStats .ics {
  display: flex;
  background-size: cover;
}
@media (max-width: 799px) {
  #roulette .footer .infoStats .ics {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .footer .infoStats .ics {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .footer .infoStats .ics {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .footer .infoStats .ics {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .footer .infoStats .ics {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .footer .infoStats .ics {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .footer .infoStats .ics {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .footer .infoStats .ics {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .footer .infoStats .ics {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .footer .infoStats .ics {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .footer .infoStats .ics {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .footer .infoStats .ics {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .footer .infoStats .ics {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .footer .infoStats .ics {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .footer .infoStats .ics {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .footer .infoStats .ics {
    margin-right: 56.7px;
  }
}
@media (max-width: 799px) {
  #roulette .footer .infoStats .ics {
    width: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .footer .infoStats .ics {
    width: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .footer .infoStats .ics {
    width: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .footer .infoStats .ics {
    width: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .footer .infoStats .ics {
    width: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .footer .infoStats .ics {
    width: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .footer .infoStats .ics {
    width: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .footer .infoStats .ics {
    width: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .footer .infoStats .ics {
    width: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .footer .infoStats .ics {
    width: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .footer .infoStats .ics {
    width: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .footer .infoStats .ics {
    width: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .footer .infoStats .ics {
    width: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .footer .infoStats .ics {
    width: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .footer .infoStats .ics {
    width: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    width: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    width: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    width: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    width: 94.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .footer .infoStats .ics {
    width: 132.3px;
  }
}
@media (max-width: 799px) {
  #roulette .footer .infoStats .ics {
    height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #roulette .footer .infoStats .ics {
    height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #roulette .footer .infoStats .ics {
    height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #roulette .footer .infoStats .ics {
    height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #roulette .footer .infoStats .ics {
    height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #roulette .footer .infoStats .ics {
    height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #roulette .footer .infoStats .ics {
    height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #roulette .footer .infoStats .ics {
    height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #roulette .footer .infoStats .ics {
    height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #roulette .footer .infoStats .ics {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #roulette .footer .infoStats .ics {
    height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #roulette .footer .infoStats .ics {
    height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #roulette .footer .infoStats .ics {
    height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #roulette .footer .infoStats .ics {
    height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #roulette .footer .infoStats .ics {
    height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #roulette .footer .infoStats .ics {
    height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #roulette .footer .infoStats .ics {
    height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #roulette .footer .infoStats .ics {
    height: 132.3px;
  }
}
#roulette .footer .infoStats .ics.iconDollar {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9994 41.8334C9.4931 41.8334 0.166016 32.5063 0.166016 21.0001C0.166016 9.49383 9.4931 0.166748 20.9994 0.166748C32.5056 0.166748 41.8327 9.49383 41.8327 21.0001C41.8327 32.5063 32.5056 41.8334 20.9994 41.8334ZM20.9994 37.6668C25.4196 37.6668 29.6589 35.9108 32.7845 32.7852C35.9101 29.6596 37.666 25.4204 37.666 21.0001C37.666 16.5798 35.9101 12.3406 32.7845 9.21497C29.6589 6.08936 25.4196 4.33342 20.9994 4.33342C16.5791 4.33342 12.3398 6.08936 9.21424 9.21497C6.08863 12.3406 4.33268 16.5798 4.33268 21.0001C4.33268 25.4204 6.08863 29.6596 9.21424 32.7852C12.3398 35.9108 16.5791 37.6668 20.9994 37.6668ZM13.7077 25.1667H25.166C25.4423 25.1667 25.7072 25.057 25.9026 24.8617C26.0979 24.6663 26.2077 24.4014 26.2077 24.1251C26.2077 23.8488 26.0979 23.5839 25.9026 23.3885C25.7072 23.1932 25.4423 23.0834 25.166 23.0834H16.8327C15.4513 23.0834 14.1266 22.5347 13.1498 21.5579C12.1731 20.5812 11.6243 19.2564 11.6243 17.8751C11.6243 16.4937 12.1731 15.169 13.1498 14.1922C14.1266 13.2155 15.4513 12.6667 16.8327 12.6667H18.916V8.50008H23.0827V12.6667H28.291V16.8334H16.8327C16.5564 16.8334 16.2915 16.9432 16.0961 17.1385C15.9008 17.3339 15.791 17.5988 15.791 17.8751C15.791 18.1514 15.9008 18.4163 16.0961 18.6117C16.2915 18.807 16.5564 18.9167 16.8327 18.9167H25.166C26.5474 18.9167 27.8721 19.4655 28.8489 20.4422C29.8256 21.419 30.3744 22.7437 30.3744 24.1251C30.3744 25.5064 29.8256 26.8312 28.8489 27.8079C27.8721 28.7847 26.5474 29.3334 25.166 29.3334H23.0827V33.5001H18.916V29.3334H13.7077V25.1667Z' fill='%2327AE60'/%3E%3C/svg%3E%0A");
}
#roulette .footer .infoStats .ics.iconCircles {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.916 0.271126V6.56279C11.8493 7.57738 6.41602 13.6565 6.41602 21.0003C6.41602 29.0545 12.9452 35.5836 20.9993 35.5836C24.2743 35.5836 27.2993 34.5045 29.7327 32.6795L34.1848 37.1315C30.5931 40.069 25.9993 41.8336 20.9993 41.8336C9.4931 41.8336 0.166016 32.5065 0.166016 21.0003C0.166016 10.1982 8.38893 1.31488 18.916 0.271126ZM41.7285 23.0836C41.3118 27.2732 39.6577 31.0982 37.1306 34.1836L32.6785 29.7336C34.1098 27.8253 35.0806 25.5545 35.4348 23.0836H41.7306H41.7285ZM23.0868 0.271126C32.9285 1.24821 40.7535 9.07529 41.7327 18.917H35.4368C34.5243 12.5315 29.4723 7.47946 23.0868 6.56488V0.269043V0.271126Z' fill='%234A93FF'/%3E%3C/svg%3E%0A");
}
#roulette .footer .infoStats .ics.iconProfit {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='38' viewBox='0 0 40 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41667 0.250244V33.5836H37.75V37.7502H0.25V0.250244H4.41667ZM35.5417 6.37524L39.9583 10.7919L27.3333 23.4211L21.0833 17.1711L12.875 25.3794L8.45833 20.9586L21.0833 8.33358L27.3333 14.5836L35.5417 6.37524Z' fill='%23DD3333'/%3E%3C/svg%3E%0A");
}
#roulette .footer .infoStats b {
  color: #fff;
}
@font-face {
  font-family: "arendaicon";
  src: url(../src/views/vehicle/air/assets/fonts//arenda.eot);
  src: url(../src/views/vehicle/air/assets/fonts//arenda.eot#iefix) format("embedded-opentype"), url(../src/views/vehicle/air/assets/fonts//arenda.ttf) format("truetype"), url(../src/views/vehicle/air/assets/fonts//arenda.woff) format("woff"), url(/src/views/vehicle/air/assets/fonts/arenda.svg#arenda) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=arendaicon-], [class*=" arendaicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "arendaicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arendaicon-money:before {
  content: "\e900";
}

.arendaicon-off:before {
  content: "\e901";
}
#air-page {
  width: 100%;
  height: 100%;
  color: white;
  font-family: "UniNeue", Tahoma, Arial;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #air-page {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #air-page {
    font-size: 50.4px;
  }
}
#air-page .arenda {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #air-page .arenda {
    width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda {
    width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda {
    width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda {
    width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda {
    width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda {
    width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda {
    width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda {
    width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda {
    width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda {
    width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda {
    width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda {
    width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda {
    width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda {
    width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda {
    width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda {
    width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda {
    width: 2367px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda {
    width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda {
    height: 385.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda {
    height: 428px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda {
    height: 552.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda {
    height: 586.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda {
    height: 642px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda {
    height: 599.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda {
    height: 727.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda {
    height: 684.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda {
    height: 813.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda {
    height: 856px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda {
    height: 1070px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda {
    height: 1155.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda {
    height: 1112.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda {
    height: 1070px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda {
    height: 1712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda {
    height: 1412.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda {
    height: 1926px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda {
    height: 2696.4px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda {
    padding-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda {
    padding-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda {
    padding-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda {
    padding-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda {
    padding-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda {
    padding-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda {
    padding-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda {
    padding-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda {
    padding-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda {
    padding-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda {
    padding-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda {
    padding-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda {
    padding-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda {
    padding-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda {
    padding-bottom: 141.75px;
  }
}
#air-page .arenda.nonactive {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: blur(1px);
}
#air-page .arenda .arenda-header {
  box-sizing: border-box;
  width: 100%;
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    padding-bottom: 144.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    height: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    height: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    height: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    height: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    height: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    height: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    height: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    height: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    height: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    height: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    height: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    height: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    height: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    height: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    height: 427.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    height: 598.5px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    border-top-left-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    border-top-right-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    border-bottom-left-radius: 0px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 286.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 318.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 410.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 436.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 477.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 445.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 541.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 509.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 605.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 637px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 859.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 828.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 796.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 1274px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 1051.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 1433.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arenda-header__text {
    max-width: 2006.55px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__title {
    margin-bottom: 25.2px;
  }
}
#air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
  color: #595E6C;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arenda-header__text .arenda-header__main-text {
    line-height: 69.3px;
  }
}
#air-page .arenda .arenda-header .arendaicon-off {
  color: #595E6C;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 32.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 36.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 47.085px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 50.005px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 54.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 51.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 62.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 58.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 69.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 73px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 98.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 94.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 91.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 146px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 120.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 164.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-header .arendaicon-off {
    font-size: 229.95px;
  }
}
#air-page .arenda .arenda-main {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  overflow-y: auto;
  /* Track */
  /* Handle */
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main {
    height: 279px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main {
    height: 310px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main {
    height: 399.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main {
    height: 424.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main {
    height: 465px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main {
    height: 434px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main {
    height: 527px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main {
    height: 496px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main {
    height: 589px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main {
    height: 620px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main {
    height: 837px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main {
    height: 806px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main {
    height: 775px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    height: 1240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    height: 1023px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    height: 1395px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main {
    height: 1953px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main {
    padding-right: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main {
    padding-right: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main {
    padding-right: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main {
    padding-right: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main {
    padding-right: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main {
    padding-right: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main {
    padding-right: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main {
    padding-right: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main {
    padding-right: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main {
    padding-right: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main {
    padding-right: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main {
    padding-right: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main {
    padding-right: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    padding-right: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    padding-right: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    padding-right: 126px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main {
    padding-right: 176.4px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main {
    padding-left: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main {
    padding-left: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main {
    padding-left: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main {
    padding-left: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main {
    padding-left: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main {
    padding-left: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main {
    padding-left: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main {
    padding-left: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main {
    padding-left: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main {
    padding-left: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main {
    padding-left: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main {
    padding-left: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main {
    padding-left: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    padding-left: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    padding-left: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    padding-left: 126px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main {
    padding-left: 176.4px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main {
    gap: 63px;
  }
}
#air-page .arenda .arenda-main .arenda-main__element {
  background: rgba(1, 22, 39, 0.8);
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 675px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    height: 945px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-bottom: 28.35px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 49.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-left: 69.3px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element {
    padding-right: 69.3px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__title {
    margin-bottom: 25.2px;
  }
}
#air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
  color: #34D387;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    margin-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__price .arendaicon-money {
    font-size: 63px;
  }
}
#air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
  width: 100%;
  background-image: url(/src/views/vehicle/air/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__img {
    height: 535.5px;
  }
}
#air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main .arenda-main__element .arenda-main__button {
    margin-top: 18.9px;
  }
}
#air-page .arenda .arenda-main .arenda-main__element .arenda-main__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar {
    width: 9.45px;
  }
}
#air-page .arenda .arenda-main::-webkit-scrollbar-track {
  background: #3a4a68;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .arenda .arenda-main::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#air-page .props-arenda {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#air-page .props-arenda .arenda-customize {
  position: relative;
  background: #121317;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    height: 283.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    height: 315px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    height: 406.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    height: 431.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    height: 472.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    height: 441px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    height: 535.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    height: 504px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    height: 598.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    height: 630px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    height: 630px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    height: 787.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    height: 850.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    height: 819px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    height: 787.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    height: 1039.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    height: 1260px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    height: 1039.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    height: 1417.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    height: 1984.5px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    border: 1.35px solid #474A56;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    border: 1.5px solid #474A56;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    border: 1.935px solid #474A56;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.055px solid #474A56;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.25px solid #474A56;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.1px solid #474A56;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.55px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.4px solid #474A56;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    border: 2.85px solid #474A56;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    border: 3px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    border: 4.05px solid #474A56;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    border: 3.9px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    border: 3.75px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    border: 6px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    border: 4.95px solid #474A56;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    border: 6.75px solid #474A56;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    border: 9.45px solid #474A56;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 60.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    padding-top: 85.05px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 153px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    padding-right: 214.2px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 30.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 34px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 43.86px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 46.58px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 51px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 47.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 57.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 64.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 68px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 91.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 88.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 136px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 112.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 153px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    padding-left: 214.2px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize {
    padding-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 78.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    line-height: 110.25px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__title {
    margin-bottom: 18.9px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
  color: #D33437;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__subtitle {
    margin-bottom: 40.95px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__img {
  width: 100%;
  background-image: url(/src/views/vehicle/air/assets/images/car.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  -o-border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
     border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 100.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 111.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 143.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 152.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 167.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 156.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 189.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 178.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 211.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 223px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 301.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 289.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 278.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 446px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 367.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 501.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    height: 702.45px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__img {
    margin-bottom: 53.55px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
  align-self: flex-start;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__paragraph {
    margin-bottom: 40.95px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
  width: 100%;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider {
    margin-bottom: 25.2px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
  background: #24262D;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 4.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider {
    height: 6.3px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__fill {
  background: #D33437;
}
#air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
  border: none;
  background: #D33437;
  box-shadow: 0 0 28px rgba(211, 52, 55, 0.25), 0 0 10px rgba(211, 52, 55, 0.25);
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 2.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    top: 3.15px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 22.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    width: 31.5px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__rangeslider .rangeslider__handle {
    height: 31.5px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__input-description {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__input-description {
    margin-bottom: 53.55px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__input-description .arenda-customize_gray {
  color: #3F424B;
}
#air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons {
    margin-bottom: 75.6px;
  }
}
#air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 47.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    width: 66.15px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color {
    height: 66.15px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 0.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.29px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.37px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 1.9px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.7px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.6px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 2.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 3.3px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 4.5px solid rgba(255,255,255,0.6);
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .adrenda-customize__radio-buttons .color.active {
    border: 6.3px solid rgba(255,255,255,0.6);
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.45px solid #3A3E4E;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.5px solid #3A3E4E;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.645px solid #3A3E4E;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.685px solid #3A3E4E;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.75px solid #3A3E4E;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.7px solid #3A3E4E;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.85px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.8px solid #3A3E4E;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 0.95px solid #3A3E4E;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.35px solid #3A3E4E;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.3px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.25px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 2px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 1.65px solid #3A3E4E;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 2.25px solid #3A3E4E;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border: 3.15px solid #3A3E4E;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    line-height: 85.05px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button {
    margin-bottom: 44.1px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__button:hover {
  transition: all 0.4s ease;
  background: #3A3E4E;
}
#air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
  color: #34D387;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__button .arenda-customize__money {
    margin-left: 15.75px;
  }
}
#air-page .props-arenda .arenda-customize .arenda-customize__exit {
  cursor: pointer;
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #air-page .props-arenda .arenda-customize .arenda-customize__exit {
    line-height: 59.85px;
  }
}
#lscustoms {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-size: cover;
  justify-content: space-between;
  color: white;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  font-family: "UniNeue";
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #lscustoms {
    padding-left: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms {
    padding-left: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms {
    padding-left: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms {
    padding-left: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms {
    padding-left: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms {
    padding-left: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms {
    padding-left: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms {
    padding-left: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms {
    padding-left: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms {
    padding-left: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms {
    padding-left: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms {
    padding-left: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms {
    padding-left: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms {
    padding-left: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms {
    padding-left: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms {
    padding-left: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms {
    padding-left: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms {
    padding-left: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms {
    padding-left: 162px;
  }
}
@media (min-width: 6000px) {
  #lscustoms {
    padding-left: 226.8px;
  }
}
@media (max-width: 799px) {
  #lscustoms {
    padding-right: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms {
    padding-right: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms {
    padding-right: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms {
    padding-right: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms {
    padding-right: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms {
    padding-right: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms {
    padding-right: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms {
    padding-right: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms {
    padding-right: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms {
    padding-right: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms {
    padding-right: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms {
    padding-right: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms {
    padding-right: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms {
    padding-right: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms {
    padding-right: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms {
    padding-right: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms {
    padding-right: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms {
    padding-right: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms {
    padding-right: 162px;
  }
}
@media (min-width: 6000px) {
  #lscustoms {
    padding-right: 226.8px;
  }
}
#lscustoms ::-webkit-scrollbar {
  width: 3px;
  right: 30px;
}
#lscustoms ::-webkit-scrollbar-track {
  background: #131924;
  border-radius: 10px;
}
#lscustoms ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: white;
}
#lscustoms .button {
  background: white;
  font-weight: bold;
  transition: all ease 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #lscustoms .button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .button {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .button {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .button {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .button {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .button {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .button {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .button {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .button {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .button {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .button {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .button {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .button {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .button {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .button {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .button {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .button {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .button {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .button {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .button {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .button {
    height: 182.7px;
  }
}
@media (max-width: 799px) {
  #lscustoms .button {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .button {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .button {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .button {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .button {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .button {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .button {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .button {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .button {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .button {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .button {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .button {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .button {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .button {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .button {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .button {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .button {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .button {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #lscustoms .button {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .button {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .button {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .button {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .button {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .button {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .button {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .button {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .button {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .button {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .button {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .button {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .button {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .button {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .button {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .button {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .button {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .button {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .button {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .button {
    margin-top: 94.5px;
  }
}
#lscustoms .button:hover {
  opacity: 0.9;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .box-button {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .box-button {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .box-button {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .box-button {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .box-button {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .box-button {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .box-button {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .box-button {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .box-button {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .box-button {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .box-button {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .box-button {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .box-button {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .box-button {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .box-button {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .box-button {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .box-button {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .box-button {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .box-button {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .box-button {
    width: 1197px;
  }
}
#lscustoms .leftSide .categoryBlock {
  background: rgba(1, 22, 39, 0.8);
  overflow: hidden;
  height: -moz-max-content;
  height: max-content;
  border-color: #333844;
  border-style: solid;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.popups {
    margin-left: 94.5px;
  }
}
#lscustoms .leftSide .categoryBlock .header {
  background: rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: left;
  align-items: center;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 29.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 33px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 42.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 45.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 49.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 46.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 56.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 52.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 62.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 148.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .header {
    height: 207.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 78.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .header {
    padding-left: 110.25px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .header {
    margin-bottom: 44.1px;
  }
}
#lscustoms .leftSide .categoryBlock .header:hover {
  background: rgba(0, 0, 0, 0.3);
}
#lscustoms .leftSide .categoryBlock .box-header {
  background: rgba(1, 22, 39, 0.8);
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header {
    height: 378px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .img-logo {
  background-image: url(/src/views/vehicle/lscustom/img/logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .img-logo {
    height: 283.5px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .title {
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .title {
    font-size: 75.6px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .desc {
  display: flex;
  align-items: center;
  color: #C1C1C1;
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc {
    font-size: 44.1px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .desc .cash {
  color: white;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .cash {
    margin-right: 22.05px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .desc .money {
  color: white;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .desc .money {
    margin-left: 15.75px;
  }
}
#lscustoms .leftSide .categoryBlock .box-header .icon {
  transition: all ease 0.2s;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-right: 97.65px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 69.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .box-header .icon {
    margin-left: 97.65px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .space {
    padding-top: 44.1px;
  }
}
#lscustoms .leftSide .categoryBlock .items {
  height: auto;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 363.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 403.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 520.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 552.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 605.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 564.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 685.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 645.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 766.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 807px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 807px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1008.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1089.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1049.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1008.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1331.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1614px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1331.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 1815.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items {
    max-height: 2542.05px;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems {
  display: flex;
  align-items: center;
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 2.7px solid #333844;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 3px solid #333844;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 3.87px solid #333844;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 4.11px solid #333844;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 4.5px solid #333844;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 4.2px solid #333844;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 5.1px solid #333844;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 4.8px solid #333844;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 5.7px solid #333844;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 6px solid #333844;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 6px solid #333844;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 7.5px solid #333844;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 8.1px solid #333844;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 7.8px solid #333844;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 7.5px solid #333844;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 9.9px solid #333844;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 12px solid #333844;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 9.9px solid #333844;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 13.5px solid #333844;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems {
    border-left: 18.9px solid #333844;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
  background-color: rgba(255, 255, 255, 0.05);
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 2.7px solid white;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 3px solid white;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 3.87px solid white;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 4.11px solid white;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 4.5px solid white;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 4.2px solid white;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 5.1px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 4.8px solid white;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 5.7px solid white;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 6px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 6px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 7.5px solid white;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 8.1px solid white;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 7.8px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 7.5px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 9.9px solid white;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 12px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 9.9px solid white;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 13.5px solid white;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems:hover:not(.star), #lscustoms .leftSide .categoryBlock .items .listitems.active:not(.star) {
    border-left: 18.9px solid white;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems:hover .icon {
  color: #fff;
}
#lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .listitems-title {
    width: 466.2px;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems .title {
  font-style: normal;
  font-weight: bold;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .title {
    font-size: 56.7px;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems .desc {
  color: #C1C1C1;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.0025px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.003225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.003425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.0035px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.004px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.005px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.005px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.0065px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.01px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.00825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.01125px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .desc {
    letter-spacing: 0.01575px;
  }
}
#lscustoms .leftSide .categoryBlock .items .listitems .icon {
  transition: all ease 0.2s;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-right: 97.65px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 94.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items .listitems .icon {
    margin-left: 132.3px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 56.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.smallBtn li .icon {
    font-size: 78.75px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 333.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 371px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 478.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 508.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 556.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 519.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 630.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 593.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 704.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 742px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 742px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 927.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 1001.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 964.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 927.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 1224.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 1484px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 1224.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 1669.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select {
    max-height: 2337.3px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 168.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems {
    height: 236.25px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 123.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    font-size: 173.25px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-left: 81.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 63px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .icon {
    margin-right: 88.2px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .title {
  color: #C1C1C1;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .title span {
    margin-right: 31.5px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
  display: flex;
  position: relative;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    margin-bottom: 12.6px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .headersm {
    height: 59.85px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .un {
  width: 100%;
  position: relative;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .un {
    padding-right: 75.6px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .desc {
    font-size: 50.4px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .price {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock .items.select .listitems .price {
    padding-right: 75.6px;
  }
}
#lscustoms .leftSide .categoryBlock .items.select .listitems .price span {
  color: #27AE60;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.min {
    width: 466.2px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 65.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 73px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 94.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 100.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 109.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 102.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 124.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 116.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 138.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 146px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 146px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 182.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 197.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 189.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 182.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 240.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 292px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 240.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 328.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    width: 459.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.min .box-header .img-logo {
    height: 283.5px;
  }
}
#lscustoms .leftSide .categoryBlock.min .box-header .icon {
  display: none;
}
#lscustoms .leftSide .categoryBlock.min .box-header .flex {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#lscustoms .leftSide .categoryBlock.min .items {
  transition: all ease 0.2s;
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.min .items {
    width: 466.2px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 94.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftSide .categoryBlock.min .listitems .icon {
    margin-right: 132.3px;
  }
}
#lscustoms .leftSide .categoryBlock.min .listitems .flex {
  display: none;
  transition: all ease 0.2s;
}
#lscustoms .centerSide {
  display: flex;
  z-index: -1;
}
@media (max-width: 799px) {
  #lscustoms .centerSide {
    height: 415.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide {
    height: 461.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide {
    height: 595.335px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide {
    height: 632.255px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide {
    height: 692.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide {
    height: 646.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide {
    height: 784.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide {
    height: 738.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide {
    height: 876.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide {
    height: 923px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide {
    height: 923px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide {
    height: 1153.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide {
    height: 1246.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide {
    height: 1199.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide {
    height: 1153.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide {
    height: 1522.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide {
    height: 1846px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide {
    height: 1522.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide {
    height: 2076.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide {
    height: 2907.45px;
  }
}
#lscustoms .centerSide .buttonInfo {
  background: rgba(1, 22, 39, 0.8);
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 47.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    padding-left: 66.15px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 47.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    padding-right: 66.15px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 67.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) {
    margin-right: 94.5px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo:nth-child(1) .btn:nth-child(1) {
    margin-right: 56.7px;
  }
}
#lscustoms .centerSide .buttonInfo .btn {
  background: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .btn {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .btn {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .btn {
    border-radius: 12.6px;
  }
}
#lscustoms .centerSide .buttonInfo .text {
  font-weight: bold;
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .text {
    margin-left: 56.7px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .text {
    border-radius: 44.1px;
  }
}
@media (max-width: 799px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .centerSide .buttonInfo .text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide {
    height: 415.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide {
    height: 461.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide {
    height: 595.335px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide {
    height: 632.255px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide {
    height: 692.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide {
    height: 646.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide {
    height: 784.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide {
    height: 738.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide {
    height: 876.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide {
    height: 923px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide {
    height: 923px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide {
    height: 1153.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide {
    height: 1246.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide {
    height: 1199.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide {
    height: 1153.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide {
    height: 1522.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide {
    height: 1846px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide {
    height: 1522.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide {
    height: 2076.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide {
    height: 2907.45px;
  }
}
#lscustoms .rightSide .spec {
  background: rgba(1, 22, 39, 0.8);
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec {
    padding-bottom: 69.3px;
  }
}
#lscustoms .rightSide .spec .head {
  background: rgba(1, 22, 39, 0.8);
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 60.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .head {
    padding-left: 85.05px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .head {
    font-size: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .head {
    font-size: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .head {
    font-size: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .head {
    font-size: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .head {
    font-size: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .head {
    font-size: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .head {
    font-size: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .head {
    font-size: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .head {
    font-size: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .head {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .head {
    font-size: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .head {
    font-size: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .head {
    font-size: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .head {
    font-size: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .head {
    font-size: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    font-size: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    font-size: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    font-size: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    font-size: 47.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .head {
    font-size: 66.15px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .head {
    margin-bottom: 69.3px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .head {
    height: 28.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .head {
    height: 31.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .head {
    height: 40.635px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .head {
    height: 43.155px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .head {
    height: 47.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .head {
    height: 44.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .head {
    height: 53.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .head {
    height: 50.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .head {
    height: 59.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .head {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .head {
    height: 63px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .head {
    height: 78.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .head {
    height: 85.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .head {
    height: 81.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .head {
    height: 78.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    height: 103.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    height: 126px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .head {
    height: 103.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .head {
    height: 141.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .head {
    height: 198.45px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 60.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb {
    padding-left: 85.05px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 42.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb {
    margin-bottom: 59.85px;
  }
}
#lscustoms .rightSide .spec .lb .title {
  color: #C1C1C1;
  font-weight: bold;
  display: flex;
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .title {
    margin-bottom: 40.95px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 29.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .title i {
    margin-right: 40.95px;
  }
}
#lscustoms .rightSide .spec .lb .specProc {
  display: flex;
}
#lscustoms .rightSide .spec .lb .specProc li {
  background: #434A5B;
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 11.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    height: 15.75px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightSide .spec .lb .specProc li {
    margin-right: 18.9px;
  }
}
#lscustoms .rightSide .spec .lb .specProc li.active {
  background: white;
}
#lscustoms .backIcon {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.793183 6.71204C1.18382 6.32162 1.81716 6.32162 2.20779 6.71204L8.29211 12.7929C8.68274 13.1833 8.68274 13.8163 8.29211 14.2067L8.20564 14.2932C7.81501 14.6836 7.18166 14.6836 6.79103 14.2932L0.706717 8.21227C0.316083 7.82185 0.316083 7.18887 0.706717 6.79845L0.793183 6.71204Z' fill='white'/%3E%3Cpath d='M8.29221 0.793335C8.68284 1.18375 8.68284 1.81674 8.29221 2.20715L2.25206 8.24391C1.86142 8.63432 1.22808 8.63432 0.837449 8.24391L0.750984 8.15749C0.36035 7.76708 0.360349 7.13409 0.750984 6.74367L6.79113 0.706918C7.18176 0.316503 7.81511 0.316504 8.20574 0.706918L8.29221 0.793335Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .backIcon {
    width: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .backIcon {
    width: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .backIcon {
    width: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .backIcon {
    width: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .backIcon {
    width: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .backIcon {
    width: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .backIcon {
    width: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .backIcon {
    width: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .backIcon {
    width: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .backIcon {
    width: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .backIcon {
    width: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .backIcon {
    width: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .backIcon {
    width: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .backIcon {
    width: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .backIcon {
    width: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    width: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    width: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    width: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    width: 20.25px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .backIcon {
    width: 28.35px;
  }
}
@media (max-width: 799px) {
  #lscustoms .backIcon {
    height: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .backIcon {
    height: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .backIcon {
    height: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .backIcon {
    height: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .backIcon {
    height: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .backIcon {
    height: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .backIcon {
    height: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .backIcon {
    height: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .backIcon {
    height: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .backIcon {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .backIcon {
    height: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .backIcon {
    height: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .backIcon {
    height: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .backIcon {
    height: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .backIcon {
    height: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    height: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    height: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    height: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    height: 33.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .backIcon {
    height: 47.25px;
  }
}
@media (max-width: 799px) {
  #lscustoms .backIcon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .backIcon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .backIcon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .backIcon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .backIcon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .backIcon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .backIcon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .backIcon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .backIcon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .backIcon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .backIcon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .backIcon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .backIcon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .backIcon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .backIcon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .backIcon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .backIcon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .backIcon {
    margin-right: 31.5px;
  }
}
#lscustoms .leftArr {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.048 9.312L5.016 10.32C4.856 10.512 4.688 10.52 4.512 10.344L0.456001 6.456C0.328001 6.296 0.264001 6.152 0.264001 6.024L0.264001 5.184C0.264001 5.056 0.328001 4.912 0.456001 4.752L4.512 0.671999C4.688 0.495999 4.856 0.495999 5.016 0.671999L6.048 1.68C6.224 1.856 6.224 2.024 6.048 2.184L3.648 4.44L13.584 4.44C13.824 4.44 13.944 4.56 13.944 4.8L13.944 6.408C13.944 6.648 13.824 6.768 13.584 6.768L3.72 6.768L6.024 8.808C6.216 8.968 6.224 9.136 6.048 9.312Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .leftArr {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftArr {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftArr {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftArr {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftArr {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftArr {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftArr {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftArr {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftArr {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftArr {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftArr {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftArr {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftArr {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftArr {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftArr {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftArr {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftArr {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftArr {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftArr {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftArr {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #lscustoms .leftArr {
    height: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .leftArr {
    height: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .leftArr {
    height: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .leftArr {
    height: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .leftArr {
    height: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .leftArr {
    height: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .leftArr {
    height: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .leftArr {
    height: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .leftArr {
    height: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .leftArr {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .leftArr {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .leftArr {
    height: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .leftArr {
    height: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .leftArr {
    height: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .leftArr {
    height: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .leftArr {
    height: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .leftArr {
    height: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .leftArr {
    height: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .leftArr {
    height: 24.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .leftArr {
    height: 34.65px;
  }
}
#lscustoms .rightArr {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.952 9.312L8.984 10.32C9.144 10.512 9.312 10.52 9.488 10.344L13.544 6.456C13.672 6.296 13.736 6.152 13.736 6.024L13.736 5.184C13.736 5.056 13.672 4.912 13.544 4.752L9.488 0.671999C9.312 0.495999 9.144 0.495999 8.984 0.671999L7.952 1.68C7.776 1.856 7.776 2.024 7.952 2.184L10.352 4.44L0.415999 4.44C0.175999 4.44 0.0559986 4.56 0.0559986 4.8L0.0559987 6.408C0.0559987 6.648 0.175999 6.768 0.415999 6.768L10.28 6.768L7.976 8.808C7.784 8.968 7.776 9.136 7.952 9.312Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .rightArr {
    width: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightArr {
    width: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightArr {
    width: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightArr {
    width: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightArr {
    width: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightArr {
    width: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightArr {
    width: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightArr {
    width: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightArr {
    width: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightArr {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightArr {
    width: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightArr {
    width: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightArr {
    width: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightArr {
    width: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightArr {
    width: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightArr {
    width: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightArr {
    width: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightArr {
    width: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightArr {
    width: 31.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightArr {
    width: 44.1px;
  }
}
@media (max-width: 799px) {
  #lscustoms .rightArr {
    height: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .rightArr {
    height: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .rightArr {
    height: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .rightArr {
    height: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .rightArr {
    height: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .rightArr {
    height: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .rightArr {
    height: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .rightArr {
    height: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .rightArr {
    height: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .rightArr {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .rightArr {
    height: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .rightArr {
    height: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .rightArr {
    height: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .rightArr {
    height: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .rightArr {
    height: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .rightArr {
    height: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .rightArr {
    height: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .rightArr {
    height: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .rightArr {
    height: 24.75px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .rightArr {
    height: 34.65px;
  }
}
#lscustoms .range {
  background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGQ9Ik01MTIuMDA4IDBjLTE5OC44MDggMC0zNjAuNTQ2IDE2NC4yOC0zNjAuNTQ2IDM2Ni4xOTh2MjkxLjYxNmMwIDIwMS45MTcgMTYxLjczOCAzNjYuMTg2IDM2MC41NDYgMzY2LjE4NiAxOTguNzk4IDAgMzYwLjU1LTE2My43NzMgMzYwLjU1LTM2NS4wNjh2LTI5Mi43MzRjMC0yMDEuOTE4LTE2MS43NTMtMzY2LjE5OC0zNjAuNTUtMzY2LjE5OHpNODA0Ljc0MiA2NTguOTMyYzAgMTYzLjkwNy0xMzEuMzEyIDI5Ny4yNTUtMjkyLjczNCAyOTcuMjU1LTE2MS40MDggMC0yOTIuNzMtMTMzLjg1Ni0yOTIuNzMtMjk4LjM4NnYtMjkxLjYwNGMwLTE2NC41MyAxMzEuMzIyLTI5OC4zODQgMjkyLjczLTI5OC4zODQgMTYxLjQyMiAwIDI5Mi43MzQgMTMzLjg1NCAyOTIuNzM0IDI5OC4zODR2MjkyLjczNHoiPjwvcGF0aD4KPHBhdGggZD0iTTUxMi4wMDQgMjgwLjI5OGMtMTguNzI3IDAtMzMuOTA2IDE1LjE4LTMzLjkwNiAzMy45MDh2MTE4LjY3NGMwIDE4LjczMSAxNS4xNzkgMzMuOTEgMzMuOTA2IDMzLjkxczMzLjkxLTE1LjE3OSAzMy45MS0zMy45MXYtMTE4LjY3NGMwLTE4LjcyOC0xNS4xODMtMzMuOTA4LTMzLjkxLTMzLjkwOHoiPjwvcGF0aD4KPC9zdmc+Cg==");
  background-size: cover;
  color: white;
}
@media (max-width: 799px) {
  #lscustoms .range {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .range {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .range {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .range {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .range {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .range {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .range {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .range {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .range {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .range {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .range {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .range {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .range {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .range {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .range {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .range {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .range {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .range {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .range {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .range {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #lscustoms .range {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .range {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .range {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .range {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .range {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .range {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .range {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .range {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .range {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .range {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .range {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .range {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .range {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .range {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .range {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .range {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .range {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .range {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .range {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .range {
    height: 81.9px;
  }
}
#lscustoms .ic1 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19.9975 15.6064C19.996 15.5629 19.9944 15.5192 19.9929 15.4754C19.9913 15.4316 19.9897 15.3876 19.9881 15.3434L19.9868 15.3104L19.9862 15.2938L19.986 15.2897L19.9856 15.2526L19.9855 15.2509L19.985 15.244L19.9807 15.1891C19.975 15.1159 19.9693 15.0423 19.9636 14.9688L19.9592 14.9131L19.9527 14.8409C19.9481 14.7929 19.9436 14.7449 19.9391 14.697C19.9344 14.6492 19.9297 14.6014 19.925 14.5538C19.9226 14.5301 19.9202 14.5063 19.9178 14.4827C19.9149 14.4607 19.912 14.4389 19.9091 14.417C19.8851 14.2435 19.8637 14.073 19.8331 13.909C19.8187 13.827 19.8053 13.7463 19.7903 13.6677C19.774 13.5893 19.758 13.5126 19.7424 13.438C19.7129 13.2885 19.6758 13.149 19.6446 13.02C19.6366 12.9878 19.6287 12.9562 19.6211 12.9254C19.6126 12.8947 19.6043 12.8648 19.5961 12.8356C19.5797 12.7774 19.5641 12.7221 19.5494 12.6703C19.5344 12.6185 19.5213 12.5698 19.5075 12.5252C19.4933 12.4808 19.4803 12.44 19.4685 12.4031C19.4511 12.3489 19.4364 12.3032 19.4248 12.2672C19.4076 12.2139 19.3513 12.184 19.2975 12.1993L15.9162 13.1629C15.8647 13.1776 15.8327 13.2289 15.8425 13.2816C15.8462 13.3013 15.8504 13.3238 15.8551 13.349C15.8599 13.3743 15.8652 13.4025 15.871 13.4331C15.8765 13.4637 15.8808 13.4973 15.8864 13.5329C15.8918 13.5684 15.8976 13.6063 15.9037 13.6462C15.9066 13.6661 15.9101 13.6864 15.9129 13.7074C15.9153 13.7285 15.9177 13.7501 15.9203 13.7721C15.9297 13.8602 15.9437 13.9546 15.95 14.0559C15.9542 14.1062 15.9585 14.158 15.9628 14.2108C15.9661 14.2638 15.9678 14.3182 15.9706 14.3731C15.9779 14.4829 15.9765 14.5971 15.9786 14.7124L15.9791 14.7553L15.9776 14.7933C15.9767 14.8186 15.9759 14.844 15.975 14.8695C15.9743 14.8948 15.9736 14.9202 15.9729 14.9456L15.9721 14.9837L15.9698 15.0385C15.9667 15.1122 15.9635 15.1859 15.9604 15.2593L15.958 15.3143L15.9577 15.3212L15.9577 15.3229C15.9577 15.3311 15.957 15.2574 15.9572 15.2892L15.957 15.2919L15.956 15.3028L15.954 15.3245C15.9513 15.3534 15.9487 15.3822 15.9461 15.4109C15.9436 15.4395 15.9411 15.468 15.9387 15.4964C15.9353 15.5246 15.932 15.5528 15.9286 15.5807C15.9214 15.6365 15.917 15.6917 15.9081 15.7456C15.9003 15.7994 15.8927 15.8523 15.8852 15.9042C15.8762 15.9557 15.8674 16.006 15.8589 16.0551C15.8512 16.1041 15.8409 16.1514 15.8317 16.1971C15.8221 16.2427 15.8145 16.287 15.8045 16.3291C15.7948 16.3712 15.7855 16.4114 15.7767 16.4497C15.7723 16.4686 15.768 16.4871 15.7639 16.505C15.7596 16.5204 15.7555 16.5353 15.7515 16.5497C15.7492 16.5586 15.7469 16.5669 15.7446 16.5754H19.8802C19.9357 16.5754 19.9818 16.5319 19.9839 16.4766C19.984 16.4762 19.984 16.4759 19.984 16.4756C19.9874 16.3986 19.991 16.3195 19.9946 16.2386C19.9961 16.1579 19.9977 16.0754 19.9993 15.9914C20.0016 15.9076 19.9991 15.8224 19.9989 15.7363C19.9984 15.6932 19.9979 15.6499 19.9975 15.6064Z' fill='white'/%3E%3Cpath d='M18.9216 11.2659C18.977 11.2436 19.0023 11.1793 18.9768 11.1253C18.9654 11.1013 18.9521 11.0732 18.9371 11.0414C18.9228 11.0116 18.9071 10.9785 18.8901 10.9425C18.868 10.8976 18.8441 10.8489 18.8186 10.7969C18.7929 10.7452 18.7655 10.6901 18.7366 10.632C18.722 10.6018 18.7076 10.5769 18.6926 10.5486C18.6776 10.5209 18.6622 10.4925 18.6466 10.4636C18.615 10.4058 18.5828 10.3454 18.5482 10.2836C18.5125 10.2224 18.4756 10.1591 18.4376 10.0941C18.4186 10.0616 18.3993 10.0287 18.3797 9.99546C18.3593 9.9627 18.3386 9.92954 18.3177 9.89602C18.2756 9.82927 18.2327 9.76103 18.189 9.69169C18.0969 9.5559 18.0051 9.41388 17.9028 9.27567C17.8776 9.24087 17.8523 9.20594 17.827 9.17091L17.7889 9.1184L17.7492 9.06676C17.6962 8.99807 17.6429 8.92914 17.5897 8.86019C17.5355 8.79205 17.4794 8.72533 17.4244 8.65836C17.3966 8.6251 17.3697 8.59135 17.3413 8.55885C17.3129 8.52645 17.2846 8.49413 17.2563 8.46194C17.228 8.42988 17.1999 8.39788 17.1718 8.36607C17.144 8.33413 17.1159 8.30274 17.0869 8.27239C17.0296 8.21131 16.973 8.151 16.9172 8.09165C16.8615 8.03249 16.8037 7.97689 16.7487 7.92131C16.6934 7.86603 16.6395 7.81173 16.5846 7.76131C16.5303 7.71045 16.4774 7.66098 16.4263 7.6131C16.3754 7.56512 16.3234 7.52154 16.275 7.47839C16.2261 7.43569 16.1793 7.39479 16.1348 7.35588C16.0892 7.31826 16.0459 7.2826 16.0052 7.24908C15.9645 7.21569 15.9264 7.18445 15.8912 7.15557C15.8559 7.12679 15.8222 7.10184 15.7924 7.07858C15.7491 7.04534 15.7125 7.01725 15.6834 6.99494C15.6391 6.96091 15.5759 6.96818 15.5403 7.01127L13.7255 9.20802C13.6913 9.24946 13.6942 9.31 13.7324 9.34781C13.7475 9.3628 13.7651 9.38015 13.7848 9.39967C13.8037 9.41864 13.8253 9.43872 13.8475 9.46217C13.8697 9.4856 13.8936 9.51097 13.9193 9.53805C13.9449 9.56499 13.9722 9.59367 14.0009 9.6239C14.0287 9.6551 14.0578 9.68796 14.0882 9.72221C14.1183 9.75678 14.1511 9.7911 14.1824 9.82937C14.2139 9.86727 14.2465 9.90642 14.28 9.9467C14.3141 9.98623 14.3467 10.0292 14.3804 10.0725C14.4138 10.1162 14.4494 10.1592 14.4829 10.2054C14.5165 10.2514 14.5506 10.2982 14.5851 10.3456C14.6027 10.3689 14.6194 10.3932 14.6358 10.4179C14.6524 10.4424 14.6691 10.467 14.6859 10.4917C14.7027 10.5163 14.7196 10.541 14.7365 10.5658C14.7534 10.5906 14.7689 10.6165 14.7852 10.6419C14.8173 10.6931 14.8505 10.7435 14.882 10.7951C14.9127 10.8472 14.9434 10.8992 14.9739 10.9511L14.9969 10.9898L15.0184 11.0293C15.0327 11.0555 15.047 11.0817 15.0613 11.1078C15.1201 11.2107 15.1698 11.3168 15.2218 11.4165C15.2456 11.4676 15.269 11.5179 15.2919 11.5671C15.3033 11.5916 15.3146 11.6159 15.3258 11.6398C15.3362 11.6642 15.3465 11.6882 15.3566 11.712C15.3769 11.7593 15.3966 11.8053 15.4158 11.8498C15.4334 11.8949 15.4505 11.9385 15.4669 11.9803C15.4751 12.0012 15.4831 12.0217 15.4909 12.0416C15.4983 12.0611 15.5075 12.0822 15.5124 12.0985C15.5241 12.1325 15.5351 12.1649 15.5455 12.1953C15.5562 12.2255 15.5661 12.2537 15.5753 12.2799C15.5874 12.3159 15.5984 12.3489 15.6084 12.3787C15.6196 12.4121 15.6294 12.4416 15.6378 12.4668C15.6567 12.5235 15.7195 12.5524 15.775 12.5301L18.9216 11.2659Z' fill='white'/%3E%3Cpath d='M9.68047 7.34195C9.70797 7.34569 9.73837 7.34984 9.7715 7.35437C9.80443 7.36009 9.84005 7.3663 9.87809 7.37294C9.91607 7.37946 9.95649 7.38639 9.99908 7.39372C10.0361 7.39986 10.0744 7.40879 10.1143 7.41713L11.2596 5.07434C11.2029 5.06548 11.1465 5.05668 11.0914 5.04807C11.0536 5.04245 11.0163 5.03598 10.9793 5.03135C10.9422 5.02687 10.9056 5.02242 10.8694 5.01805C10.7972 5.00948 10.727 5.00112 10.6591 4.99306C10.591 4.98722 10.5252 4.98158 10.4621 4.97617C10.3989 4.97133 10.3387 4.96495 10.281 4.96221C10.2235 4.95939 10.1689 4.9567 10.1176 4.95417C10.0663 4.95175 10.0183 4.9495 9.97403 4.94739C9.92967 4.94668 9.88891 4.94602 9.85209 4.94543C9.8003 4.9448 9.75635 4.94428 9.7211 4.94386C9.66521 4.94318 9.61896 4.98687 9.61628 5.0427L9.51184 7.22327C9.50927 7.277 9.54803 7.32378 9.60131 7.33108C9.62401 7.3342 9.65047 7.33784 9.68047 7.34195Z' fill='white'/%3E%3Cpath d='M12.7582 8.54258C12.789 8.56496 12.8182 8.58618 12.8456 8.60616C12.873 8.62582 12.8987 8.64422 12.9225 8.66125C12.9328 8.66833 12.9498 8.68121 12.9637 8.69153C12.978 8.7022 12.9916 8.71237 13.0045 8.72201C13.0327 8.74304 13.0576 8.76161 13.0789 8.77751C13.1268 8.81325 13.1948 8.80117 13.2276 8.75119L14.7229 6.47338C14.7558 6.4234 14.7398 6.35618 14.688 6.32644C14.6649 6.31322 14.638 6.29776 14.6075 6.28027C14.5935 6.27223 14.5788 6.26378 14.5633 6.2549C14.5464 6.24536 14.5288 6.23538 14.5104 6.22498C14.4678 6.20153 14.4218 6.17621 14.3727 6.14911C14.3235 6.12231 14.2711 6.09381 14.216 6.06372C14.1634 6.03738 14.1082 6.0097 14.0505 5.9808C13.9926 5.95254 13.9335 5.92111 13.8702 5.89259C13.8071 5.8637 13.742 5.83383 13.675 5.80311C13.6084 5.7717 13.5382 5.74317 13.4669 5.71324C13.3953 5.68393 13.3233 5.65189 13.2481 5.62362C13.229 5.6164 13.2097 5.60909 13.1905 5.60181L12.5454 8.40176C12.5811 8.42416 12.6147 8.44791 12.6478 8.46934C12.6863 8.49487 12.7231 8.51932 12.7582 8.54258Z' fill='white'/%3E%3Cpath d='M7.67198 7.33039C7.70087 7.32658 7.72922 7.32187 7.75754 7.31888C7.78586 7.31602 7.81383 7.31317 7.84141 7.31035C7.89647 7.30465 7.95 7.29909 8.00181 7.2937C8.05377 7.29023 8.10398 7.28686 8.15217 7.28362C8.17621 7.28197 8.19975 7.28037 8.22276 7.2788C8.24571 7.27726 8.2687 7.2753 8.2884 7.27528C8.32901 7.27421 8.36756 7.27322 8.40375 7.27227C8.43983 7.27113 8.47356 7.27006 8.5048 7.26907C8.54331 7.26882 8.57868 7.26859 8.61059 7.26837C8.64575 7.26819 8.67682 7.26802 8.70339 7.26787C8.76318 7.26755 8.81017 7.21692 8.80625 7.15726L8.67164 5.10317C8.66771 5.0435 8.61453 4.99944 8.55522 5.00693C8.52884 5.01026 8.49804 5.01416 8.46316 5.01856C8.43082 5.02266 8.39501 5.02723 8.35602 5.0322C8.30996 5.03904 8.26015 5.04641 8.20691 5.0543C8.15383 5.06239 8.09733 5.071 8.03777 5.08007C8.00729 5.08437 7.97922 5.09007 7.94977 5.09563C7.9204 5.10123 7.89036 5.10698 7.85969 5.11283C7.79845 5.12466 7.73468 5.137 7.66861 5.14976C7.60308 5.16468 7.53529 5.18013 7.46563 5.19599C7.43087 5.20397 7.39563 5.21207 7.35996 5.22028C7.32434 5.22862 7.28861 5.23881 7.25238 5.24818C7.18007 5.26744 7.10624 5.28712 7.03112 5.30712C6.95676 5.32954 6.88116 5.35232 6.80466 5.3754C6.76651 5.38721 6.72796 5.39834 6.68965 5.41095C6.6515 5.42399 6.61308 5.43706 6.57455 5.45022C6.53609 5.4634 6.49748 5.47662 6.45876 5.4899C6.42003 5.50308 6.38123 5.51632 6.34295 5.53142C6.26622 5.5607 6.18919 5.59011 6.11215 5.61952C6.03546 5.64954 5.96003 5.6828 5.88443 5.71428C5.84674 5.73034 5.80895 5.74584 5.77171 5.76232C5.73472 5.77939 5.69786 5.7964 5.66112 5.81337C5.62447 5.83034 5.58795 5.84727 5.55163 5.86409C5.51531 5.88089 5.47915 5.89743 5.44399 5.91569C5.37342 5.95131 5.30371 5.98651 5.23517 6.02112C5.1666 6.0555 5.10125 6.09343 5.03635 6.12836C4.97174 6.16394 4.9082 6.19788 4.84826 6.23444C4.78799 6.27019 4.72936 6.30499 4.67264 6.33863C4.61576 6.37181 4.563 6.40764 4.51129 6.44002C4.45995 6.47293 4.41075 6.50448 4.36395 6.53448C4.31816 6.56592 4.27471 6.59573 4.23388 6.62375C4.19317 6.65179 4.15506 6.67802 4.11982 6.70229C4.08462 6.72657 4.05349 6.75063 4.02479 6.77143C3.98591 6.80015 3.95271 6.82465 3.92584 6.84448C3.88098 6.8776 3.87045 6.94014 3.90182 6.98627L4.75477 8.24028C4.78513 8.28492 4.84447 8.29892 4.89148 8.27237C4.91315 8.26016 4.93875 8.2457 4.96795 8.22923C4.9934 8.21515 5.02094 8.19852 5.05203 8.18233C5.0831 8.16612 5.1167 8.14864 5.1526 8.12995C5.18839 8.11123 5.22649 8.09132 5.26664 8.07033C5.30748 8.05075 5.35041 8.03016 5.39521 8.00869C5.44022 7.98772 5.48588 7.9637 5.53512 7.94275C5.58399 7.9213 5.63451 7.89913 5.68647 7.87633C5.7379 7.85264 5.79239 7.83195 5.8475 7.80985C5.90291 7.78837 5.95841 7.76408 6.01653 7.74355C6.07441 7.72269 6.13327 7.70149 6.19283 7.68001C6.22236 7.66879 6.25276 7.6593 6.28323 7.64957C6.31363 7.63978 6.3442 7.62995 6.37487 7.62008C6.40548 7.61018 6.43622 7.60025 6.46704 7.59027C6.49803 7.58086 6.52946 7.57244 6.56068 7.56343C6.6234 7.54608 6.68569 7.52684 6.74885 7.51071C6.81205 7.49507 6.87525 7.47943 6.93819 7.46387C6.96944 7.45555 7.00114 7.44905 7.0327 7.44254C7.06419 7.43591 7.0956 7.4293 7.12691 7.42271C7.15811 7.41608 7.1892 7.40949 7.22015 7.40292C7.25116 7.39673 7.28234 7.39195 7.3131 7.38642C7.37461 7.37574 7.43537 7.36517 7.49516 7.35482C7.55516 7.34654 7.61417 7.33837 7.67198 7.33039Z' fill='white'/%3E%3Cpath d='M1.85602 8.95173C1.83366 8.98335 1.81122 9.01512 1.78867 9.04702C1.76619 9.07889 1.74362 9.11089 1.72097 9.143C1.69842 9.17514 1.67732 9.20849 1.65539 9.24129C1.61215 9.30733 1.56789 9.37287 1.52554 9.43965C1.48417 9.50699 1.4428 9.57434 1.4016 9.64144L1.37086 9.69167L1.34168 9.74272C1.32229 9.77666 1.30297 9.81053 1.2837 9.84424C1.20497 9.97798 1.13657 10.1147 1.06705 10.2446C1.03469 10.3108 1.00286 10.3759 0.971705 10.4396C0.956252 10.4715 0.940947 10.503 0.925853 10.5341C0.911642 10.5656 0.897621 10.5968 0.883768 10.6276C0.85619 10.689 0.829369 10.7488 0.803411 10.8066C0.7792 10.8652 0.75579 10.9217 0.733327 10.976C0.711306 11.0304 0.689053 11.082 0.670085 11.132C0.651369 11.182 0.633601 11.2295 0.616885 11.2741C0.600253 11.3187 0.584695 11.3604 0.570316 11.3989C0.557032 11.4379 0.544843 11.4737 0.533811 11.506C0.519496 11.5485 0.507201 11.5849 0.497159 11.6148C0.479369 11.6675 0.506422 11.7248 0.558422 11.7447L1.35231 12.0491C1.40284 12.0684 1.45975 12.0458 1.48309 11.997C1.49467 11.9728 1.5085 11.9439 1.5244 11.9107C1.53758 11.8833 1.55215 11.8529 1.56804 11.8199C1.58492 11.7873 1.60318 11.7522 1.62269 11.7145C1.64215 11.6771 1.66282 11.6371 1.68463 11.595C1.70661 11.553 1.73191 11.5099 1.75703 11.4645C1.78246 11.4192 1.80897 11.3721 1.8364 11.3233C1.8653 11.2755 1.89518 11.2259 1.92591 11.175C1.94122 11.1496 1.95673 11.1239 1.97244 11.0978C1.98897 11.0722 2.0057 11.0464 2.02261 11.0202C2.05642 10.968 2.09097 10.9147 2.1261 10.8604C2.20076 10.7547 2.27377 10.6434 2.35627 10.536C2.37642 10.5089 2.39665 10.4817 2.41694 10.4544L2.44737 10.4134L2.47924 10.3733C2.52168 10.3199 2.56429 10.2662 2.6069 10.2126C2.65029 10.1596 2.69532 10.108 2.73909 10.056C2.76128 10.0302 2.78259 10.0038 2.8053 9.9787C2.82804 9.95363 2.85069 9.92861 2.87326 9.90371C2.89579 9.87883 2.91821 9.85405 2.94052 9.82937C2.96263 9.80457 2.98494 9.78021 3.00812 9.75687C3.05372 9.70965 3.09877 9.66299 3.14309 9.61708C3.18732 9.57125 3.23349 9.52872 3.27707 9.48573C3.32098 9.44306 3.36347 9.40095 3.40722 9.36236C3.45025 9.32321 3.4921 9.28512 3.53261 9.24826C3.57277 9.21118 3.61416 9.17809 3.65239 9.14487C3.69088 9.11209 3.72776 9.08068 3.76284 9.05081C3.79728 9.02354 3.82995 8.99769 3.86065 8.97335C3.89117 8.94906 3.91974 8.9263 3.94616 8.90525C3.95829 8.89523 3.97471 8.88323 3.98858 8.87268C4.00281 8.86192 4.01639 8.85169 4.02928 8.84199C4.05734 8.82079 4.08212 8.80209 4.10334 8.78609C4.15107 8.75007 4.15846 8.6814 4.11964 8.63592L3.21574 7.577C3.17692 7.53153 3.10793 7.52805 3.06488 7.56952C3.04574 7.58797 3.02336 7.6095 2.99806 7.6339C2.98644 7.64508 2.97418 7.65689 2.96134 7.66925C2.94827 7.68195 2.93583 7.6935 2.91962 7.71007C2.88863 7.74133 2.85513 7.77517 2.81932 7.81129C2.7837 7.84744 2.74579 7.8859 2.70581 7.92645C2.66865 7.9667 2.62958 8.00902 2.58882 8.05317C2.54856 8.09765 2.50515 8.14247 2.46315 8.19161C2.42099 8.24049 2.37741 8.29104 2.33259 8.34298C2.28722 8.3943 2.24332 8.44944 2.19817 8.50538C2.15334 8.56161 2.1061 8.61771 2.06103 8.67716C2.01608 8.73662 1.9704 8.79706 1.92417 8.85828C1.90067 8.88862 1.87821 8.91994 1.85602 8.95173Z' fill='white'/%3E%3Cpath d='M0.213789 12.6645C0.208505 12.6905 0.202315 12.721 0.195305 12.7554C0.188884 12.787 0.181768 12.8221 0.174021 12.8602C0.166421 12.8992 0.158989 12.9452 0.150694 12.9922C0.142526 13.0396 0.133852 13.0901 0.124716 13.1434C0.120294 13.1699 0.115242 13.1973 0.111052 13.2249C0.107326 13.2524 0.103537 13.2805 0.0996419 13.3091C0.0848209 13.4239 0.0653051 13.5475 0.054063 13.6794C0.0475367 13.7452 0.040842 13.8127 0.0339999 13.8817C0.0283578 13.9508 0.0245894 14.0216 0.0197263 14.0934C0.00835788 14.2367 0.00627367 14.3855 0.00153684 14.5359L0 14.5924L0.000273684 14.6492C0.000484209 14.6871 0.000694735 14.7251 0.000905261 14.7632C0.00113684 14.8012 0.00136842 14.8393 0.00157894 14.8775L0.00193684 14.9347L0.00412631 14.9919C0.00722104 15.0681 0.0103158 15.1443 0.0134105 15.2201L0.0157473 15.2769L0.0164631 15.2952L0.0174736 15.3089L0.0194947 15.3363C0.0221894 15.3727 0.0248631 15.4091 0.0275368 15.4453C0.0302105 15.4816 0.0328841 15.5176 0.0355157 15.5535C0.0391578 15.5909 0.0427578 15.6282 0.0463788 15.6653C0.0500209 15.7023 0.053642 15.7391 0.057242 15.7756C0.0590525 15.7938 0.060863 15.812 0.0626735 15.8301C0.0649262 15.8479 0.0671788 15.8656 0.0694104 15.8833C0.0783788 15.9539 0.0871998 16.0232 0.0958314 16.0911C0.106252 16.1587 0.116442 16.2249 0.126337 16.2893C0.1356 16.3536 0.147537 16.4159 0.158505 16.4761C0.15941 16.4809 0.160315 16.4857 0.1612 16.4904C0.170358 16.5397 0.213178 16.5753 0.26322 16.5753H0.54303C0.602778 16.5753 0.650188 16.525 0.646672 16.4654C0.645725 16.4495 0.644756 16.4334 0.643683 16.4172C0.640188 16.3591 0.635978 16.2993 0.63463 16.2376C0.632609 16.1759 0.630546 16.1126 0.62842 16.0479C0.62802 15.9832 0.62762 15.9171 0.62722 15.8499C0.627114 15.8331 0.627009 15.8163 0.626904 15.7994C0.627262 15.7827 0.627641 15.766 0.62802 15.7492C0.628757 15.7156 0.629493 15.6819 0.630251 15.6479C0.630988 15.6139 0.631746 15.5798 0.632504 15.5454C0.634188 15.5095 0.635851 15.4733 0.637556 15.4371C0.639241 15.4008 0.640946 15.3644 0.64263 15.3279L0.643914 15.3004L0.644546 15.2867L0.64463 15.285C0.64463 15.2806 0.644714 15.289 0.644756 15.2876L0.645009 15.2843L0.645535 15.2776L0.649788 15.2245C0.65543 15.1537 0.661093 15.0826 0.666777 15.0115L0.671114 14.9583L0.677241 14.9053C0.681325 14.8699 0.685388 14.8347 0.689451 14.7994C0.693493 14.7642 0.697535 14.7291 0.701556 14.6941L0.707556 14.6418L0.715325 14.5897C0.73663 14.4514 0.754735 14.3154 0.781262 14.1851C0.793704 14.1198 0.80484 14.0556 0.817619 13.9931C0.831535 13.9308 0.845135 13.8699 0.858377 13.8107C0.882882 13.6919 0.914651 13.5815 0.940503 13.4792C0.947135 13.4536 0.953619 13.4286 0.959956 13.4042C0.966651 13.3801 0.973872 13.3573 0.980524 13.3348C0.993935 13.2899 1.00667 13.2473 1.01863 13.2072C1.03086 13.1668 1.0409 13.1307 1.05261 13.0945C1.06488 13.0575 1.07612 13.0236 1.08631 12.993C1.09739 12.9596 1.10718 12.9302 1.11556 12.9049C1.1344 12.8482 1.10149 12.7874 1.04372 12.772L0.342273 12.585C0.284484 12.5695 0.225705 12.6059 0.213789 12.6645Z' fill='white'/%3E%3Cpath d='M8.15429 16.3003C8.3825 16.4118 8.62425 16.4647 8.86225 16.4647C9.45968 16.4647 10.0338 16.1318 10.3139 15.559C10.3678 15.4487 10.4096 15.3269 10.4367 15.2123L12.0699 8.12353L12.6919 5.42389L13.0772 3.75154C13.1221 3.55691 12.9672 3.42432 12.8119 3.42432C12.721 3.42432 12.6299 3.46977 12.5785 3.5748L11.7944 5.17865L10.6377 7.54467L7.41297 14.1407C7.02132 14.9417 7.35324 15.9086 8.15429 16.3003ZM8.92212 14.0175C9.35915 14.0175 9.71344 14.3717 9.71344 14.8088C9.71344 15.2458 9.35915 15.6001 8.92212 15.6001C8.48509 15.6001 8.1308 15.2458 8.1308 14.8088C8.1308 14.3717 8.48509 14.0175 8.92212 14.0175Z' fill='%235CC48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .ic1 {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic1 {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic1 {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic1 {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic1 {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic1 {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic1 {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic1 {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic1 {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic1 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic1 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic1 {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic1 {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic1 {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic1 {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic1 {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic1 {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic1 {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic1 {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic1 {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #lscustoms .ic1 {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic1 {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic1 {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic1 {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic1 {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic1 {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic1 {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic1 {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic1 {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic1 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic1 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic1 {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic1 {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic1 {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic1 {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic1 {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic1 {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic1 {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic1 {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic1 {
    height: 63px;
  }
}
#lscustoms .ic2 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M11 10.5L2.75 15.2631L2.75 5.73686L11 10.5Z' fill='white'/%3E%3Cpath d='M19 10.5L10.75 15.2631L10.75 5.73686L19 10.5Z' fill='%235CC48B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .ic2 {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic2 {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic2 {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic2 {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic2 {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic2 {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic2 {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic2 {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic2 {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic2 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic2 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic2 {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic2 {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic2 {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic2 {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic2 {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic2 {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic2 {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic2 {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic2 {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #lscustoms .ic2 {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic2 {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic2 {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic2 {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic2 {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic2 {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic2 {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic2 {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic2 {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic2 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic2 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic2 {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic2 {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic2 {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic2 {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic2 {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic2 {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic2 {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic2 {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic2 {
    height: 63px;
  }
}
#lscustoms .ic3 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19.9959 9.73165C19.3811 4.41509 15.7919 0.812784 10.3101 0.0145031C9.95918 -0.0365516 9.64941 0.247394 9.64941 0.602003V4.54892C11.1475 4.68337 12.5318 5.33341 13.611 6.41259C14.6902 7.49177 15.3402 8.88396 15.4747 10.382H19.4059C19.7534 10.382 20.0358 10.0768 19.9959 9.73165Z' fill='%235CC48B'/%3E%3Cpath d='M11.6238 10.4732C11.3752 9.44956 10.5355 8.60996 9.51184 8.36124C7.33512 7.83246 5.41277 9.75472 5.94156 11.9315C6.19027 12.9552 7.02988 13.7948 8.05356 14.0435C10.2303 14.5723 12.1526 12.65 11.6238 10.4732ZM8.78274 12.9602C7.81344 12.9602 7.02492 12.1716 7.02492 11.2023C7.02492 10.233 7.81344 9.44453 8.78274 9.44453C9.75203 9.44453 10.5405 10.233 10.5405 11.2023C10.5405 12.1716 9.75203 12.9602 8.78274 12.9602Z' fill='white'/%3E%3Cpath d='M8.78271 10.6165C8.45943 10.6165 8.19678 10.8791 8.19678 11.2024C8.19678 11.5257 8.45943 11.7883 8.78271 11.7883C9.106 11.7883 9.36865 11.5257 9.36865 11.2024C9.36865 10.8791 9.106 10.6165 8.78271 10.6165Z' fill='white'/%3E%3Cpath d='M14.6357 11.7883C14.3069 11.7883 14.0636 11.5131 14.0624 11.1843C14.0577 9.7851 13.5088 8.46866 12.5158 7.47561C11.5227 6.48256 10.2063 5.93366 8.80711 5.92893C8.47832 5.92788 8.20309 5.68452 8.20309 5.35573V2.44299C3.53184 2.75319 -0.155387 6.71858 0.00504314 11.5028C0.157192 16.0403 3.9511 19.8342 8.48864 19.9864C13.2729 20.1468 17.2382 16.4596 17.5484 11.7883H14.6357ZM4.23149 6.64483C4.46032 6.416 4.83129 6.416 5.06012 6.64483C5.28899 6.87366 5.28899 7.24463 5.06012 7.47346C4.83129 7.70229 4.46032 7.70229 4.23149 7.47346C4.00266 7.24463 4.0027 6.87366 4.23149 6.64483ZM2.92965 11.7883C2.60606 11.7883 2.34371 11.526 2.34371 11.2024C2.34371 10.8787 2.60606 10.6164 2.92965 10.6164C3.25325 10.6164 3.51559 10.8787 3.51559 11.2024C3.51559 11.526 3.25325 11.7883 2.92965 11.7883ZM5.06012 15.7599C4.83129 15.9887 4.46032 15.9887 4.23149 15.7599C4.00266 15.531 4.00266 15.16 4.23149 14.9312C4.46032 14.7024 4.83129 14.7024 5.06012 14.9312C5.28899 15.16 5.28899 15.531 5.06012 15.7599ZM8.78903 17.6477C8.46543 17.6477 8.20309 17.3853 8.20309 17.0617C8.20309 16.7381 8.46543 16.4758 8.78903 16.4758C9.11262 16.4758 9.37496 16.7381 9.37496 17.0617C9.37496 17.3853 9.11262 17.6477 8.78903 17.6477ZM9.59282 15.227C6.7084 15.7782 4.21317 13.283 4.76434 10.3986C5.07067 8.79549 6.38219 7.48405 7.9852 7.17772C10.8696 6.62655 13.3648 9.12178 12.8137 12.0061C12.5073 13.6092 11.1959 14.9206 9.59282 15.227ZM13.3466 15.7599C13.1177 15.9887 12.7468 15.9887 12.5179 15.7599C12.2891 15.531 12.2891 15.16 12.5179 14.9312C12.7468 14.7024 13.1177 14.7024 13.3466 14.9312C13.5754 15.16 13.5754 15.531 13.3466 15.7599Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .ic3 {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic3 {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic3 {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic3 {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic3 {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic3 {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic3 {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic3 {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic3 {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic3 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic3 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic3 {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic3 {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic3 {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic3 {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic3 {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic3 {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic3 {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic3 {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic3 {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #lscustoms .ic3 {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic3 {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic3 {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic3 {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic3 {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic3 {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic3 {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic3 {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic3 {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic3 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic3 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic3 {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic3 {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic3 {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic3 {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic3 {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic3 {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic3 {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic3 {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic3 {
    height: 63px;
  }
}
#lscustoms .ic4 {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8125 6.54687C2.8125 6.87655 2.94094 7.18655 3.17406 7.41968L4.20938 8.45499L10.5872 14.8328L12.9044 17.15C13.2897 17.5353 13.9178 17.5891 14.3753 17.3172L2.98531 5.92749C2.87844 6.10999 2.8125 6.31999 2.8125 6.54687Z' fill='%235CC48B'/%3E%3Cpath d='M3.76765 8.89687C3.66077 8.78999 3.51421 8.72937 3.36389 8.72937C3.35921 8.72937 3.35483 8.72937 3.35015 8.72937C3.04483 8.73656 2.80014 8.98156 2.79264 9.28687C2.78889 9.44249 2.84983 9.59468 2.95983 9.70468L9.33766 16.0825C9.44516 16.1906 9.58859 16.25 9.74109 16.25C10.0564 16.25 10.3127 15.9937 10.3127 15.6784C10.3127 15.5259 10.2533 15.3825 10.1452 15.2744L3.76765 8.89687Z' fill='%235CC48B'/%3E%3Cpath d='M10.9377 7.8125H13.9389L13.4377 6.96V5.625H13.0555C12.5864 5.625 12.1268 5.81531 11.7952 6.14688L11.4599 6.48219C11.0755 6.86656 10.5833 7.10313 10.0518 7.1675C10.1755 7.54094 10.5236 7.8125 10.9377 7.8125Z' fill='white'/%3E%3Cpath d='M5.31094 15.4403L1.91313 12.0425C1.805 11.9344 1.66156 11.875 1.50906 11.875C1.19375 11.875 0.9375 12.1312 0.9375 12.4466C0.9375 12.5991 0.996875 12.7425 1.105 12.8506L4.77906 16.5247C5.23094 16.9766 6.01906 16.9766 6.47094 16.5247L7.68313 15.3125L6.56094 14.1903L5.31094 15.4403Z' fill='%235CC48B'/%3E%3Cpath d='M15.0884 12.7141L11.2491 10.6662C11.1984 10.6394 11.1416 10.625 11.0844 10.625H10.9753C10.7822 10.625 10.625 10.7822 10.625 10.9753C10.625 11.0691 10.6616 11.1569 10.7275 11.2231L13.895 14.3906C14.0866 14.5819 14.3409 14.6875 14.6116 14.6875C15.1703 14.6875 15.625 14.2328 15.625 13.6741V13.6078C15.625 13.2331 15.4194 12.8906 15.0884 12.7141Z' fill='white'/%3E%3Cpath d='M18.5666 2.5L14.1416 6.925L16.9394 11.6809L19.0622 9.55813V2.5H18.5666Z' fill='white'/%3E%3Cpath d='M14.3063 8.4375H10.9372C10.1732 8.4375 9.53787 7.885 9.4035 7.15937C9.23443 7.13437 9.06818 7.09344 8.90662 7.0325L4.56068 5.39219C4.421 5.33906 4.27443 5.3125 4.12506 5.3125H4.04662C3.81975 5.3125 3.61006 5.37844 3.42725 5.48531L14.8435 16.9019L17.4619 14.2834C17.6879 14.0575 17.8122 13.7569 17.8122 13.4375V12.5H16.696L14.3063 8.4375ZM16.2497 13.6741C16.2497 14.5775 15.5147 15.3125 14.6113 15.3125C14.1738 15.3125 13.7622 15.1422 13.4529 14.8325L10.2854 11.665C10.1013 11.4809 9.99975 11.2359 9.99975 10.9753C9.99975 10.4375 10.4372 10 10.9751 10H11.0841C11.2435 10 11.4022 10.0397 11.5429 10.1147L15.3826 12.1625C15.9176 12.4478 16.2497 13.0016 16.2497 13.6078V13.6741Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .ic4 {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic4 {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic4 {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic4 {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic4 {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic4 {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic4 {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic4 {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic4 {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic4 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic4 {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic4 {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic4 {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic4 {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic4 {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic4 {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic4 {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic4 {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic4 {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic4 {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #lscustoms .ic4 {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .ic4 {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .ic4 {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .ic4 {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .ic4 {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .ic4 {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .ic4 {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .ic4 {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .ic4 {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .ic4 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .ic4 {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .ic4 {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .ic4 {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .ic4 {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .ic4 {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .ic4 {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .ic4 {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .ic4 {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .ic4 {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .ic4 {
    height: 63px;
  }
}
#lscustoms .lvl {
  display: flex;
  align-items: center;
}
#lscustoms .lvl li {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L7.76336 3.57295L11.7063 4.1459L8.85317 6.92705L9.52671 10.8541L6 9L2.47329 10.8541L3.14683 6.92705L0.293661 4.1459L4.23664 3.57295L6 0Z' fill='%23171921'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
@media (max-width: 799px) {
  #lscustoms .lvl li {
    width: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .lvl li {
    width: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .lvl li {
    width: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .lvl li {
    width: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .lvl li {
    width: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .lvl li {
    width: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .lvl li {
    width: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .lvl li {
    width: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .lvl li {
    width: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .lvl li {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .lvl li {
    width: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .lvl li {
    width: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .lvl li {
    width: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .lvl li {
    width: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .lvl li {
    width: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    width: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    width: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    width: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    width: 27px;
  }
}
@media (min-width: 6000px) {
  #lscustoms .lvl li {
    width: 37.8px;
  }
}
@media (max-width: 799px) {
  #lscustoms .lvl li {
    height: 5.4px !important;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .lvl li {
    height: 6px !important;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .lvl li {
    height: 7.74px !important;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .lvl li {
    height: 8.22px !important;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .lvl li {
    height: 9px !important;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .lvl li {
    height: 8.4px !important;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .lvl li {
    height: 10.2px !important;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .lvl li {
    height: 9.6px !important;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .lvl li {
    height: 11.4px !important;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .lvl li {
    height: 12px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .lvl li {
    height: 12px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .lvl li {
    height: 15px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .lvl li {
    height: 16.2px !important;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .lvl li {
    height: 15.6px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .lvl li {
    height: 15px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    height: 19.8px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    height: 24px !important;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    height: 19.8px !important;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    height: 27px !important;
  }
}
@media (min-width: 6000px) {
  #lscustoms .lvl li {
    height: 37.8px !important;
  }
}
@media (max-width: 799px) {
  #lscustoms .lvl li {
    margin-right: 2.25px !important;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #lscustoms .lvl li {
    margin-right: 2.5px !important;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #lscustoms .lvl li {
    margin-right: 3.225px !important;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #lscustoms .lvl li {
    margin-right: 3.425px !important;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #lscustoms .lvl li {
    margin-right: 3.75px !important;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #lscustoms .lvl li {
    margin-right: 3.5px !important;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #lscustoms .lvl li {
    margin-right: 4.25px !important;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #lscustoms .lvl li {
    margin-right: 4px !important;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #lscustoms .lvl li {
    margin-right: 4.75px !important;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #lscustoms .lvl li {
    margin-right: 5px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #lscustoms .lvl li {
    margin-right: 5px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #lscustoms .lvl li {
    margin-right: 6.25px !important;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #lscustoms .lvl li {
    margin-right: 6.75px !important;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #lscustoms .lvl li {
    margin-right: 6.5px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #lscustoms .lvl li {
    margin-right: 6.25px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    margin-right: 8.25px !important;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    margin-right: 10px !important;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #lscustoms .lvl li {
    margin-right: 8.25px !important;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #lscustoms .lvl li {
    margin-right: 11.25px !important;
  }
}
@media (min-width: 6000px) {
  #lscustoms .lvl li {
    margin-right: 15.75px !important;
  }
}
#lscustoms .lvl li.active {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0L7.76336 3.57295L11.7063 4.1459L8.85317 6.92705L9.52671 10.8541L6 9L2.47329 10.8541L3.14683 6.92705L0.293661 4.1459L4.23664 3.57295L6 0Z' fill='%23FF8C26'/%3E%3C/svg%3E%0A");
}
@font-face {
  font-family: "lscustom";
  src: url(../src/views/vehicle/lscustom/fonts//lscustom.eot);
  src: url(../src/views/vehicle/lscustom/fonts//lscustom.eot#iefix) format("embedded-opentype"), url(../src/views/vehicle/lscustom/fonts//lscustom.ttf) format("truetype"), url(../src/views/vehicle/lscustom/fonts//lscustom.woff) format("woff"), url(/src/views/vehicle/lscustom/fonts/lscustom.svg#lscustom) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ilsc-], [class*=" ilsc-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lscustom" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ilsc-Spoiler:before {
  content: "\e909";
}

.ilsc-FrontBumper:before {
  content: "\e90e";
}

.ilsc-RearBumper:before {
  content: "\e90f";
}

.ilsc-SideSkirt:before {
  content: "\e904";
}

.ilsc-Muffler:before {
  content: "\e914";
}

.ilsc-Frame:before {
  content: "\e912";
}

.ilsc-Lattice:before {
  content: "\e915";
}

.ilsc-Hood:before {
  content: "\e900";
}

.ilsc-Wings:before {
  content: "\e90c";
}

.ilsc-Roof:before {
  content: "\e905";
}

.ilsc-FrontWheels:before {
  content: "\e90b";
}

.ilsc-Horn:before {
  content: "\e901";
}

.ilsc-Xenon:before {
  content: "\e902";
}

.ilsc-Headlights:before {
  content: "\e911";
}

.ilsc-Engine:before {
  content: "\e910";
}

.ilsc-Turbo:before {
  content: "\e908";
}

.ilsc-Transmission:before {
  content: "\e907";
}

.ilsc-Suspension:before {
  content: "\e906";
}

.ilsc-Brakes:before {
  content: "\e90d";
}

.ilsc-WindowTint:before {
  content: "\e913";
}

.ilsc-Color1:before {
  content: "\e903";
}

.ilsc-Color2:before {
  content: "\e90a";
}

.ilsc-ColorAdditional:before {
  content: "\e916";
}

.ilsc-Cover:before {
  content: "\e917";
}

.ilsc-Vinyls:before {
  content: "\e918";
}

.ilsc-NumberPlate:before {
  content: "\e919";
}

.ilsc-Armour:before {
  content: "\e91a";
}

.ilsc-back:before {
  content: "\e91b";
}

.ilsc-user:before {
  content: "\e91c";
}
.color-picker-panel {
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  width: 380px;
  background: rgba(1, 22, 39, 0.8);
  border-radius: 6px;
  margin-top: 25px;
}

.color-picker-panel .panel-row {
  position: relative;
  margin-left: 18px;
  margin-right: 23px;
}

.color-picker-panel.big .panel-row {
  margin-right: 18px;
}

.color-picker-panel .panel-row:first-child {
  margin-top: 10px;
  margin-bottom: 6px;
}

.color-picker-panel .panel-row:after {
  content: "";
  display: table;
  clear: both;
}

.color-picker-panel .panel-header {
  background: rgba(1, 22, 39, 0.8);
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  height: 47px;
  color: white;
}

.color-picker-panel .swatch {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #ccc;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}

.color-picker-panel .default-swatches {
  width: 193px;
  height: 61px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.color-picker-panel .default-swatches.big1 {
  width: 348px;
  height: 560px;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(16, 1fr);
}

.color-picker-panel .default-swatches.big2 {
  width: 348px;
  height: 64px;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.mrt-18 {
  margin-top: 18px;
}

.color-picker-panel .default-swatches .swatch:nth-child(6n+1) {
  margin-left: 0;
}

.color-picker-panel .color-cursor {
  border-radius: 100%;
  background: #ccc;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  border: 2px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  transition: all 0.2s ease;
}

.color-picker-panel .color-cursor.dragging {
  transition: none;
}

.color-picker-panel .color-cursor#spectrum-cursor {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  top: 0;
  left: 0;
}

.color-picker-panel .color-cursor#hue-cursor {
  top: 0;
  left: 50%;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-left: -10px;
  pointer-events: none;
}

.color-picker-panel .spectrum-map {
  position: relative;
  width: 258px;
  height: 193px;
  overflow: hidden;
  border: 1px solid rgba(23, 25, 33, 0.4);
  box-sizing: border-box;
  border-radius: 6px;
}

.color-picker-panel #spectrum-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
}

.color-picker-panel .hue-map {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  width: 12px;
}

.color-picker-panel #hue-canvas {
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}

.color-picker-panel .color-button {
  background: #2A3137;
  border: 0;
  border-radius: 4px;
  color: #8B949A;
  font-size: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
  padding: 4px;
}

.color-picker-panel .color-button:active {
  background: #262c31;
}

.color-picker-panel .color-button.preview {
  position: absolute;
  right: 0;
  top: 0;
  width: 61px;
  height: 61px;
  display: block;
  background: #ccc;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
}

.color-picker-panel .color-button.swatch {
  display: inline-block;
  padding: 6px;
  width: 142px;
  margin: 10px auto 0;
}

.color-picker-panel .color-button.mode-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 40px;
}

.color-picker-panel .value-fields {
  display: none;
  align-items: center;
  margin-bottom: 17px;
}

.color-picker-panel .value-fields.active {
  display: flex;
}

.color-picker-panel .value-fields .field-label {
  margin-right: 5px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
}

.color-picker-panel .value-fields .field-input {
  width: 37px;
  height: 35px;
  background: rgba(1, 22, 39, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  border-radius: 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: white;
  text-align: center;
}

.color-picker-panel .rgb-fields .field-group {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.color-picker-panel .color-indicator {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #ccc;
}

.color-picker-panel input::-webkit-outer-spin-button,
.color-picker-panel input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#games {
  position: absolute;
  display: flex;
  font-family: "UniNeue";
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  color: #fff;
  align-items: center;
  background: rgba(1, 22, 39, 0.8);
}
@media (max-width: 799px) {
  #games {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #games {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #games {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #games {
    padding-bottom: 63px;
  }
}
#games .games-lobby-column-style {
  display: flex;
  align-items: center;
}
#games .games-lobby-column-style.left {
  align-items: flex-start;
}
#games .games-lobby-column-style.right {
  align-items: flex-end;
}
#games .games-lobby-left-flex {
  display: flex;
  align-items: center;
}
#games .radioList {
  overflow-y: auto;
}
@media (max-width: 799px) {
  #games .radioList {
    height: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .radioList {
    height: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .radioList {
    height: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .radioList {
    height: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .radioList {
    height: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .radioList {
    height: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .radioList {
    height: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .radioList {
    height: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .radioList {
    height: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .radioList {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .radioList {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .radioList {
    height: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .radioList {
    height: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .radioList {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .radioList {
    height: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .radioList {
    height: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .radioList {
    height: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .radioList {
    height: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .radioList {
    height: 337.5px;
  }
}
@media (min-width: 6000px) {
  #games .radioList {
    height: 472.5px;
  }
}
@media (max-width: 799px) {
  #games .radioList {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .radioList {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .radioList {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .radioList {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .radioList {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .radioList {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .radioList {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .radioList {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .radioList {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .radioList {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .radioList {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .radioList {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .radioList {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .radioList {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .radioList {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .radioList {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .radioList {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .radioList {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .radioList {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .radioList {
    margin-right: 44.1px;
  }
}
#games ::-webkit-scrollbar {
  width: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#games ::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#games ::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: #00BBFF;
  border-radius: 100px;
}
#games .games-mafia {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#games .games-mafia .games-mafia-help {
  display: flex;
  justify-content: center;
  margin: auto;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help {
    width: 229.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help {
    width: 255px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help {
    width: 328.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help {
    width: 349.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help {
    width: 382.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help {
    width: 357px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help {
    width: 433.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help {
    width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help {
    width: 484.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help {
    width: 637.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help {
    width: 688.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help {
    width: 663px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help {
    width: 637.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help {
    width: 841.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help {
    width: 1020px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help {
    width: 841.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help {
    width: 1147.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help {
    width: 1606.5px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 105.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help {
    margin-top: 148.05px;
  }
}
#games .games-mafia .games-mafia-help .games-mafia-help-head {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-head {
    margin-bottom: 18.9px;
  }
}
#games .games-mafia .games-mafia-help .games-mafia-help-title {
  color: #C1C1C1;
  font-weight: 500;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-title {
    line-height: 72.45px;
  }
}
#games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-help .games-mafia-help-subtitle {
    line-height: 72.45px;
  }
}
#games .games-mafia .games-mafia-help .games-mafia-help-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#games .games-mafia .games-mafia-header {
  display: flex;
  flex-direction: column;
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 110.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-header {
    margin-bottom: 154.35px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-title {
    margin-bottom: 22.05px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-header .games-mafia-header-text {
    font-size: 56.7px;
  }
}
#games .games-mafia .games-mafia-icon {
  display: flex;
  background-size: cover;
}
#games .games-mafia .games-mafia-icon.stars {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.9999 53.2267L54.1565 61.1501L50.9932 45.2401L62.9032 34.2234L46.7932 32.3134L39.9999 17.5834V53.2267ZM39.9999 60.8667L16.4899 74.0267L21.7399 47.6001L1.95654 29.3067L28.7132 26.1334L39.9999 1.66675L51.2865 26.1334L78.0432 29.3067L58.2599 47.6001L63.5099 74.0267L39.9999 60.8667Z' fill='%23FFD15B'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.stars {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.stars {
    height: 252px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 81px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.stars {
    margin-right: 113.4px;
  }
}
#games .games-mafia .games-mafia-icon.day {
  background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63.4575 12.0059L56.543 18.9204C57.8032 19.811 58.9878 20.8024 60.0885 21.9114C61.1891 23.0204 62.1889 24.1967 63.0794 25.4569L69.994 18.5424C71.8003 16.736 71.8003 13.8122 69.994 12.0059C68.1876 10.1995 65.2639 10.1995 63.4575 12.0059Z' fill='%23FFD15B'/%3E%3Cpath d='M18.9207 56.5347L12.0061 63.4492C10.1998 65.2556 10.1998 68.1793 12.0061 69.9857C12.9051 70.8847 14.0897 71.3384 15.2744 71.3384C16.459 71.3384 17.6436 70.8848 18.5426 69.9857L25.4572 63.0711C24.1969 62.1806 23.0123 61.1892 21.9117 60.0802C20.8111 58.9711 19.8113 57.7949 18.9207 56.5347Z' fill='%23FFD15B'/%3E%3Cpath d='M63.0794 56.5347C62.1889 57.7949 61.1976 58.9795 60.0885 60.0802C58.9794 61.1808 57.8032 62.1806 56.543 63.0711L63.4575 69.9857C64.3565 70.8847 65.5411 71.3384 66.7258 71.3384C67.9104 71.3384 69.095 70.8848 69.9939 69.9857C71.8003 68.1793 71.8003 65.2556 69.9939 63.4492L63.0794 56.5347Z' fill='%23FFD15B'/%3E%3Cpath d='M18.9207 25.4569C19.8113 24.1967 20.8026 23.012 21.9117 21.9114C23.0207 20.8108 24.1969 19.811 25.4572 18.9204L18.5426 12.0059C16.7363 10.1995 13.8125 10.1995 12.0061 12.0059C10.1998 13.8122 10.1998 16.736 12.0061 18.5424L18.9207 25.4569Z' fill='%23FFD15B'/%3E%3Cpath d='M14.0055 41.0001C14.0055 39.4373 14.14 37.8914 14.4004 36.3792H4.6209C2.0668 36.3792 0 38.446 0 41.0001C0 43.5541 2.0668 45.621 4.6209 45.621H14.4004C14.14 44.1003 14.0055 42.5628 14.0055 41.0001Z' fill='%23FFD15B'/%3E%3Cpath d='M77.3791 36.3792H67.5996C67.8601 37.8914 67.9945 39.4373 67.9945 41.0001C67.9945 42.5628 67.8601 44.1087 67.5996 45.621H77.3791C79.9332 45.621 82 43.5541 82 41.0001C82 38.446 79.9332 36.3792 77.3791 36.3792Z' fill='%23FFD15B'/%3E%3Cpath d='M36.3789 67.5996V77.379C36.3789 79.9331 38.4457 81.9999 40.9998 81.9999C43.5539 81.9999 45.6207 79.9331 45.6207 77.379V67.5996C44.1084 67.8601 42.5625 67.9944 40.9998 67.9944C39.4371 67.9944 37.8912 67.86 36.3789 67.5996Z' fill='%23FFD15B'/%3E%3Cpath d='M36.3789 4.6209V14.4004C37.8912 14.14 39.4371 14.0055 40.9998 14.0055C42.5625 14.0055 44.1084 14.14 45.6207 14.4004V4.6209C45.6207 2.0668 43.5539 0 40.9998 0C38.4457 0 36.3789 2.0668 36.3789 4.6209Z' fill='%23FFD15B'/%3E%3Cpath d='M62.4656 45.6209C62.7848 44.1338 62.9529 42.5879 62.9529 41C62.9529 39.4121 62.7848 37.8661 62.4656 36.3791C61.9027 33.741 60.8609 31.2793 59.4494 29.0864C57.7607 26.4735 55.5259 24.2387 52.9129 22.55C50.7201 21.1301 48.2585 20.0967 45.6203 19.5254C44.1332 19.2061 42.5873 19.0381 40.9994 19.0381C39.4115 19.0381 37.8656 19.2061 36.3785 19.5254C33.7404 20.0883 31.2787 21.1301 29.0859 22.55C26.4729 24.2387 24.2381 26.4735 22.5494 29.0864C21.1295 31.2793 20.0961 33.7409 19.5332 36.3791C19.2139 37.8661 19.0459 39.4121 19.0459 41C19.0459 42.5879 19.2139 44.1338 19.5332 45.6209C20.0961 48.259 21.1379 50.7206 22.5494 52.9135C24.2381 55.5265 26.4729 57.7612 29.0859 59.45C31.2787 60.8698 33.7403 61.9032 36.3785 62.4746C37.8656 62.7939 39.4115 62.9619 40.9994 62.9619C42.5873 62.9619 44.1332 62.7939 45.6203 62.4746C48.2584 61.9117 50.7201 60.8698 52.9129 59.45C55.5259 57.7612 57.7607 55.5265 59.4494 52.9135C60.8609 50.7123 61.9027 48.2506 62.4656 45.6209Z' fill='%23FFD15B'/%3E%3C/svg%3E%0A");
  margin: auto;
  position: relative;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 184.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day {
    width: 258.3px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 184.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day {
    height: 258.3px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day {
    margin-bottom: 78.75px;
  }
}
#games .games-mafia .games-mafia-icon.day:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0px -2px 61px 29px rgba(255, 209, 91, 0.25);
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day:after {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day:after {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 180px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.day:after {
    border-radius: 252px;
  }
}
#games .games-mafia .games-mafia-icon.night {
  background-image: url("data:image/svg+xml,%3Csvg width='82' height='82' viewBox='0 0 82 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M28.3988 79.0784C46.9067 86.9056 71.3567 78.3441 79.1395 61.2805C66.6528 70.3543 53.4928 71.9414 40.1249 63.696C28.3592 56.4388 22.7874 45.2456 24.5105 31.6394C26.7032 14.3243 37.6557 4.72491 54.7327 1.61853C38.9071 -3.38133 14.7702 2.73688 5.52045 26.5131C-1.62738 44.8896 5.50833 69.3966 28.3988 79.0784Z' fill='%23161743'/%3E%3Cpath d='M52.427 17.4382L57.748 22.59L56.5216 30.1112C56.3335 31.2648 57.0521 31.8264 58.1265 31.3655L64.7165 28.5386L71.3066 31.3655C72.381 31.8264 73.0596 31.2721 72.8229 30.127L71.262 22.5896L76.9631 17.3914C77.8268 16.6039 77.5949 15.7951 76.4449 15.5852L69.2469 14.2717L65.7273 7.79154C65.1694 6.76431 64.2649 6.76431 63.7068 7.79154L60.1874 14.2717L52.9887 15.5858C51.8386 15.7954 51.5871 16.6244 52.427 17.4382Z' fill='%23161743'/%3E%3Cpath d='M64.0245 48.3983L58.8445 47.4535L56.3113 42.7898C55.9096 42.0507 55.2589 42.0507 54.8572 42.7898L52.324 47.4535L47.1446 48.3983C46.3169 48.5491 46.1362 49.146 46.7405 49.7314L50.5696 53.439L49.6871 58.8516C49.5515 59.6818 50.0686 60.0859 50.8421 59.7544L55.5843 57.7204L60.3265 59.7544C61.0999 60.0859 61.5884 59.6873 61.4173 58.8631L60.2942 53.439L64.3969 49.6984C65.0194 49.1309 64.8521 48.5491 64.0245 48.3983Z' fill='%23161743'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='82' height='82' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  margin: auto;
  position: relative;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 184.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night {
    width: 258.3px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 36.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 41px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 52.89px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 56.17px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 61.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 57.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 69.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 65.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 77.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 82px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 102.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 110.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 106.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 102.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 135.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 164px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 135.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 184.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night {
    height: 258.3px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night {
    margin-bottom: 78.75px;
  }
}
#games .games-mafia .games-mafia-icon.night:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 0px -2px 61px 29px rgba(105, 106, 140, 0.5);
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night:after {
    width: 3.15px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night:after {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 180px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.night:after {
    border-radius: 252px;
  }
}
#games .games-mafia .games-mafia-icon.mute {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7939 19.3256C16.6511 19.9723 15.3888 20.38 14.0835 20.5237V24.9166H11.9169V20.5237C9.71892 20.2774 7.66996 19.2914 6.10605 17.7275C4.54214 16.1635 3.55614 14.1146 3.30978 11.9166H5.49269C5.66159 13.086 6.1013 14.1998 6.77679 15.1691C7.45227 16.1385 8.34486 16.9366 9.3834 17.5C10.4219 18.0634 11.5777 18.3763 12.7586 18.414C13.9395 18.4516 15.1129 18.2129 16.1852 17.7168L14.5049 16.0376C13.6981 16.271 12.848 16.3135 12.0219 16.1618C11.1957 16.0101 10.4162 15.6683 9.74488 15.1635C9.07355 14.6587 8.52881 14.0048 8.1537 13.2532C7.77859 12.5017 7.58339 11.6732 7.58353 10.8333V9.11514L1.50928 3.04198L3.04219 1.50906L24.4911 22.9591L22.9582 24.4909L17.7939 19.3256ZM20.9898 16.4233L19.4265 14.8611C19.9779 13.9836 20.3539 12.987 20.5066 11.9166H22.6906C22.5118 13.538 21.9268 15.0881 20.9898 16.4233ZM17.8373 13.2719L8.32561 3.76023C8.92674 2.73336 9.84927 1.933 10.9507 1.48279C12.0521 1.03257 13.2711 0.957551 14.4194 1.26931C15.5677 1.58108 16.5814 2.26228 17.304 3.20768C18.0265 4.15309 18.4176 5.3101 18.4169 6.49998L18.4179 10.8333C18.4192 11.6803 18.221 12.5157 17.8394 13.2719H17.8373Z' fill='%23FF4040'/%3E%3C/svg%3E%0A");
  margin: auto;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.mute {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.mute {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.mute {
    margin-bottom: 15.75px;
  }
}
#games .games-mafia .games-mafia-icon.unmute {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.08337C13.7113 1.08337 14.4157 1.22348 15.0729 1.49569C15.73 1.76791 16.3272 2.16689 16.8301 2.66988C17.3331 3.17286 17.7321 3.76999 18.0043 4.42717C18.2765 5.08435 18.4167 5.78871 18.4167 6.50004V10.8334C18.4167 12.27 17.846 13.6477 16.8301 14.6635C15.8143 15.6794 14.4366 16.25 13 16.25C11.5634 16.25 10.1856 15.6794 9.16982 14.6635C8.154 13.6477 7.58332 12.27 7.58332 10.8334V6.50004C7.58332 5.06345 8.154 3.6857 9.16982 2.66988C10.1856 1.65406 11.5634 1.08337 13 1.08337ZM3.30957 11.9167H5.49249C5.75497 13.7202 6.65801 15.3689 8.03641 16.5612C9.4148 17.7535 11.1764 18.4097 12.9989 18.4097C14.8214 18.4097 16.583 17.7535 17.9614 16.5612C19.3398 15.3689 20.2428 13.7202 20.5053 11.9167H22.6893C22.443 14.1145 21.4572 16.1633 19.8935 17.7272C18.3298 19.2911 16.2811 20.2772 14.0833 20.5238V24.9167H11.9167V20.5238C9.71872 20.2774 7.66975 19.2914 6.10584 17.7275C4.54194 16.1636 3.55593 14.1146 3.30957 11.9167Z' fill='%2394E42E'/%3E%3C/svg%3E%0A");
  margin: auto;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 58.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.unmute {
    width: 81.9px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 58.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.unmute {
    height: 81.9px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-icon.unmute {
    margin-bottom: 15.75px;
  }
}
#games .games-mafia .games-mafia-list {
  display: grid;
  max-width: 1010px;
  max-height: 666px;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  text-align: center;
  margin: auto;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  align-self: center;
  width: 90%;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list {
    grid-row-gap: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 146.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list {
    grid-column-gap: 204.75px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 465.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 517.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 667.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 708.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 776.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 724.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 879.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 828px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 983.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1035px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1035px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1293.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1397.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1345.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1293.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1707.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 2070px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 1707.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 2328.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list.pad {
    width: 3260.25px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list.pad {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar {
    width: 9.45px;
  }
}
#games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.4);
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-track {
    border-radius: 12.6px;
  }
}
#games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
  background: rgba(253, 255, 252, 0.7);
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-list-role {
  position: relative;
}
#games .games-mafia .games-mafia-list .games-mafia-list-action {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 83.02%);
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 73.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 81.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 105.135px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 111.655px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 122.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 114.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 138.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 130.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 154.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 203.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 220.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 211.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 203.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 268.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 326px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 268.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 366.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    width: 513.45px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 68.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 76px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 98.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 104.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 114px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 106.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 129.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 121.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 144.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 152px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 205.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 197.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 190px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 250.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 304px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 250.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 342px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action img {
    height: 478.8px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-title {
    font-size: 56.7px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
  font-weight: bold;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action-subtitle {
    font-size: 37.8px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action.kill .games-mafia-list-action-title {
  color: #D40711;
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action.killed .games-mafia-list-action-title {
  color: #D40711;
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action.unknown .games-mafia-list-action-title {
  color: #9FD407;
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action.cure .games-mafia-list-action-title {
  color: #0772D4;
}
#games .games-mafia .games-mafia-list .games-mafia-list-action .games-mafia-list-action.night .games-mafia-list-action-title {
  color: #D407CC;
}
#games .games-mafia .games-mafia-list .games-mafia-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-title {
    margin-bottom: 9.45px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-subtitle {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-subtitle {
    font-size: 31.5px;
  }
}
#games .games-mafia .games-mafia-list .games-mafia-role {
  display: flex;
  position: relative;
  overflow: hidden;
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    width: 472.5px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 102.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 113.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 146.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 155.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 170.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 158.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 192.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 181.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 215.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 283.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 306.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 295.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 283.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 374.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 454px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 374.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 510.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    height: 715.05px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-role {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    width: 472.5px;
  }
}
@media (max-width: 799px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 102.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 113.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 146.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 155.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 170.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 158.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 192.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 181.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 215.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 227px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 283.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 306.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 295.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 283.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 374.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 454px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 374.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 510.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-mafia .games-mafia-list .games-mafia-role .games-mafia-role-img {
    height: 715.05px;
  }
}
#games .games-lobby-center {
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-lobby-center {
    min-width: 288px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-center {
    min-width: 320px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-center {
    min-width: 412.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-center {
    min-width: 438.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-center {
    min-width: 480px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-center {
    min-width: 448px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-center {
    min-width: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-center {
    min-width: 512px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-center {
    min-width: 608px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-center {
    min-width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-center {
    min-width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-center {
    min-width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-center {
    min-width: 864px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-center {
    min-width: 832px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-center {
    min-width: 800px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-center {
    min-width: 1056px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-center {
    min-width: 1280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-center {
    min-width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-center {
    min-width: 1440px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-center {
    min-width: 2016px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-left {
    width: 229.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-left {
    width: 255px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-left {
    width: 328.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-left {
    width: 349.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-left {
    width: 382.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-left {
    width: 357px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-left {
    width: 433.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-left {
    width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-left {
    width: 484.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-left {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-left {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-left {
    width: 637.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-left {
    width: 688.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-left {
    width: 663px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-left {
    width: 637.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-left {
    width: 841.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-left {
    width: 1020px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-left {
    width: 841.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-left {
    width: 1147.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-left {
    width: 1606.5px;
  }
}
#games .games-lobby-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #games .games-lobby-right {
    width: 229.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-right {
    width: 255px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-right {
    width: 328.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-right {
    width: 349.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-right {
    width: 382.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-right {
    width: 357px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-right {
    width: 433.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-right {
    width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-right {
    width: 484.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-right {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-right {
    width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-right {
    width: 637.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-right {
    width: 688.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-right {
    width: 663px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-right {
    width: 637.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-right {
    width: 841.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-right {
    width: 1020px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-right {
    width: 841.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-right {
    width: 1147.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-right {
    width: 1606.5px;
  }
}
#games .games-lobby-settings-maps-input {
  background: none;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    border: 0.45px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    border: 0.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    border: 0.645px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    border: 0.685px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    border: 0.75px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    border: 0.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    border: 0.85px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    border: 0.8px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    border: 0.95px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    border: 1.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    border: 1.35px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    border: 1.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    border: 1.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    border: 1.65px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    border: 1.65px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    border: 2.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    border: 3.15px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    border-radius: 6.3px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    width: 441px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-settings-maps-input {
    margin-bottom: 75.6px;
  }
}
#games .games-lobby-popup {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#games .games-lobby-popup .games-lobby-popup-h {
  font-weight: 800;
  text-align: center;
  z-index: 1;
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 101.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-h {
    font-size: 141.75px;
  }
}
#games .games-lobby-popup .games-lobby-popup-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 787.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    width: 1102.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 157.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 175px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 225.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 239.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 262.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 245px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 297.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 280px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 332.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 437.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 472.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 455px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 437.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 577.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 787.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    height: 1102.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 65.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-content {
    margin-bottom: 91.35px;
  }
}
#games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-centerCircle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-title {
    font-size: 201.6px;
  }
}
#games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
  font-weight: 800;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby-popup .games-lobby-popup-content .games-lobby-popup-content-desc {
    font-size: 75.6px;
  }
}
#games .games-lobby-popup:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(29, 33, 46, 0.7);
  filter: blur(4px);
}
#games .games-lobby {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #games .games-lobby {
    padding-left: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby {
    padding-left: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby {
    padding-left: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby {
    padding-left: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby {
    padding-left: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby {
    padding-left: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby {
    padding-left: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby {
    padding-left: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby {
    padding-left: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby {
    padding-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby {
    padding-left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby {
    padding-left: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby {
    padding-left: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby {
    padding-left: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby {
    padding-left: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby {
    padding-left: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby {
    padding-left: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby {
    padding-left: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby {
    padding-left: 168.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby {
    padding-left: 236.25px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby {
    padding-right: 33.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby {
    padding-right: 37.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby {
    padding-right: 48.375px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby {
    padding-right: 51.375px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby {
    padding-right: 56.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby {
    padding-right: 52.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby {
    padding-right: 63.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby {
    padding-right: 60px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby {
    padding-right: 71.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby {
    padding-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby {
    padding-right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby {
    padding-right: 93.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby {
    padding-right: 101.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby {
    padding-right: 97.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby {
    padding-right: 93.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby {
    padding-right: 123.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby {
    padding-right: 150px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby {
    padding-right: 123.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby {
    padding-right: 168.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby {
    padding-right: 236.25px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby {
    margin-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby {
    margin-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby {
    margin-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby {
    margin-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby {
    margin-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby {
    margin-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby {
    margin-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby {
    margin-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby {
    margin-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby {
    margin-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby {
    margin-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby {
    margin-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby {
    margin-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby {
    margin-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby {
    margin-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby {
    margin-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby {
    margin-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby {
    margin-bottom: 189px;
  }
}
#games .games-lobby .games-lobby-sett-start {
  display: flex;
  font-weight: bold;
  color: #C1C1C1;
  position: relative;
  width: 100%;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 92.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start {
    margin-bottom: 129.15px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio {
    margin-bottom: 37.8px;
  }
}
#games .games-lobby .games-lobby-sett-start .form_radio input[type=radio] {
  display: none;
}
#games .games-lobby .games-lobby-sett-start .form_radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #C1C1C1;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label {
    line-height: 56.7px;
  }
}
#games .games-lobby .games-lobby-sett-start .form_radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='6.5' fill='%23161826' stroke='%2311131F' stroke-width='4'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 38.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    width: 53.55px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 38.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    height: 53.55px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 2.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .form_radio label:before {
    bottom: 3.15px;
  }
}
#games .games-lobby .games-lobby-sett-start .form_radio input[type=radio]:checked + label:before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='6.5' fill='%23FF5454' stroke='%230D0F1C' stroke-width='4'/%3E%3C/svg%3E%0A");
}
#games .games-lobby .games-lobby-sett-start .form_radio input[type=radio]:checked + label {
  color: #fff;
}
#games .games-lobby .games-lobby-sett-start .form_radio label:hover:before {
  color: #fff;
}
#games .games-lobby .games-lobby-sett-start .form_radio input[type=radio]:disabled + label:before {
  filter: grayscale(100%);
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start.s1 .games-lobby-sett-start-header {
    margin-bottom: 110.25px;
  }
}
#games .games-lobby .games-lobby-sett-start li {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin-right: auto;
  margin: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start li {
    width: 598.5px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header {
    margin-bottom: 75.6px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15.245V22.117C17 22.2054 16.9766 22.2923 16.932 22.3688C16.8875 22.4452 16.8235 22.5085 16.7465 22.5521C16.6696 22.5957 16.5824 22.6181 16.4939 22.617C16.4055 22.616 16.3189 22.5914 16.243 22.546L12 20L7.757 22.546C7.68104 22.5915 7.59436 22.616 7.50581 22.617C7.41727 22.6181 7.33004 22.5956 7.25304 22.5518C7.17605 22.5081 7.11205 22.4447 7.06759 22.3681C7.02313 22.2915 6.9998 22.2045 7 22.116V15.246C5.70615 14.2101 4.76599 12.7979 4.30946 11.2045C3.85293 9.61117 3.90256 7.91536 4.45149 6.35145C5.00043 4.78753 6.02156 3.43272 7.37378 2.47425C8.726 1.51578 10.3425 1.00098 12 1.00098C13.6575 1.00098 15.274 1.51578 16.6262 2.47425C17.9784 3.43272 18.9996 4.78753 19.5485 6.35145C20.0974 7.91536 20.1471 9.61117 19.6905 11.2045C19.234 12.7979 18.2939 14.2101 17 15.246V15.245ZM12 15C13.5913 15 15.1174 14.3678 16.2426 13.2426C17.3679 12.1174 18 10.5913 18 8.99997C18 7.40868 17.3679 5.88255 16.2426 4.75733C15.1174 3.63212 13.5913 2.99997 12 2.99997C10.4087 2.99997 8.88258 3.63212 7.75736 4.75733C6.63214 5.88255 6 7.40868 6 8.99997C6 10.5913 6.63214 12.1174 7.75736 13.2426C8.88258 14.3678 10.4087 15 12 15ZM12 13C10.9391 13 9.92172 12.5785 9.17157 11.8284C8.42143 11.0783 8 10.0608 8 8.99997C8 7.93911 8.42143 6.92169 9.17157 6.17155C9.92172 5.4214 10.9391 4.99997 12 4.99997C13.0609 4.99997 14.0783 5.4214 14.8284 6.17155C15.5786 6.92169 16 7.93911 16 8.99997C16 10.0608 15.5786 11.0783 14.8284 11.8284C14.0783 12.5785 13.0609 13 12 13Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .award {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12 6.2135C8.43257 6.2135 6.08351 8.23339 5.54054 12.673C5.20921 15.3823 4.25615 19.8135 3.85817 21.6086C3.75838 22.0587 4.01433 22.5122 4.4518 22.6581L8.33591 23.9536C8.60109 24.0421 8.89228 24.0024 9.12422 23.8463C9.35617 23.6903 9.50244 23.4354 9.52035 23.1564L9.86164 17.8297C9.88516 17.463 9.68357 17.1187 9.35223 16.9596L6.79178 15.7308C6.45547 15.5694 6.31369 15.166 6.47514 14.8297L7.08466 13.5596C7.16214 13.398 7.30063 13.274 7.46963 13.2146C7.63863 13.1552 7.82433 13.1654 7.98578 13.2429L10.5689 14.4827C10.8813 14.6327 11.08 14.9485 11.08 15.2951V18.6508C11.08 18.7181 11.1011 18.7839 11.1403 18.8387L11.7368 19.6738C11.7975 19.7588 11.8955 19.8092 11.9999 19.8092C12.1044 19.8092 12.2023 19.7588 12.2631 19.6738L12.8596 18.8387C12.8988 18.7839 12.9199 18.7181 12.9199 18.6508V15.295C12.9199 14.9484 13.1186 14.6326 13.4311 14.4826L16.0142 13.2429C16.1756 13.1654 16.3613 13.1552 16.5303 13.2145C16.6993 13.2739 16.8378 13.398 16.9153 13.5595L17.5249 14.8296C17.6863 15.1659 17.5445 15.5694 17.2083 15.7307L14.6478 16.9596C14.3165 17.1186 14.115 17.4629 14.1384 17.8296L14.4797 23.1563C14.4976 23.4353 14.6439 23.6901 14.8758 23.8463C15.1077 24.0023 15.399 24.042 15.6642 23.9535L19.5483 22.658C19.9865 22.5118 20.2418 22.0595 20.1419 21.6085C19.744 19.8134 18.7908 15.3822 18.4595 12.6729C17.9165 8.23339 15.5675 6.2135 12 6.2135Z' fill='white'/%3E%3Cpath d='M20.8707 3.50484C17.8014 0.621408 13.6592 -0.482832 9.76812 0.191963C9.69185 0.205211 9.63774 0.273212 9.64231 0.350526L9.71256 1.54163C9.71337 1.55512 9.70397 1.56717 9.69064 1.56957C9.67732 1.57206 9.66431 1.5642 9.66022 1.55127L9.29805 0.400223C9.27581 0.329492 9.20564 0.285255 9.13218 0.295451C8.70226 0.355022 8.41572 0.400303 7.98547 0.591943C7.92245 0.620043 7.88632 0.687161 7.8974 0.755243L8.22408 2.76132C8.22938 2.79376 8.21348 2.82595 8.1845 2.84145C8.15551 2.85694 8.11995 2.85237 8.09586 2.82997L6.48414 1.33193C6.43814 1.28914 6.37046 1.2791 6.31402 1.30664C5.17341 1.86221 4.09799 2.59497 3.12943 3.50484C3.05107 3.57847 3.00579 3.68067 3.00402 3.78825C3.00234 3.89583 3.04425 3.9994 3.12036 4.07551L5.85334 6.80849C6.00347 6.95863 6.24521 6.96384 6.40201 6.8207C9.56379 3.93236 14.4363 3.93236 17.5981 6.8207C17.755 6.96409 17.9965 6.95887 18.1467 6.80849L20.8797 4.07551C20.9558 3.99948 20.9976 3.89575 20.9959 3.78825C20.9942 3.68067 20.949 3.57847 20.8707 3.50484Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .helmet {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM8.5 14V16H11V18H13V16H14C14.663 16 15.2989 15.7366 15.7678 15.2678C16.2366 14.7989 16.5 14.163 16.5 13.5C16.5 12.837 16.2366 12.2011 15.7678 11.7322C15.2989 11.2634 14.663 11 14 11H10C9.86739 11 9.74021 10.9473 9.64645 10.8536C9.55268 10.7598 9.5 10.6326 9.5 10.5C9.5 10.3674 9.55268 10.2402 9.64645 10.1464C9.74021 10.0527 9.86739 10 10 10H15.5V8H13V6H11V8H10C9.33696 8 8.70107 8.26339 8.23223 8.73223C7.76339 9.20107 7.5 9.83696 7.5 10.5C7.5 11.163 7.76339 11.7989 8.23223 12.2678C8.70107 12.7366 9.33696 13 10 13H14C14.1326 13 14.2598 13.0527 14.3536 13.1464C14.4473 13.2402 14.5 13.3674 14.5 13.5C14.5 13.6326 14.4473 13.7598 14.3536 13.8536C14.2598 13.9473 14.1326 14 14 14H8.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .dollar {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 10H20C20.2652 10 20.5196 10.1054 20.7071 10.2929C20.8946 10.4804 21 10.7348 21 11V21C21 21.2652 20.8946 21.5196 20.7071 21.7071C20.5196 21.8946 20.2652 22 20 22H4C3.73478 22 3.48043 21.8946 3.29289 21.7071C3.10536 21.5196 3 21.2652 3 21V11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1054 3.73478 10 4 10H5V9C5 8.08075 5.18106 7.1705 5.53284 6.32122C5.88463 5.47194 6.40024 4.70026 7.05025 4.05025C7.70026 3.40024 8.47194 2.88463 9.32122 2.53284C10.1705 2.18106 11.0807 2 12 2C12.9193 2 13.8295 2.18106 14.6788 2.53284C15.5281 2.88463 16.2997 3.40024 16.9497 4.05025C17.5998 4.70026 18.1154 5.47194 18.4672 6.32122C18.8189 7.1705 19 8.08075 19 9V10ZM17 10V9C17 7.67392 16.4732 6.40215 15.5355 5.46447C14.5979 4.52678 13.3261 4 12 4C10.6739 4 9.40215 4.52678 8.46447 5.46447C7.52678 6.40215 7 7.67392 7 9V10H17ZM11 14V18H13V14H11Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .closed {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L9 2L15 5L21.303 2.299C21.3791 2.26638 21.4621 2.25317 21.5445 2.26054C21.627 2.26792 21.7063 2.29565 21.7754 2.34124C21.8445 2.38684 21.9012 2.44888 21.9404 2.5218C21.9796 2.59471 22.0001 2.67622 22 2.759V19L15 22L9 19L2.697 21.701C2.62091 21.7336 2.53792 21.7468 2.45547 21.7395C2.37301 21.7321 2.29368 21.7044 2.22459 21.6588C2.1555 21.6132 2.09881 21.5511 2.05961 21.4782C2.02041 21.4053 1.99993 21.3238 2 21.241V5ZM15 19.764V7.176L14.935 7.204L9 4.236V16.824L9.065 16.796L15 19.764Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .maps {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.242 12.8507H12.8506V17.2421C15.0988 16.8786 16.8785 15.0988 17.242 12.8507Z' fill='white'/%3E%3Cpath d='M12.8506 6.75793V11.1493H17.242C16.8785 8.9011 15.0988 7.1214 12.8506 6.75793Z' fill='white'/%3E%3Cpath d='M18.9601 12.8507C18.5728 16.0384 16.0383 18.5729 12.8506 18.9601V24C18.8077 23.5818 23.5818 18.8077 24 12.8507H18.9601Z' fill='white'/%3E%3Cpath d='M12.8506 0.00012207V5.03997C16.0383 5.42725 18.5728 7.96173 18.9601 11.1494H23.9999C23.5818 5.19241 18.8077 0.41834 12.8506 0.00012207Z' fill='white'/%3E%3Cpath d='M0 11.1503H5.03985C5.42713 7.96259 7.96161 5.42815 11.1493 5.04087V0.000976562C5.19229 0.419194 0.418218 5.19326 0 11.1503Z' fill='white'/%3E%3Cpath d='M6.7579 11.1493H11.1493V6.75793C8.90117 7.12145 7.12142 8.90115 6.7579 11.1493Z' fill='white'/%3E%3Cpath d='M5.03985 12.8507H0C0.418218 18.8077 5.19229 23.5818 11.1493 24V18.9602C7.96166 18.5729 5.42713 16.0384 5.03985 12.8507Z' fill='white'/%3E%3Cpath d='M6.7579 12.8507C7.12142 15.0988 8.90112 16.8786 11.1493 17.2421V12.8507H6.7579Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start .games-lobby-sett-start-header .aim {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-sett-start input {
  font-weight: bold;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-sett-start input {
    font-size: 44.1px;
  }
}
#games .games-lobby .games-lobby-flex {
  display: flex;
}
#games .games-lobby .games-lobby-settings {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings {
    width: 94.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings {
    width: 105px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings {
    width: 135.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings {
    width: 143.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings {
    width: 157.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings {
    width: 147px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings {
    width: 178.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings {
    width: 168px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings {
    width: 199.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings {
    width: 262.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings {
    width: 283.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings {
    width: 273px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings {
    width: 262.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings {
    width: 346.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings {
    width: 420px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings {
    width: 346.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings {
    width: 472.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings {
    width: 661.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings {
    padding-left: 63px;
  }
}
#games .games-lobby .games-lobby-settings-maps {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-btn {
  background: #00BBFF;
  border-color: #00BBFF;
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-btn:hover {
  background: #FF2828;
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 65.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-title {
    margin-bottom: 91.35px;
  }
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
  position: relative;
  overflow: hidden;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 2.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 2.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 3.225px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 3.425px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 3.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 3.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 4.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 4px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 4.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 6.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 6.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 6.5px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 6.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 8.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 10px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 8.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 11.25px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    border: 15.75px solid rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 130.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 145px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 187.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 198.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 217.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 203px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 246.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 232px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 275.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 362.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 391.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 377px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 362.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 478.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 580px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 478.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 652.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    width: 913.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 382.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    height: 535.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 9px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image {
    margin-bottom: 12.6px;
  }
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  content: "";
  transform: rotate(30deg);
  z-index: 1;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -171px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    top: -239.4px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -171px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    left: -239.4px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 85.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 95.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 123.195px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 130.835px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 143.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 133.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 162.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 152.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 181.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 191px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 191px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 238.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 257.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 248.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 238.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 315.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 382px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 315.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 429.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    width: 601.65px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 136.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 152px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 196.08px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 208.24px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 228px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 212.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 258.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 243.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 288.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 304px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 410.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 395.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 380px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 501.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 608px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 501.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 684px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image:before {
    height: 957.6px;
  }
}
#games .games-lobby .games-lobby-settings-maps .games-lobby-settings-maps-image img {
  width: 100%;
  height: 100%;
}
#games .games-lobby .games-lobby-settings-header-desc {
  font-weight: bold;
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 87.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    padding-left: 122.85px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header-desc {
    min-height: 69.3px;
  }
}
#games .games-lobby .games-lobby-settings-header {
  display: flex;
  font-weight: bold;
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header {
    height: 75.6px;
  }
}
#games .games-lobby .games-lobby-settings-header .award {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15.245V22.117C17 22.2054 16.9766 22.2923 16.932 22.3688C16.8875 22.4452 16.8235 22.5085 16.7465 22.5521C16.6696 22.5957 16.5824 22.6181 16.4939 22.617C16.4055 22.616 16.3189 22.5914 16.243 22.546L12 20L7.757 22.546C7.68104 22.5915 7.59436 22.616 7.50581 22.617C7.41727 22.6181 7.33004 22.5956 7.25304 22.5518C7.17605 22.5081 7.11205 22.4447 7.06759 22.3681C7.02313 22.2915 6.9998 22.2045 7 22.116V15.246C5.70615 14.2101 4.76599 12.7979 4.30946 11.2045C3.85293 9.61117 3.90256 7.91536 4.45149 6.35145C5.00043 4.78753 6.02156 3.43272 7.37378 2.47425C8.726 1.51578 10.3425 1.00098 12 1.00098C13.6575 1.00098 15.274 1.51578 16.6262 2.47425C17.9784 3.43272 18.9996 4.78753 19.5485 6.35145C20.0974 7.91536 20.1471 9.61117 19.6905 11.2045C19.234 12.7979 18.2939 14.2101 17 15.246V15.245ZM12 15C13.5913 15 15.1174 14.3678 16.2426 13.2426C17.3679 12.1174 18 10.5913 18 8.99997C18 7.40868 17.3679 5.88255 16.2426 4.75733C15.1174 3.63212 13.5913 2.99997 12 2.99997C10.4087 2.99997 8.88258 3.63212 7.75736 4.75733C6.63214 5.88255 6 7.40868 6 8.99997C6 10.5913 6.63214 12.1174 7.75736 13.2426C8.88258 14.3678 10.4087 15 12 15ZM12 13C10.9391 13 9.92172 12.5785 9.17157 11.8284C8.42143 11.0783 8 10.0608 8 8.99997C8 7.93911 8.42143 6.92169 9.17157 6.17155C9.92172 5.4214 10.9391 4.99997 12 4.99997C13.0609 4.99997 14.0783 5.4214 14.8284 6.17155C15.5786 6.92169 16 7.93911 16 8.99997C16 10.0608 15.5786 11.0783 14.8284 11.8284C14.0783 12.5785 13.0609 13 12 13Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .award {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .award {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .award {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-settings-header .dollar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM8.5 14V16H11V18H13V16H14C14.663 16 15.2989 15.7366 15.7678 15.2678C16.2366 14.7989 16.5 14.163 16.5 13.5C16.5 12.837 16.2366 12.2011 15.7678 11.7322C15.2989 11.2634 14.663 11 14 11H10C9.86739 11 9.74021 10.9473 9.64645 10.8536C9.55268 10.7598 9.5 10.6326 9.5 10.5C9.5 10.3674 9.55268 10.2402 9.64645 10.1464C9.74021 10.0527 9.86739 10 10 10H15.5V8H13V6H11V8H10C9.33696 8 8.70107 8.26339 8.23223 8.73223C7.76339 9.20107 7.5 9.83696 7.5 10.5C7.5 11.163 7.76339 11.7989 8.23223 12.2678C8.70107 12.7366 9.33696 13 10 13H14C14.1326 13 14.2598 13.0527 14.3536 13.1464C14.4473 13.2402 14.5 13.3674 14.5 13.5C14.5 13.6326 14.4473 13.7598 14.3536 13.8536C14.2598 13.9473 14.1326 14 14 14H8.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .dollar {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-settings-header .helmet {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12 6.2135C8.43257 6.2135 6.08351 8.23339 5.54054 12.673C5.20921 15.3823 4.25615 19.8135 3.85817 21.6086C3.75838 22.0587 4.01433 22.5122 4.4518 22.6581L8.33591 23.9536C8.60109 24.0421 8.89228 24.0024 9.12422 23.8463C9.35617 23.6903 9.50244 23.4354 9.52035 23.1564L9.86164 17.8297C9.88516 17.463 9.68357 17.1187 9.35223 16.9596L6.79178 15.7308C6.45547 15.5694 6.31369 15.166 6.47514 14.8297L7.08466 13.5596C7.16214 13.398 7.30063 13.274 7.46963 13.2146C7.63863 13.1552 7.82433 13.1654 7.98578 13.2429L10.5689 14.4827C10.8813 14.6327 11.08 14.9485 11.08 15.2951V18.6508C11.08 18.7181 11.1011 18.7839 11.1403 18.8387L11.7368 19.6738C11.7975 19.7588 11.8955 19.8092 11.9999 19.8092C12.1044 19.8092 12.2023 19.7588 12.2631 19.6738L12.8596 18.8387C12.8988 18.7839 12.9199 18.7181 12.9199 18.6508V15.295C12.9199 14.9484 13.1186 14.6326 13.4311 14.4826L16.0142 13.2429C16.1756 13.1654 16.3613 13.1552 16.5303 13.2145C16.6993 13.2739 16.8378 13.398 16.9153 13.5595L17.5249 14.8296C17.6863 15.1659 17.5445 15.5694 17.2083 15.7307L14.6478 16.9596C14.3165 17.1186 14.115 17.4629 14.1384 17.8296L14.4797 23.1563C14.4976 23.4353 14.6439 23.6901 14.8758 23.8463C15.1077 24.0023 15.399 24.042 15.6642 23.9535L19.5483 22.658C19.9865 22.5118 20.2418 22.0595 20.1419 21.6085C19.744 19.8134 18.7908 15.3822 18.4595 12.6729C17.9165 8.23339 15.5675 6.2135 12 6.2135Z' fill='white'/%3E%3Cpath d='M20.8707 3.50484C17.8014 0.621408 13.6592 -0.482832 9.76812 0.191963C9.69185 0.205211 9.63774 0.273212 9.64231 0.350526L9.71256 1.54163C9.71337 1.55512 9.70397 1.56717 9.69064 1.56957C9.67732 1.57206 9.66431 1.5642 9.66022 1.55127L9.29805 0.400223C9.27581 0.329492 9.20564 0.285255 9.13218 0.295451C8.70226 0.355022 8.41572 0.400303 7.98547 0.591943C7.92245 0.620043 7.88632 0.687161 7.8974 0.755243L8.22408 2.76132C8.22938 2.79376 8.21348 2.82595 8.1845 2.84145C8.15551 2.85694 8.11995 2.85237 8.09586 2.82997L6.48414 1.33193C6.43814 1.28914 6.37046 1.2791 6.31402 1.30664C5.17341 1.86221 4.09799 2.59497 3.12943 3.50484C3.05107 3.57847 3.00579 3.68067 3.00402 3.78825C3.00234 3.89583 3.04425 3.9994 3.12036 4.07551L5.85334 6.80849C6.00347 6.95863 6.24521 6.96384 6.40201 6.8207C9.56379 3.93236 14.4363 3.93236 17.5981 6.8207C17.755 6.96409 17.9965 6.95887 18.1467 6.80849L20.8797 4.07551C20.9558 3.99948 20.9976 3.89575 20.9959 3.78825C20.9942 3.68067 20.949 3.57847 20.8707 3.50484Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .helmet {
    margin-right: 47.25px;
  }
}
#games .games-lobby .games-lobby-settings-header .aim {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.242 12.8507H12.8506V17.2421C15.0988 16.8786 16.8785 15.0988 17.242 12.8507Z' fill='white'/%3E%3Cpath d='M12.8506 6.75793V11.1493H17.242C16.8785 8.9011 15.0988 7.1214 12.8506 6.75793Z' fill='white'/%3E%3Cpath d='M18.9601 12.8507C18.5728 16.0384 16.0383 18.5729 12.8506 18.9601V24C18.8077 23.5818 23.5818 18.8077 24 12.8507H18.9601Z' fill='white'/%3E%3Cpath d='M12.8506 0.00012207V5.03997C16.0383 5.42725 18.5728 7.96173 18.9601 11.1494H23.9999C23.5818 5.19241 18.8077 0.41834 12.8506 0.00012207Z' fill='white'/%3E%3Cpath d='M0 11.1503H5.03985C5.42713 7.96259 7.96161 5.42815 11.1493 5.04087V0.000976562C5.19229 0.419194 0.418218 5.19326 0 11.1503Z' fill='white'/%3E%3Cpath d='M6.7579 11.1493H11.1493V6.75793C8.90117 7.12145 7.12142 8.90115 6.7579 11.1493Z' fill='white'/%3E%3Cpath d='M5.03985 12.8507H0C0.418218 18.8077 5.19229 23.5818 11.1493 24V18.9602C7.96166 18.5729 5.42713 16.0384 5.03985 12.8507Z' fill='white'/%3E%3Cpath d='M6.7579 12.8507C7.12142 15.0988 8.90112 16.8786 11.1493 17.2421V12.8507H6.7579Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-settings-header .aim {
    margin-right: 47.25px;
  }
}
#games .games-lobby li {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #games .games-lobby li {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby li {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby li {
    margin-bottom: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby li {
    margin-bottom: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby li {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby li {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby li {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby li {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby li {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby li {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby li {
    margin-bottom: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby li {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby li {
    margin-bottom: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby li {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby li {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby li {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby li {
    margin-bottom: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby li {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby li {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby li {
    margin-bottom: 85.05px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby li {
    min-height: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby li {
    min-height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby li {
    min-height: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby li {
    min-height: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby li {
    min-height: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby li {
    min-height: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby li {
    min-height: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby li {
    min-height: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby li {
    min-height: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby li {
    min-height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby li {
    min-height: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby li {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby li {
    min-height: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby li {
    min-height: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby li {
    min-height: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby li {
    min-height: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby li {
    min-height: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby li {
    min-height: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby li {
    min-height: 126px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby li {
    min-height: 176.4px;
  }
}
#games .games-lobby .games-lobby-btn {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-btn {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-btn {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-btn {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-btn {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-btn {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-btn {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-btn {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-btn {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-btn {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-btn {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-btn {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-btn {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-btn {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-btn {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-btn {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-btn {
    width: 441px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-btn {
    height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-btn {
    height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-btn {
    height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-btn {
    height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-btn {
    height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-btn {
    height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-btn {
    height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-btn {
    height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-btn {
    height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-btn {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-btn {
    height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-btn {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-btn {
    height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-btn {
    height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-btn {
    height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    height: 81px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-btn {
    height: 113.4px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-btn {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-btn {
    border-radius: 6.3px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.45px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.645px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.685px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.75px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.85px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.8px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-btn {
    border: 0.95px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-btn {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-btn {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.35px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.65px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-btn {
    border: 1.65px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-btn {
    border: 2.25px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-btn {
    border: 3.15px solid rgba(255, 255, 255, 0.4);
  }
}
#games .games-lobby .games-lobby-btn:hover {
  background: #00BBFF;
  border-color: #00BBFF;
}
#games .games-lobby .games-lobby-center {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    width: 288px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    width: 320px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    width: 412.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    width: 438.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    width: 480px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    width: 448px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    width: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    width: 512px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    width: 608px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    width: 864px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    width: 832px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    width: 800px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    width: 1056px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    width: 1280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    width: 1440px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    width: 2016px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    height: 301.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    height: 335px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    height: 432.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    height: 458.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    height: 502.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    height: 469px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    height: 569.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    height: 536px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    height: 636.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    height: 670px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    height: 670px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    height: 837.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    height: 904.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    height: 871px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    height: 837.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    height: 1105.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    height: 1340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    height: 1105.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    height: 1507.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    height: 2110.5px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 69.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    padding-left: 97.65px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    padding-right: 97.65px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 65.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center {
    padding-top: 91.35px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 268.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 298.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 385.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 408.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 447.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 417.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 507.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 477.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 567.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 597px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 597px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 746.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 805.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 776.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 746.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 985.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 1194px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 985.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 1343.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    width: 1880.55px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 219.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 244px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 314.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 334.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 366px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 341.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 414.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 390.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 463.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 488px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 488px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 610px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 658.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 634.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 610px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 805.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 976px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 805.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 1098px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table {
    max-height: 1537.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar {
    width: 12.6px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-track {
    border-radius: 31.5px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00BBFF 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table::-webkit-scrollbar-thumb {
    border-radius: 31.5px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li {
  display: flex;
  flex-grow: 1;
  font-weight: bold;
  transition: ease all 0.2s;
  justify-content: space-between;
  flex-direction: unset;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 260.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 289px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 372.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 395.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 433.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 404.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 491.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 462.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 549.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 578px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 722.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 780.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 751.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 722.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 953.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 1156px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 953.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 1300.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    width: 1820.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 26.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 29.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 38.055px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 40.415px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 44.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 41.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 50.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 47.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 56.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 59px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 73.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 79.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 76.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 73.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 97.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 97.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 132.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    min-height: 185.85px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 42.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    padding-right: 59.85px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li {
    font-size: 44.1px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li:hover {
  background: rgba(255, 255, 255, 0.1);
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row {
    margin-right: 50.4px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row:nth-child(1) {
  width: 25%;
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-table-row:nth-child(2) {
  width: 20%;
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon {
  display: flex;
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15.245V22.117C17 22.2054 16.9766 22.2923 16.932 22.3688C16.8875 22.4452 16.8235 22.5085 16.7465 22.5521C16.6696 22.5957 16.5824 22.6181 16.4939 22.617C16.4055 22.616 16.3189 22.5914 16.243 22.546L12 20L7.757 22.546C7.68104 22.5915 7.59436 22.616 7.50581 22.617C7.41727 22.6181 7.33004 22.5956 7.25304 22.5518C7.17605 22.5081 7.11205 22.4447 7.06759 22.3681C7.02313 22.2915 6.9998 22.2045 7 22.116V15.246C5.70615 14.2101 4.76599 12.7979 4.30946 11.2045C3.85293 9.61117 3.90256 7.91536 4.45149 6.35145C5.00043 4.78753 6.02156 3.43272 7.37378 2.47425C8.726 1.51578 10.3425 1.00098 12 1.00098C13.6575 1.00098 15.274 1.51578 16.6262 2.47425C17.9784 3.43272 18.9996 4.78753 19.5485 6.35145C20.0974 7.91536 20.1471 9.61117 19.6905 11.2045C19.234 12.7979 18.2939 14.2101 17 15.246V15.245ZM12 15C13.5913 15 15.1174 14.3678 16.2426 13.2426C17.3679 12.1174 18 10.5913 18 8.99997C18 7.40868 17.3679 5.88255 16.2426 4.75733C15.1174 3.63212 13.5913 2.99997 12 2.99997C10.4087 2.99997 8.88258 3.63212 7.75736 4.75733C6.63214 5.88255 6 7.40868 6 8.99997C6 10.5913 6.63214 12.1174 7.75736 13.2426C8.88258 14.3678 10.4087 15 12 15ZM12 13C10.9391 13 9.92172 12.5785 9.17157 11.8284C8.42143 11.0783 8 10.0608 8 8.99997C8 7.93911 8.42143 6.92169 9.17157 6.17155C9.92172 5.4214 10.9391 4.99997 12 4.99997C13.0609 4.99997 14.0783 5.4214 14.8284 6.17155C15.5786 6.92169 16 7.93911 16 8.99997C16 10.0608 15.5786 11.0783 14.8284 11.8284C14.0783 12.5785 13.0609 13 12 13Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.award {
    margin-right: 50.4px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12 6.2135C8.43257 6.2135 6.08351 8.23339 5.54054 12.673C5.20921 15.3823 4.25615 19.8135 3.85817 21.6086C3.75838 22.0587 4.01433 22.5122 4.4518 22.6581L8.33591 23.9536C8.60109 24.0421 8.89228 24.0024 9.12422 23.8463C9.35617 23.6903 9.50244 23.4354 9.52035 23.1564L9.86164 17.8297C9.88516 17.463 9.68357 17.1187 9.35223 16.9596L6.79178 15.7308C6.45547 15.5694 6.31369 15.166 6.47514 14.8297L7.08466 13.5596C7.16214 13.398 7.30063 13.274 7.46963 13.2146C7.63863 13.1552 7.82433 13.1654 7.98578 13.2429L10.5689 14.4827C10.8813 14.6327 11.08 14.9485 11.08 15.2951V18.6508C11.08 18.7181 11.1011 18.7839 11.1403 18.8387L11.7368 19.6738C11.7975 19.7588 11.8955 19.8092 11.9999 19.8092C12.1044 19.8092 12.2023 19.7588 12.2631 19.6738L12.8596 18.8387C12.8988 18.7839 12.9199 18.7181 12.9199 18.6508V15.295C12.9199 14.9484 13.1186 14.6326 13.4311 14.4826L16.0142 13.2429C16.1756 13.1654 16.3613 13.1552 16.5303 13.2145C16.6993 13.2739 16.8378 13.398 16.9153 13.5595L17.5249 14.8296C17.6863 15.1659 17.5445 15.5694 17.2083 15.7307L14.6478 16.9596C14.3165 17.1186 14.115 17.4629 14.1384 17.8296L14.4797 23.1563C14.4976 23.4353 14.6439 23.6901 14.8758 23.8463C15.1077 24.0023 15.399 24.042 15.6642 23.9535L19.5483 22.658C19.9865 22.5118 20.2418 22.0595 20.1419 21.6085C19.744 19.8134 18.7908 15.3822 18.4595 12.6729C17.9165 8.23339 15.5675 6.2135 12 6.2135Z' fill='white'/%3E%3Cpath d='M20.8707 3.50484C17.8014 0.621408 13.6592 -0.482832 9.76812 0.191963C9.69185 0.205211 9.63774 0.273212 9.64231 0.350526L9.71256 1.54163C9.71337 1.55512 9.70397 1.56717 9.69064 1.56957C9.67732 1.57206 9.66431 1.5642 9.66022 1.55127L9.29805 0.400223C9.27581 0.329492 9.20564 0.285255 9.13218 0.295451C8.70226 0.355022 8.41572 0.400303 7.98547 0.591943C7.92245 0.620043 7.88632 0.687161 7.8974 0.755243L8.22408 2.76132C8.22938 2.79376 8.21348 2.82595 8.1845 2.84145C8.15551 2.85694 8.11995 2.85237 8.09586 2.82997L6.48414 1.33193C6.43814 1.28914 6.37046 1.2791 6.31402 1.30664C5.17341 1.86221 4.09799 2.59497 3.12943 3.50484C3.05107 3.57847 3.00579 3.68067 3.00402 3.78825C3.00234 3.89583 3.04425 3.9994 3.12036 4.07551L5.85334 6.80849C6.00347 6.95863 6.24521 6.96384 6.40201 6.8207C9.56379 3.93236 14.4363 3.93236 17.5981 6.8207C17.755 6.96409 17.9965 6.95887 18.1467 6.80849L20.8797 4.07551C20.9558 3.99948 20.9976 3.89575 20.9959 3.78825C20.9942 3.68067 20.949 3.57847 20.8707 3.50484Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.helmet {
    margin-right: 50.4px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM8.5 14V16H11V18H13V16H14C14.663 16 15.2989 15.7366 15.7678 15.2678C16.2366 14.7989 16.5 14.163 16.5 13.5C16.5 12.837 16.2366 12.2011 15.7678 11.7322C15.2989 11.2634 14.663 11 14 11H10C9.86739 11 9.74021 10.9473 9.64645 10.8536C9.55268 10.7598 9.5 10.6326 9.5 10.5C9.5 10.3674 9.55268 10.2402 9.64645 10.1464C9.74021 10.0527 9.86739 10 10 10H15.5V8H13V6H11V8H10C9.33696 8 8.70107 8.26339 8.23223 8.73223C7.76339 9.20107 7.5 9.83696 7.5 10.5C7.5 11.163 7.76339 11.7989 8.23223 12.2678C8.70107 12.7366 9.33696 13 10 13H14C14.1326 13 14.2598 13.0527 14.3536 13.1464C14.4473 13.2402 14.5 13.3674 14.5 13.5C14.5 13.6326 14.4473 13.7598 14.3536 13.8536C14.2598 13.9473 14.1326 14 14 14H8.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.dollar {
    margin-right: 50.4px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 10H20C20.2652 10 20.5196 10.1054 20.7071 10.2929C20.8946 10.4804 21 10.7348 21 11V21C21 21.2652 20.8946 21.5196 20.7071 21.7071C20.5196 21.8946 20.2652 22 20 22H4C3.73478 22 3.48043 21.8946 3.29289 21.7071C3.10536 21.5196 3 21.2652 3 21V11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1054 3.73478 10 4 10H5V9C5 8.08075 5.18106 7.1705 5.53284 6.32122C5.88463 5.47194 6.40024 4.70026 7.05025 4.05025C7.70026 3.40024 8.47194 2.88463 9.32122 2.53284C10.1705 2.18106 11.0807 2 12 2C12.9193 2 13.8295 2.18106 14.6788 2.53284C15.5281 2.88463 16.2997 3.40024 16.9497 4.05025C17.5998 4.70026 18.1154 5.47194 18.4672 6.32122C18.8189 7.1705 19 8.08075 19 9V10ZM17 10V9C17 7.67392 16.4732 6.40215 15.5355 5.46447C14.5979 4.52678 13.3261 4 12 4C10.6739 4 9.40215 4.52678 8.46447 5.46447C7.52678 6.40215 7 7.67392 7 9V10H17ZM11 14V18H13V14H11Z' fill='white'/%3E%3C/svg%3E%0A");
  margin-left: auto;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.closed {
    height: 75.6px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 9.99997H20C20.2652 9.99997 20.5196 10.1053 20.7071 10.2929C20.8946 10.4804 21 10.7348 21 11V21C21 21.2652 20.8946 21.5195 20.7071 21.7071C20.5196 21.8946 20.2652 22 20 22H4C3.73478 22 3.48043 21.8946 3.29289 21.7071C3.10536 21.5195 3 21.2652 3 21V11C3 10.7348 3.10536 10.4804 3.29289 10.2929C3.48043 10.1053 3.73478 9.99997 4 9.99997H5V8.99997C4.99943 7.42267 5.53158 5.89141 6.51019 4.6544C7.4888 3.41739 8.8565 2.54715 10.3916 2.18473C11.9267 1.82231 13.5392 1.98897 14.9677 2.65768C16.3963 3.32639 17.5571 4.45796 18.262 5.86897L16.473 6.76297C15.9695 5.75499 15.1403 4.94661 14.1198 4.46891C13.0994 3.99122 11.9475 3.87219 10.8509 4.13115C9.7543 4.3901 8.77733 5.01184 8.07836 5.89558C7.37939 6.77931 6.9994 7.87323 7 8.99997V9.99997ZM10 15V17H14V15H10Z' fill='%2394E42E'/%3E%3C/svg%3E%0A");
  margin-left: auto;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-table li .games-lobby-icon.open {
    height: 75.6px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-header {
  justify-content: space-between;
  width: 100%;
}
#games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
  justify-content: flex-start;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn {
    padding-left: 50.4px;
  }
}
#games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9 6.85796L17.142 11.101L7.242 21H3V16.757L12.9 6.85696V6.85796ZM14.314 5.44396L16.435 3.32196C16.6225 3.13449 16.8768 3.02917 17.142 3.02917C17.4072 3.02917 17.6615 3.13449 17.849 3.32196L20.678 6.15096C20.8655 6.33849 20.9708 6.5928 20.9708 6.85796C20.9708 7.12313 20.8655 7.37743 20.678 7.56496L18.556 9.68596L14.314 5.44396Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    width: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-center .games-lobby-header .games-lobby-btn .pencil {
    margin-right: 31.5px;
  }
}
#games .games-lobby .games-lobby-icon {
  display: flex;
  background-size: 100%;
}
#games .games-lobby .games-lobby-icon.read {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 30.486V42.016C41.9995 42.5424 41.79 43.047 41.4176 43.419C41.0452 43.791 40.5404 44 40.014 44H7.98599C7.72334 43.9982 7.46363 43.9446 7.22168 43.8424C6.97973 43.7402 6.76028 43.5913 6.57586 43.4043C6.39144 43.2173 6.24567 42.9958 6.14686 42.7524C6.04805 42.5091 5.99814 42.2486 5.99999 41.986V18H18C18.5304 18 19.0391 17.7893 19.4142 17.4142C19.7893 17.0391 20 16.5304 20 16V4H40.004C41.106 4 42 4.91 42 5.984V13.514L24.002 31.514L23.99 39.99L32.482 40.002L42 30.486ZM43.556 17.616L46.384 20.444L30.828 36L27.996 35.996L28 33.172L43.556 17.616ZM5.99999 14L16 4.006V14H5.99999Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.read {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.read {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.read {
    margin-right: 72.45px;
  }
}
#games .games-lobby .games-lobby-icon.settings {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.66 6.54199C11.9081 6.09673 13.2569 6.0149 14.5497 6.30599C15.8425 6.59708 17.0261 7.24915 17.9629 8.18637C18.8997 9.1236 19.5512 10.3075 19.8417 11.6004C20.1322 12.8933 20.0498 14.2421 19.604 15.49L41.294 37.18L37.05 41.422L15.36 19.734C14.1119 20.1792 12.7631 20.2611 11.4703 19.97C10.1775 19.6789 8.99392 19.0268 8.05711 18.0896C7.12031 17.1524 6.46877 15.9685 6.17826 14.6756C5.88774 13.3827 5.97018 12.0339 6.41599 10.786L10.888 15.26C11.1647 15.5465 11.4958 15.7751 11.8618 15.9323C12.2278 16.0895 12.6215 16.1723 13.0198 16.1757C13.4181 16.1792 13.8132 16.1033 14.1819 15.9525C14.5505 15.8016 14.8855 15.5789 15.1672 15.2972C15.4489 15.0155 15.6716 14.6805 15.8225 14.3118C15.9733 13.9432 16.0492 13.5481 16.0457 13.1498C16.0423 12.7514 15.9595 12.3578 15.8023 11.9918C15.6451 11.6258 15.4165 11.2947 15.13 11.018L10.658 6.53999L10.66 6.54199ZM31.394 10.31L37.758 6.77399L40.586 9.60199L37.05 15.966L33.514 16.674L29.274 20.916L26.444 18.088L30.686 13.846L31.394 10.31ZM17.252 25.866L21.494 30.11L11.594 40.01C11.0481 40.5508 10.3154 40.8615 9.54716 40.878C8.77888 40.8945 8.03357 40.6156 7.4649 40.0988C6.89624 39.5819 6.54759 38.8665 6.49086 38.1002C6.43413 37.3338 6.67364 36.5749 7.15999 35.98L7.35399 35.766L17.254 25.866H17.252Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.settings {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.settings {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.settings {
    margin-right: 72.45px;
  }
}
#games .games-lobby .games-lobby-icon.games {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5 6C27.8869 6 30.1761 6.94821 31.864 8.63604C33.5518 10.3239 34.5 12.6131 34.5 15V21C34.5 23.3869 33.5518 25.6761 31.864 27.364C30.1761 29.0518 27.8869 30 25.5 30H10.5C8.11305 30 5.82387 29.0518 4.13604 27.364C2.44821 25.6761 1.5 23.3869 1.5 21V15C1.5 12.6131 2.44821 10.3239 4.13604 8.63604C5.82387 6.94821 8.11305 6 10.5 6H25.5ZM15 13.5H12V16.5H9V19.5H11.9985L12 22.5H15L14.9985 19.5H18V16.5H15V13.5ZM27 19.5H24V22.5H27V19.5ZM24 13.5H21V16.5H24V13.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.games {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.games {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-icon.games {
    margin-right: 72.45px;
  }
}
#games .games-lobby .games-lobby-header {
  display: flex;
  align-items: center;
  font-weight: 800;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header {
    font-size: 81.9px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header {
    margin-bottom: 50.4px;
  }
}
#games .games-lobby .games-lobby-header .games-lobby-header-title {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}
#games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9 6.85796L17.142 11.101L7.242 21H3V16.757L12.9 6.85696V6.85796ZM14.314 5.44396L16.435 3.32196C16.6225 3.13449 16.8768 3.02917 17.142 3.02917C17.4072 3.02917 17.6615 3.13449 17.849 3.32196L20.678 6.15096C20.8655 6.33849 20.9708 6.5928 20.9708 6.85796C20.9708 7.12313 20.8655 7.37743 20.678 7.56496L18.556 9.68596L14.314 5.44396Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    width: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 69.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header .games-lobby-icon.pencil {
    margin-right: 97.65px;
  }
}
#games .games-lobby .games-lobby-header.s1 {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 92.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header.s1 {
    margin-bottom: 129.15px;
  }
}
#games .games-lobby .games-lobby-header.s2 {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 126px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header.s2 {
    margin-bottom: 176.4px;
  }
}
#games .games-lobby .games-lobby-header.s3 {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 99px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header.s3 {
    margin-bottom: 138.6px;
  }
}
#games .games-lobby .games-lobby-header.s4 {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-header.s4 {
    margin-bottom: 56.7px;
  }
}
#games .games-lobby .games-lobby-left {
  display: flex;
  flex-direction: column;
}
#games .games-lobby .games-lobby-left .games-lobby-left-desc {
  font-weight: 500;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 229.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 255px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 328.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 349.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 382.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 357px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 433.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 484.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 510px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 637.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 688.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 663px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 637.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 841.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 1020px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 841.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 1147.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left .games-lobby-left-desc {
    max-width: 1606.5px;
  }
}
#games .games-lobby .games-lobby-left-list {
  display: flex;
  flex-direction: column;
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
  font-weight: 500;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 110.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 122.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 158.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 167.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 183.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 171.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 208.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 196px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 232.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 306.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 330.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 318.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 306.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 404.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 490px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 404.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 551.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    width: 771.75px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-desc {
    font-size: 31.5px;
  }
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-flex {
    margin-bottom: 50.4px;
  }
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-content .games-lobby-left-list-content-text {
    font-size: 56.7px;
  }
}
#games .games-lobby .games-lobby-left-list li {
  display: flex;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list li {
    margin-bottom: 151.2px;
  }
}
#games .games-lobby .games-lobby-left-list li:hover .games-lobby-btn {
  background: #00BBFF;
  border-color: #00BBFF;
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
  background-size: 100%;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon {
    height: 182.7px;
  }
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon.mafia {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M78.5714 62.8311V55.867C76.3085 56.456 74.0021 56.8665 71.6751 57.0953C64.4753 57.8476 57.2388 58.1993 50 58.149C42.7613 58.197 35.5248 57.843 28.3249 57.0877C25.998 56.8596 23.6916 56.4484 21.4287 55.8594V62.8235C23.8159 63.9221 34.3552 65.2916 50 65.2916C65.6449 65.2916 76.1841 63.9221 78.5714 62.8311Z' fill='white'/%3E%3Cpath d='M78.5714 52.1163V34.7381C78.5714 31.2598 76.883 27.9975 74.0433 25.9894C71.2029 23.9814 67.5652 23.4771 64.2861 24.636L54.7539 28.0112C51.6754 29.087 48.3231 29.087 45.2446 28.0112L35.714 24.636C32.4349 23.4771 28.7972 23.9814 25.9568 25.9894C23.1171 27.9975 21.4287 31.2598 21.4287 34.7381V52.1163C23.8159 53.2073 34.3552 54.5775 50 54.5775C65.6449 54.5775 76.1841 53.2073 78.5714 52.1163ZM28.5714 45.6489C28.5714 46.6346 27.7718 47.4341 26.7861 47.4341C25.7996 47.4341 25 46.6346 25 45.6489V38.5055C25 37.5197 25.7996 36.7202 26.7861 36.7202C27.7718 36.7202 28.5714 37.5197 28.5714 38.5055V45.6489ZM39.8087 31.8862C40.506 31.1912 41.6336 31.1912 42.3302 31.8862C44.4458 33.7775 47.1634 34.8579 50 34.9341C52.8389 34.8739 55.5611 33.7913 57.666 31.8862C58.3664 31.2095 59.4803 31.2194 60.1693 31.9076C60.8582 32.5965 60.8681 33.7104 60.1914 34.4115C57.4105 36.9788 53.7842 38.436 50 38.5055C46.2159 38.436 42.5896 36.9788 39.8087 34.4115C39.1121 33.7142 39.1121 32.5835 39.8087 31.8862Z' fill='white'/%3E%3Cpath d='M82.1426 58.0276V63.5055C82.1426 65.4449 80.4306 66.7701 71.6751 67.8024C64.4753 68.5569 57.2388 68.9109 50 68.8629C42.7612 68.9109 35.5247 68.5569 28.3249 67.8024C19.5694 66.7701 17.8574 65.4449 17.8574 63.5055V58.0276C4.82178 61.1038 0 65.0665 0 67.0776C0 70.7847 15.5144 76.0055 50 76.0055C84.4856 76.0055 100 70.7847 100 67.0776C100 65.0665 95.1782 61.1038 82.1426 58.0276Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon.tanks {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73.2145 32.1515L69.9209 25.2008C69.6674 24.5672 69.0537 24.152 68.3717 24.152H66.7041V22.4844C66.7041 21.5639 65.957 20.8168 65.0365 20.8168H51.6957C50.7752 20.8168 50.0281 21.5639 50.0281 22.4844V24.152H45.0253C44.9169 24.1619 44.8085 24.1736 44.7001 24.1836L36.5223 25.8196H31.6846C30.764 25.8196 30.017 26.5666 30.017 27.4872V29.1548H13.341C13.341 28.2342 12.5955 27.4872 11.6734 27.4872H1.6676C0.747079 27.4872 0 28.2342 0 29.1548V32.49C0 33.4105 0.747079 34.1575 1.6676 34.1575H11.6732C12.5953 34.1575 13.3408 33.4105 13.3408 32.49H30.0168V34.1575C30.0168 35.0781 30.7638 35.8251 31.6844 35.8251H35.0196H71.7069C72.6274 35.8251 73.3745 35.0781 73.3745 34.1575V32.8652C73.3745 32.6185 73.3196 32.3749 73.2145 32.1515Z' fill='white'/%3E%3Cpath d='M95.0534 44.1634H91.7182V40.8282C91.7182 39.9077 90.9712 39.1606 90.0506 39.1606H21.6787C20.7582 39.1606 20.0111 39.9077 20.0111 40.8282V44.1634H8.33796C7.89597 44.1634 7.47077 44.3384 7.15904 44.6521L0.488653 51.3223C-0.161745 51.9727 -0.161745 53.03 0.488653 53.6803L5.49145 58.6831C6.14184 59.3335 7.19908 59.3335 7.84948 58.6831L11.8751 54.6575C12.1886 54.344 12.6122 54.1688 13.054 54.1688H95.0534C95.974 54.1688 96.721 53.4218 96.721 52.5012V45.8308C96.721 44.9105 95.974 44.1634 95.0534 44.1634Z' fill='white'/%3E%3Cpath d='M99.751 63.1757C98.9239 59.7839 96.3659 57.5042 93.3857 57.5042C93.3707 57.5042 93.3541 57.5024 93.3391 57.5042H16.6294C13.6494 57.5042 11.0912 59.7839 10.2641 63.1757C9.49862 66.3191 10.4158 70.3665 14.1346 72.2925L25.8078 78.9628C26.0596 79.108 26.3447 79.183 26.635 79.183H83.3801C83.6704 79.183 83.9555 79.108 84.2073 78.9628L95.8205 72.3259C99.601 70.3665 100.516 66.3191 99.751 63.1757Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-icon.airsoft {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M93.2406 44.9746H99.9999C97.6347 21.2683 78.7333 2.36373 55.0255 0V6.75964C75.0261 9.07098 90.9272 24.9723 93.2406 44.9746Z' fill='white'/%3E%3Cpath d='M6.75964 55.0255H0C2.36541 78.7316 21.2666 97.6363 44.9746 99.9999V93.2406C24.974 90.9289 9.07266 75.0278 6.75964 55.0255Z' fill='white'/%3E%3Cpath d='M55.0255 93.2406V99.9999C78.7333 97.6361 97.6347 78.7316 99.9999 55.0255H93.2406C90.9272 75.0278 75.0261 90.9289 55.0255 93.2406Z' fill='white'/%3E%3Cpath d='M44.9746 6.75964V0C21.2666 2.36373 2.36541 21.2683 0 44.9746H6.75964C9.07266 24.9723 24.974 9.07098 44.9746 6.75964Z' fill='white'/%3E%3Cpath d='M73.8419 44.9745H80.6243C78.4781 31.8709 68.1291 21.5203 55.0255 19.3757V26.1583C64.4354 28.1392 71.8592 35.5646 73.8419 44.9745Z' fill='white'/%3E%3Cpath d='M26.1581 55.0255H19.3757C21.5219 68.1291 31.8709 78.4798 44.9745 80.6243V73.8417C35.5646 71.8609 28.1408 64.4354 26.1581 55.0255Z' fill='white'/%3E%3Cpath d='M55.0255 73.842V80.6245C68.1291 78.48 78.4781 68.1293 80.6243 55.0258H73.8419C71.8592 64.4354 64.4354 71.8609 55.0255 73.842Z' fill='white'/%3E%3Cpath d='M26.1581 44.9745C28.1408 35.5646 35.5646 28.1394 44.9743 26.1583V19.3757C31.8707 21.5203 21.5219 31.8709 19.3755 44.9745H26.1581Z' fill='white'/%3E%3Cpath d='M61.1177 55.0254C61.8147 53.4893 62.2234 51.796 62.2234 49.9998C62.2234 48.2037 61.8147 46.5104 61.1177 44.9743C59.8938 42.2731 57.7249 40.1059 55.0254 38.882C53.4876 38.1867 51.796 37.7762 49.9998 37.7762C48.2037 37.7762 46.5121 38.1867 44.9743 38.882C42.2748 40.1059 40.1059 42.2731 38.882 44.9743C38.185 46.5104 37.7762 48.2037 37.7762 49.9998C37.7762 51.796 38.185 53.4893 38.882 55.0254C40.1059 57.7266 42.2748 59.8938 44.9743 61.1177C46.5121 61.813 48.2037 62.2234 49.9998 62.2234C51.796 62.2234 53.4876 61.813 55.0254 61.1177C57.7249 59.8938 59.8938 57.7266 61.1177 55.0254Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
  background: linear-gradient(180deg, #754546 0%, rgba(117, 69, 70, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 1.35px solid #00BBFF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 1.5px solid #00BBFF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 1.935px solid #00BBFF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.055px solid #00BBFF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.25px solid #00BBFF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.1px solid #00BBFF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.55px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.4px solid #00BBFF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 2.85px solid #00BBFF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 3px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 3px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 3.75px solid #00BBFF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 4.05px solid #00BBFF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 3.9px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 3.75px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 4.95px solid #00BBFF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 6px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 4.95px solid #00BBFF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 6.75px solid #00BBFF;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border: 9.45px solid #00BBFF;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 40.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 44.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 57.405px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 60.965px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 66.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 62.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 75.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 71.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 84.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 89px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 111.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 120.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 115.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 111.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 146.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 178px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 146.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 200.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    border-radius: 280.35px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 60.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    margin-right: 85.05px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-width: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    min-height: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-list .games-lobby-left-list-leftIcon {
    height: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-lobby .games-lobby-left-desc {
    margin-bottom: 151.2px;
  }
}
#games .games-help-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #games .games-help-info {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info {
    width: 1776.6px;
  }
}
#games .games-help-info.active {
  z-index: 2;
  text-shadow: 0px -1px 20px rgba(255, 255, 255, 0.5);
}
#games .games-help-info.active .games-help-info-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 110 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M55 100.833C29.6862 100.833 9.16663 80.3138 9.16663 55.0001C9.16663 29.6863 29.6862 9.16675 55 9.16675C80.3137 9.16675 100.833 29.6863 100.833 55.0001C100.833 80.3138 80.3137 100.833 55 100.833ZM55 91.6667C64.7246 91.6667 74.0509 87.8037 80.9272 80.9273C87.8035 74.051 91.6666 64.7247 91.6666 55.0001C91.6666 45.2755 87.8035 35.9492 80.9272 29.0728C74.0509 22.1965 64.7246 18.3334 55 18.3334C45.2754 18.3334 35.949 22.1965 29.0727 29.0728C22.1964 35.9492 18.3333 45.2755 18.3333 55.0001C18.3333 64.7247 22.1964 74.051 29.0727 80.9273C35.949 87.8037 45.2754 91.6667 55 91.6667ZM55 48.5193L67.9616 35.553L74.447 42.0384L61.4808 55.0001L74.447 67.9618L67.9616 74.4472L55 61.4809L42.0383 74.4472L35.5529 67.9618L48.5191 55.0001L35.5529 42.0384L42.0383 35.553L55 48.5193Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-4' y='-4' width='118' height='118' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") !important;
}
#games .games-help-info p {
  font-weight: 700;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  #games .games-help-info p {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info p {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info p {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info p {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info p {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info p {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info p {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info p {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info p {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info p {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info p {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info p {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info p {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info p {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info p {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info p {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info p {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info p {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info p {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info p {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #games .games-help-info p {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info p {
    letter-spacing: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info p {
    letter-spacing: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info p {
    letter-spacing: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info p {
    letter-spacing: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info p {
    letter-spacing: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info p {
    letter-spacing: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info p {
    letter-spacing: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info p {
    letter-spacing: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info p {
    letter-spacing: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info p {
    letter-spacing: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info p {
    letter-spacing: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info p {
    letter-spacing: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info p {
    letter-spacing: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info p {
    letter-spacing: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info p {
    letter-spacing: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info p {
    letter-spacing: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info p {
    letter-spacing: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info p {
    letter-spacing: 11.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info p {
    letter-spacing: 15.75px;
  }
}
#games .games-help-info .games-help-info-subtitle {
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 112.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 125.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 161.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 171.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 188.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 175.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 213.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 200.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 238.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 251px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 251px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 313.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 338.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 326.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 313.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 414.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 502px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 414.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 564.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-subtitle {
    width: 790.65px;
  }
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 247.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-subtitle {
    height: 346.5px;
  }
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-subtitle {
    margin-bottom: 34.65px;
  }
}
#games .games-help-info .games-help-info-text {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-text {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-text {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-text {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-text {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-text {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-text {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-text {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-text {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-text {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-text {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-text {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-text {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-text {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-text {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-text {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-text {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-text {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-text {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-text {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-text {
    font-size: 201.6px;
  }
}
#games .games-help-info .games-help-info-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 110 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55 100.833C29.6862 100.833 9.16663 80.3137 9.16663 55C9.16663 29.6862 29.6862 9.16663 55 9.16663C80.3137 9.16663 100.833 29.6862 100.833 55C100.833 80.3137 80.3137 100.833 55 100.833ZM55 91.6666C64.7246 91.6666 74.0509 87.8035 80.9272 80.9272C87.8035 74.0509 91.6666 64.7246 91.6666 55C91.6666 45.2754 87.8035 35.949 80.9272 29.0727C74.0509 22.1964 64.7246 18.3333 55 18.3333C45.2754 18.3333 35.949 22.1964 29.0727 29.0727C22.1964 35.949 18.3333 45.2754 18.3333 55C18.3333 64.7246 22.1964 74.0509 29.0727 80.9272C35.949 87.8035 45.2754 91.6666 55 91.6666ZM55 48.5191L67.9616 35.5529L74.447 42.0383L61.4808 55L74.447 67.9616L67.9616 74.447L55 61.4808L42.0383 74.447L35.5529 67.9616L48.5191 55L35.5529 42.0383L42.0383 35.5529L55 48.5191Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-icon {
    width: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-icon {
    width: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-icon {
    width: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-icon {
    width: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-icon {
    width: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-icon {
    width: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-icon {
    width: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-icon {
    width: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-icon {
    width: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-icon {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-icon {
    width: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-icon {
    width: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-icon {
    width: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-icon {
    width: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-icon {
    width: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    width: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    width: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    width: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    width: 247.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-icon {
    width: 346.5px;
  }
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-icon {
    height: 49.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-icon {
    height: 55px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-icon {
    height: 70.95px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-icon {
    height: 75.35px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-icon {
    height: 82.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-icon {
    height: 77px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-icon {
    height: 93.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-icon {
    height: 88px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-icon {
    height: 104.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-icon {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-icon {
    height: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-icon {
    height: 137.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-icon {
    height: 148.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-icon {
    height: 143px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-icon {
    height: 137.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    height: 181.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    height: 220px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    height: 181.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    height: 247.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-icon {
    height: 346.5px;
  }
}
@media (max-width: 799px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #games .games-help-info .games-help-info-icon {
    margin-right: 75.6px;
  }
}
#games .games-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-title {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-title {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-title {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-title {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-title {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-title {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-title {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-title {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-title {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-title {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-title {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-title {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-title {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-title {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-title {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-title {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #games .games-title {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .games-title {
    margin-bottom: 31.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-title {
    margin-bottom: 35.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-title {
    margin-bottom: 45.795px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-title {
    margin-bottom: 48.635px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-title {
    margin-bottom: 53.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-title {
    margin-bottom: 49.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-title {
    margin-bottom: 60.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-title {
    margin-bottom: 56.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-title {
    margin-bottom: 67.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-title {
    margin-bottom: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-title {
    margin-bottom: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-title {
    margin-bottom: 88.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-title {
    margin-bottom: 95.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-title {
    margin-bottom: 92.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-title {
    margin-bottom: 88.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-title {
    margin-bottom: 117.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-title {
    margin-bottom: 142px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-title {
    margin-bottom: 117.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-title {
    margin-bottom: 159.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-title {
    margin-bottom: 223.65px;
  }
}
#games .games-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #games .games-list {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list {
    margin-bottom: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list {
    margin-bottom: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list {
    margin-bottom: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list {
    margin-bottom: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list {
    margin-bottom: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list {
    margin-bottom: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list {
    margin-bottom: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list {
    margin-bottom: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list {
    margin-bottom: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list {
    margin-bottom: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list {
    margin-bottom: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list {
    margin-bottom: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list {
    margin-bottom: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list {
    margin-bottom: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list {
    margin-bottom: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list {
    margin-bottom: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list {
    margin-bottom: 99px;
  }
}
@media (min-width: 6000px) {
  #games .games-list {
    margin-bottom: 138.6px;
  }
}
@media (max-width: 799px) {
  #games .games-list {
    height: 290.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list {
    height: 323px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list {
    height: 416.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list {
    height: 442.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list {
    height: 484.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list {
    height: 452.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list {
    height: 549.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list {
    height: 516.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list {
    height: 613.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list {
    height: 646px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list {
    height: 646px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list {
    height: 807.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list {
    height: 872.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list {
    height: 839.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list {
    height: 807.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list {
    height: 1065.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list {
    height: 1292px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list {
    height: 1065.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list {
    height: 1453.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-list {
    height: 2034.9px;
  }
}
@media (max-width: 799px) {
  #games .games-list {
    width: 402.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list {
    width: 447px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list {
    width: 576.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list {
    width: 612.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list {
    width: 670.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list {
    width: 625.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list {
    width: 759.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list {
    width: 715.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list {
    width: 849.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list {
    width: 894px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list {
    width: 894px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list {
    width: 1117.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list {
    width: 1206.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list {
    width: 1162.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list {
    width: 1117.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list {
    width: 1475.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list {
    width: 1788px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list {
    width: 1475.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list {
    width: 2011.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-list {
    width: 2816.1px;
  }
}
#games .games-list .games-list-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #games .games-list .games-list-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list .games-list-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list .games-list-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list .games-list-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list .games-list-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list .games-list-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list .games-list-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list .games-list-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list .games-list-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list .games-list-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list .games-list-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list .games-list-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list .games-list-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list .games-list-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list .games-list-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list .games-list-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list .games-list-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list .games-list-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list .games-list-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #games .games-list .games-list-title {
    font-size: 113.4px;
  }
}
#games .games-list .games-list-icon {
  display: flex;
  background-size: 100%;
  margin-top: auto;
}
@media (max-width: 799px) {
  #games .games-list .games-list-icon {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list .games-list-icon {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list .games-list-icon {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list .games-list-icon {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list .games-list-icon {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list .games-list-icon {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list .games-list-icon {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list .games-list-icon {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list .games-list-icon {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list .games-list-icon {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list .games-list-icon {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list .games-list-icon {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list .games-list-icon {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list .games-list-icon {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list .games-list-icon {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-list .games-list-icon {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-list .games-list-icon {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list .games-list-icon {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list .games-list-icon {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list .games-list-icon {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list .games-list-icon {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list .games-list-icon {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list .games-list-icon {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list .games-list-icon {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list .games-list-icon {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list .games-list-icon {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list .games-list-icon {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list .games-list-icon {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list .games-list-icon {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list .games-list-icon {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list .games-list-icon {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #games .games-list .games-list-icon {
    height: 315px;
  }
}
@media (max-width: 799px) {
  #games .games-list .games-list-icon {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list .games-list-icon {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list .games-list-icon {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list .games-list-icon {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list .games-list-icon {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list .games-list-icon {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list .games-list-icon {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list .games-list-icon {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list .games-list-icon {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list .games-list-icon {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list .games-list-icon {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list .games-list-icon {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list .games-list-icon {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list .games-list-icon {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list .games-list-icon {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list .games-list-icon {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list .games-list-icon {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-list .games-list-icon {
    margin-bottom: 56.7px;
  }
}
#games .games-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #games .games-list li {
    width: 117px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li {
    width: 130px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li {
    width: 167.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li {
    width: 178.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li {
    width: 195px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li {
    width: 182px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li {
    width: 221px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li {
    width: 208px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li {
    width: 247px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li {
    width: 325px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li {
    width: 351px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li {
    width: 338px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li {
    width: 429px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li {
    width: 520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li {
    width: 429px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li {
    width: 585px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li {
    width: 819px;
  }
}
@media (max-width: 799px) {
  #games .games-list li {
    height: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li {
    height: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li {
    height: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li {
    height: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li {
    height: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li {
    height: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li {
    height: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li {
    height: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li {
    height: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li {
    height: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li {
    height: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li {
    height: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li {
    height: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li {
    height: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li {
    height: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li {
    height: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li {
    height: 1350px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li {
    height: 1890px;
  }
}
@media (max-width: 799px) {
  #games .games-list li {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li {
    padding-bottom: 189px;
  }
}
#games .games-list li.active {
  filter: blur(4px);
}
#games .games-list li:hover {
  filter: blur(0px);
}
@media (max-width: 799px) {
  #games .games-list li:hover {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li:hover {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li:hover {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li:hover {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li:hover {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li:hover {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li:hover {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li:hover {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li:hover {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li:hover {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li:hover {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li:hover {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li:hover {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li:hover {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li:hover {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li:hover {
    width: 882px;
  }
}
@media (max-width: 799px) {
  #games .games-list li:hover {
    height: 290.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li:hover {
    height: 322.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li:hover {
    height: 416.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li:hover {
    height: 441.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li:hover {
    height: 483.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li:hover {
    height: 451.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li:hover {
    height: 548.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li:hover {
    height: 516px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li:hover {
    height: 612.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li:hover {
    height: 645px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li:hover {
    height: 645px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li:hover {
    height: 806.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li:hover {
    height: 870.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li:hover {
    height: 838.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li:hover {
    height: 806.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    height: 1064.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    height: 1290px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    height: 1064.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    height: 1451.25px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li:hover {
    height: 2031.75px;
  }
}
@media (max-width: 799px) {
  #games .games-list li:hover {
    padding-bottom: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li:hover {
    padding-bottom: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li:hover {
    padding-bottom: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li:hover {
    padding-bottom: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li:hover {
    padding-bottom: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li:hover {
    padding-bottom: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li:hover {
    padding-bottom: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li:hover {
    padding-bottom: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li:hover {
    padding-bottom: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li:hover {
    padding-bottom: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li:hover {
    padding-bottom: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li:hover {
    padding-bottom: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li:hover {
    padding-bottom: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li:hover {
    padding-bottom: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li:hover {
    padding-bottom: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    padding-bottom: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    padding-bottom: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li:hover {
    padding-bottom: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li:hover {
    padding-bottom: 186.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li:hover {
    padding-bottom: 261.45px;
  }
}
#games .games-list li p {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  #games .games-list li p {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li p {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li p {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li p {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li p {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li p {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li p {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li p {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li p {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li p {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li p {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li p {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li p {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li p {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li p {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li p {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li p {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li p {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li p {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li p {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #games .games-list li p {
    width: 84.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .games-list li p {
    width: 93.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .games-list li p {
    width: 120.615px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .games-list li p {
    width: 128.095px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .games-list li p {
    width: 140.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .games-list li p {
    width: 130.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .games-list li p {
    width: 158.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .games-list li p {
    width: 149.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .games-list li p {
    width: 177.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .games-list li p {
    width: 187px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .games-list li p {
    width: 187px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .games-list li p {
    width: 233.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .games-list li p {
    width: 252.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .games-list li p {
    width: 243.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .games-list li p {
    width: 233.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .games-list li p {
    width: 308.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .games-list li p {
    width: 374px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .games-list li p {
    width: 308.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .games-list li p {
    width: 420.75px;
  }
}
@media (min-width: 6000px) {
  #games .games-list li p {
    width: 589.05px;
  }
}
#games .games-list li.mafia {
  background: url(/src/views/games/other/images/mafia.png) no-repeat 0 0/100%;
}
#games .games-list li.mafia .games-list-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M78.5714 62.8311V55.867C76.3085 56.456 74.0021 56.8665 71.6751 57.0953C64.4753 57.8476 57.2388 58.1993 50 58.149C42.7613 58.197 35.5248 57.843 28.3249 57.0877C25.998 56.8596 23.6916 56.4484 21.4287 55.8594V62.8235C23.8159 63.9221 34.3552 65.2916 50 65.2916C65.6449 65.2916 76.1841 63.9221 78.5714 62.8311Z' fill='white'/%3E%3Cpath d='M78.5714 52.1163V34.7381C78.5714 31.2598 76.883 27.9975 74.0433 25.9894C71.2029 23.9814 67.5652 23.4771 64.2861 24.636L54.7539 28.0112C51.6754 29.087 48.3231 29.087 45.2446 28.0112L35.714 24.636C32.4349 23.4771 28.7972 23.9814 25.9568 25.9894C23.1171 27.9975 21.4287 31.2598 21.4287 34.7381V52.1163C23.8159 53.2073 34.3552 54.5775 50 54.5775C65.6449 54.5775 76.1841 53.2073 78.5714 52.1163ZM28.5714 45.6489C28.5714 46.6346 27.7718 47.4341 26.7861 47.4341C25.7996 47.4341 25 46.6346 25 45.6489V38.5055C25 37.5197 25.7996 36.7202 26.7861 36.7202C27.7718 36.7202 28.5714 37.5197 28.5714 38.5055V45.6489ZM39.8087 31.8862C40.506 31.1912 41.6336 31.1912 42.3302 31.8862C44.4458 33.7775 47.1634 34.8579 50 34.9341C52.8389 34.8739 55.5611 33.7913 57.666 31.8862C58.3664 31.2095 59.4803 31.2194 60.1693 31.9076C60.8582 32.5965 60.8681 33.7104 60.1914 34.4115C57.4105 36.9788 53.7842 38.436 50 38.5055C46.2159 38.436 42.5896 36.9788 39.8087 34.4115C39.1121 33.7142 39.1121 32.5835 39.8087 31.8862Z' fill='white'/%3E%3Cpath d='M82.1426 58.0276V63.5055C82.1426 65.4449 80.4306 66.7701 71.6751 67.8024C64.4753 68.5569 57.2388 68.9109 50 68.8629C42.7612 68.9109 35.5247 68.5569 28.3249 67.8024C19.5694 66.7701 17.8574 65.4449 17.8574 63.5055V58.0276C4.82178 61.1038 0 65.0665 0 67.0776C0 70.7847 15.5144 76.0055 50 76.0055C84.4856 76.0055 100 70.7847 100 67.0776C100 65.0665 95.1782 61.1038 82.1426 58.0276Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-list li.tanks {
  background: url(/src/views/games/other/images/tanks.png) no-repeat 0 0/100%;
}
#games .games-list li.tanks .games-list-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73.2145 32.1515L69.9209 25.2008C69.6674 24.5672 69.0537 24.152 68.3717 24.152H66.7041V22.4844C66.7041 21.5639 65.957 20.8168 65.0365 20.8168H51.6957C50.7752 20.8168 50.0281 21.5639 50.0281 22.4844V24.152H45.0253C44.9169 24.1619 44.8085 24.1736 44.7001 24.1836L36.5223 25.8196H31.6846C30.764 25.8196 30.017 26.5666 30.017 27.4872V29.1548H13.341C13.341 28.2342 12.5955 27.4872 11.6734 27.4872H1.6676C0.747079 27.4872 0 28.2342 0 29.1548V32.49C0 33.4105 0.747079 34.1575 1.6676 34.1575H11.6732C12.5953 34.1575 13.3408 33.4105 13.3408 32.49H30.0168V34.1575C30.0168 35.0781 30.7638 35.8251 31.6844 35.8251H35.0196H71.7069C72.6274 35.8251 73.3745 35.0781 73.3745 34.1575V32.8652C73.3745 32.6185 73.3196 32.3749 73.2145 32.1515Z' fill='white'/%3E%3Cpath d='M95.0534 44.1634H91.7182V40.8282C91.7182 39.9077 90.9712 39.1606 90.0506 39.1606H21.6787C20.7582 39.1606 20.0111 39.9077 20.0111 40.8282V44.1634H8.33796C7.89597 44.1634 7.47077 44.3384 7.15904 44.6521L0.488653 51.3223C-0.161745 51.9727 -0.161745 53.03 0.488653 53.6803L5.49145 58.6831C6.14184 59.3335 7.19908 59.3335 7.84948 58.6831L11.8751 54.6575C12.1886 54.344 12.6122 54.1688 13.054 54.1688H95.0534C95.974 54.1688 96.721 53.4218 96.721 52.5012V45.8308C96.721 44.9105 95.974 44.1634 95.0534 44.1634Z' fill='white'/%3E%3Cpath d='M99.751 63.1757C98.9239 59.7839 96.3659 57.5042 93.3857 57.5042C93.3707 57.5042 93.3541 57.5024 93.3391 57.5042H16.6294C13.6494 57.5042 11.0912 59.7839 10.2641 63.1757C9.49862 66.3191 10.4158 70.3665 14.1346 72.2925L25.8078 78.9628C26.0596 79.108 26.3447 79.183 26.635 79.183H83.3801C83.6704 79.183 83.9555 79.108 84.2073 78.9628L95.8205 72.3259C99.601 70.3665 100.516 66.3191 99.751 63.1757Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-list li.airsoft {
  background: url(/src/views/games/other/images/airsoft.png) no-repeat 0 0/100%;
}
#games .games-list li.airsoft .games-list-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M93.2406 44.9746H99.9999C97.6347 21.2683 78.7333 2.36373 55.0255 0V6.75964C75.0261 9.07098 90.9272 24.9723 93.2406 44.9746Z' fill='white'/%3E%3Cpath d='M6.75964 55.0255H0C2.36541 78.7316 21.2666 97.6363 44.9746 99.9999V93.2406C24.974 90.9289 9.07266 75.0278 6.75964 55.0255Z' fill='white'/%3E%3Cpath d='M55.0255 93.2406V99.9999C78.7333 97.6361 97.6347 78.7316 99.9999 55.0255H93.2406C90.9272 75.0278 75.0261 90.9289 55.0255 93.2406Z' fill='white'/%3E%3Cpath d='M44.9746 6.75964V0C21.2666 2.36373 2.36541 21.2683 0 44.9746H6.75964C9.07266 24.9723 24.974 9.07098 44.9746 6.75964Z' fill='white'/%3E%3Cpath d='M73.8419 44.9745H80.6243C78.4781 31.8709 68.1291 21.5203 55.0255 19.3757V26.1583C64.4354 28.1392 71.8592 35.5646 73.8419 44.9745Z' fill='white'/%3E%3Cpath d='M26.1581 55.0255H19.3757C21.5219 68.1291 31.8709 78.4798 44.9745 80.6243V73.8417C35.5646 71.8609 28.1408 64.4354 26.1581 55.0255Z' fill='white'/%3E%3Cpath d='M55.0255 73.842V80.6245C68.1291 78.48 78.4781 68.1293 80.6243 55.0258H73.8419C71.8592 64.4354 64.4354 71.8609 55.0255 73.842Z' fill='white'/%3E%3Cpath d='M26.1581 44.9745C28.1408 35.5646 35.5646 28.1394 44.9743 26.1583V19.3757C31.8707 21.5203 21.5219 31.8709 19.3755 44.9745H26.1581Z' fill='white'/%3E%3Cpath d='M61.1177 55.0254C61.8147 53.4893 62.2234 51.796 62.2234 49.9998C62.2234 48.2037 61.8147 46.5104 61.1177 44.9743C59.8938 42.2731 57.7249 40.1059 55.0254 38.882C53.4876 38.1867 51.796 37.7762 49.9998 37.7762C48.2037 37.7762 46.5121 38.1867 44.9743 38.882C42.2748 40.1059 40.1059 42.2731 38.882 44.9743C38.185 46.5104 37.7762 48.2037 37.7762 49.9998C37.7762 51.796 38.185 53.4893 38.882 55.0254C40.1059 57.7266 42.2748 59.8938 44.9743 61.1177C46.5121 61.813 48.2037 62.2234 49.9998 62.2234C51.796 62.2234 53.4876 61.813 55.0254 61.1177C57.7249 59.8938 59.8938 57.7266 61.1177 55.0254Z' fill='white'/%3E%3C/svg%3E%0A");
}
#games .games-list li:last-child {
  margin-right: 0;
}
#games .popup-mafia {
  width: 100%;
  height: 100%;
  position: fixed;
  background: red;
  z-index: 1;
  background: radial-gradient(50% 50% at 50% 50%, #1D1D1D 0%, #070707 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#games .popup-mafia .popup-mafia-background {
  background: url(/src/views/games/other/images/popup/person.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-background {
    width: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-background {
    width: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-background {
    width: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-background {
    width: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-background {
    width: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-background {
    width: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-background {
    width: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-background {
    width: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-background {
    width: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-background {
    width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-background {
    width: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-background {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-background {
    width: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-background {
    width: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-background {
    width: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-background {
    width: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-background {
    width: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-background {
    width: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-background {
    width: 1080px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-background {
    width: 1512px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-background {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-background {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-background {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-background {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-background {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-background {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-background {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-background {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-background {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-background {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-background {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-background {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-background {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-background {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-background {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-background {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-background {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-background {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-background {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-background {
    height: 1512px;
  }
}
#games .popup-mafia .popup-mafia__img-time {
  background: url(/src/views/games/other/images/popup/time.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 77.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 86px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 110.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 117.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 129px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 120.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 146.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 137.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 163.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 172px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 232.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 223.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 283.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 344px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 283.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 387px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time {
    width: 541.8px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 122.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 136px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 175.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 186.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 204px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 190.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 231.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 217.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 258.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 272px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 367.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 353.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 340px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 448.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 544px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 448.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 612px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time {
    height: 856.8px;
  }
}
#games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #FDFFFC;
  font-weight: bold;
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 378px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    width: 529.2px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 378px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    height: 529.2px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 1.8px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 2px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 2.58px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 2.74px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 3px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 2.8px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 3.4px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 3.2px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 3.8px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 4px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 4px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 5px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 5.4px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 5.2px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 5px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 6.6px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 8px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 6.6px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 9px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    border: 12.6px solid #FDFFFC;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__img-time .popup-mafia__time {
    line-height: 94.5px;
  }
}
#games .popup-mafia .popup-mafia-title {
  color: #FF9F1C;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-title {
    margin-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-title {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-title {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-title {
    line-height: 94.5px;
  }
}
#games .popup-mafia .popup-mafia-subtitle {
  font-weight: 500;
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-subtitle {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 373.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 415px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 535.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 568.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 622.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 581px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 705.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 664px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 788.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 830px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1037.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1120.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1079px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1037.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1369.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1369.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 1867.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-subtitle {
    width: 2614.5px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia-subtitle {
    margin-bottom: 94.5px;
  }
}
#games .popup-mafia .box-flex {
  display: flex;
  align-items: center;
}
#games .popup-mafia .box-flex .popup-mafia__slider {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 15.75px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    height: 22.05px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .box-flex .popup-mafia__slider {
    margin-right: 18.9px;
  }
}
#games .popup-mafia .box-flex .popup-mafia__slider:last-child {
  margin-right: 0;
}
#games .popup-mafia .box-flex .popup-mafia__slider.active {
  background: white;
}
#games .popup-mafia .popup-mafia__buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons {
    margin-top: 94.5px;
  }
}
#games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
  background: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #games .popup-mafia .popup-mafia__buttons .popup-mafia__button {
    font-size: 113.4px;
  }
}
#games .popup-mafia .popup-mafia__buttons .popup-mafia__button:last-child {
  margin-right: 0;
}
@font-face {
  font-family: 'icomoon';
  src:  url(../src/views/donate/main/assets/fonts//icomoon.eot);
  src:  url(../src/views/donate/main/assets/fonts//icomoon.eot#iefix) format('embedded-opentype'),
    url(../src/views/donate/main/assets/fonts//icomoon.ttf) format('truetype'),
    url(../src/views/donate/main/assets/fonts//icomoon.woff) format('woff'),
    url(/src/views/donate/main/assets/fonts/icomoon.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="donateicons-"], [class*=" donateicons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.donateicons-esc:before {
  content: "\e900";
}
.donateicons-home:before {
  content: "\e901";
}

@keyframes buttonanim {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes donatescale {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
#newdonate {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/src/views/donate/main/assets/images/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  font-family: "UniNeue";
  box-sizing: border-box;
  overflow-x: auto;
}
@media (max-width: 799px) {
  #newdonate {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    padding-left: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    padding-left: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    padding-left: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    padding-left: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    padding-left: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    padding-left: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    padding-left: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    padding-left: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    padding-left: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    padding-left: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    padding-left: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    padding-left: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    padding-left: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    padding-left: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    padding-left: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    padding-left: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    padding-left: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    padding-left: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    padding-left: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    padding-left: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate {
    padding-right: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate {
    padding-right: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate {
    padding-right: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate {
    padding-right: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate {
    padding-right: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate {
    padding-right: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate {
    padding-right: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate {
    padding-right: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate {
    padding-right: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate {
    padding-right: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate {
    padding-right: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate {
    padding-right: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate {
    padding-right: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate {
    padding-right: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate {
    padding-right: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate {
    padding-right: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate {
    padding-right: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate {
    padding-right: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate {
    padding-right: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate {
    padding-right: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate.popupOpened {
  filter: blur(8px);
  pointer-events: none;
}
#newdonate .box-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
#newdonate .box-date {
  z-index: 1000;
  position: absolute;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  color: white;
  opacity: 0.2;
}
@media (max-width: 799px) {
  #newdonate .box-date {
    bottom: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    bottom: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    bottom: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    bottom: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    bottom: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    bottom: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    bottom: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    bottom: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    bottom: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    bottom: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    bottom: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    bottom: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    bottom: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    bottom: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    bottom: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    bottom: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    bottom: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    right: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    right: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    right: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    right: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    right: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    right: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    right: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    right: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    right: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    right: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    right: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    right: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    right: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    right: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    right: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    right: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    right: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    right: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    width: 434.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date {
    line-height: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date {
    line-height: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date {
    line-height: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date {
    line-height: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date {
    line-height: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date {
    line-height: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date {
    line-height: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date {
    line-height: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date {
    line-height: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date {
    line-height: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date {
    line-height: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date {
    line-height: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date {
    line-height: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date {
    line-height: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date {
    line-height: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date {
    line-height: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date {
    line-height: 31.5px;
  }
}
#newdonate .box-date .box-time {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate .box-date .box-time .time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .box-date .box-time .time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .box-date .box-time .time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .box-date .box-time .time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .box-date .box-time .time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .box-date .box-time .time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .box-date .box-time .time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .box-date .box-time .time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .box-date .box-time .time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .box-date .box-time .time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .box-date .box-time .time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .box-date .box-time .time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .box-date .box-time .time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .box-date .box-time .time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .box-date .box-time .time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .box-date .box-time .time {
    line-height: 75.6px;
  }
}
#newdonate .newdonate__button {
  background: linear-gradient(270deg, rgba(255, 105, 105, 0.2) -0.04%, rgba(255, 64, 64, 0.2) 87.53%);
  transform: skewX(-40deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    width: 132.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    width: 147.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    width: 190.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    width: 202.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    width: 221.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    width: 206.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    width: 250.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    width: 236px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    width: 280.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    width: 398.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    width: 383.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    width: 590px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    width: 663.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    width: 929.25px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button {
    height: 170.1px;
  }
}
#newdonate .newdonate__button .newdonate__button-main {
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main {
    height: 144.9px;
  }
}
#newdonate .newdonate__button .newdonate__button-main:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button .newdonate__button-main:hover .newdonate__button-x2 {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 85.05px;
  }
}
#newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
  position: absolute;
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(40deg);
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -18px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -25.2px;
  }
}
#newdonate .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small {
    height: 144.9px;
  }
}
#newdonate .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
#newdonate .newdonate__header {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header {
    margin-top: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header {
    margin-top: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header {
    margin-top: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header {
    margin-top: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header {
    margin-top: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header {
    margin-top: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header {
    margin-top: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header {
    margin-top: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header {
    margin-top: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header {
    margin-top: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header {
    margin-top: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header {
    margin-top: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header {
    margin-top: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header {
    margin-top: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header {
    margin-top: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header {
    margin-top: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header {
    margin-top: 157.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header {
    margin-top: 220.5px;
  }
}
#newdonate .newdonate__header .newdonate__header-left {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 297px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 330px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 425.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 452.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 495px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 462px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 561px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 528px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 627px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 825px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 891px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 858px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1089px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1089px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 1485px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left {
    max-width: 2079px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block {
  display: flex;
  align-items: center;
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
  background-image: url(/src/views/donate/main/assets/images/store.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 83.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    width: 116.55px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .shop-img {
    height: 103.95px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
  font-family: "UniNeue";
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    margin-left: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .newdonate__title {
    width: 1417.5px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  color: black;
  text-transform: uppercase;
  box-sizing: border-box;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
  display: none;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 73.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 81.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 105.135px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 111.655px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 122.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 114.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 138.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 130.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 154.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 163px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 203.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 220.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 211.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 203.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 268.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 326px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 268.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 366.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    width: 513.45px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    height: 107.1px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 0.9px solid #C9C9C9;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1px solid #C9C9C9;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.29px solid #C9C9C9;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.37px solid #C9C9C9;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.5px solid #C9C9C9;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.4px solid #C9C9C9;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.7px solid #C9C9C9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.6px solid #C9C9C9;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 1.9px solid #C9C9C9;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.5px solid #C9C9C9;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.7px solid #C9C9C9;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.6px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 2.5px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 3.3px solid #C9C9C9;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 4px solid #C9C9C9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 3.3px solid #C9C9C9;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 4.5px solid #C9C9C9;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border: 6.3px solid #C9C9C9;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 123.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    border-radius: 173.25px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    margin-left: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-left: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    padding-right: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button {
    line-height: 85.05px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button.active {
  display: flex;
}
#newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
  background-image: url(/src/views/donate/main/assets/images/strelka.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .header__title-block .back-button .back-img {
    height: 66.15px;
  }
}
#newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-left .newdonate__subtitle {
    margin-top: 63px;
  }
}
#newdonate .newdonate__header .newdonate__header-right {
  display: flex;
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 441px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins {
    margin-right: 617.4px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 198px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin:first-child {
    margin-right: 277.2px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top {
  display: flex;
  align-items: center;
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    width: 144.9px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin {
    height: 144.9px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin.redbucks {
  background-image: url(/src/views/donate/main/assets/images/redbucks.png);
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__coin.bitcoin {
  background-image: url(/src/views/donate/main/assets/images/bitcoin.png);
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    margin-left: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .header-coin__top .newdonate__count {
    line-height: 135.45px;
  }
}
#newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
  text-decoration: underline;
  cursor: pointer;
  font-style: normal;
}
@media (max-width: 799px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate .newdonate__header .newdonate__header-right .newdonate__header-coins .newdonate__header-coin .newdonate__header-info {
    margin-top: 40.95px;
  }
}
#newdonate #newdonate__main-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 333px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 370px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 477.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 506.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 555px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 518px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 629px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 592px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 703px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 925px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 999px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 962px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 925px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1221px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 1665px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    width: 2331px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 162px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 180px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 232.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 246.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 270px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 252px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 306px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 288px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 342px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 486px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 468px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 450px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 594px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 720px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 594px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 810px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    height: 1134px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
  background-image: url(/src/views/donate/main/assets/images/star-shadow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block {
    height: 1071px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 765px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__star-block .star-img {
    height: 1071px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element.isBuy {
  opacity: 0.75;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
  height: 100%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    margin-left: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    padding-top: 110.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 151.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 168px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 216.72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 230.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 252px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 235.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 285.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 268.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 319.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 336px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 453.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 436.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 420px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 554.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 672px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 554.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 756px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info {
    width: 1058.4px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
  display: flex;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box {
    line-height: 100.8px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
  background: linear-gradient(90deg, #FF4040 64.73%, #FF7979 116.51%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    margin-left: 66.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__timer-box .main-menu__timer {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 121.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 135.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 174.795px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 185.635px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 203.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 189.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 230.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 216.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 257.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 271px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 271px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 338.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 365.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 352.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 338.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 447.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 542px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 447.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 609.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    max-width: 853.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 648px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    width: 907.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-top: 22.05px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element .main-menu__element-info .main-menu__paragraph {
    margin-bottom: 72.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 1800px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large {
    width: 2520px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider {
    margin-left: 141.75px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
  background: #606060;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    width: 25.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line {
    margin-bottom: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line.active {
  background: #FF4040;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__slider .main-menu__slider-line:last-child {
  margin-bottom: 0;
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__title_big {
    line-height: 201.6px;
  }
}
#newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .main-menu__subtitle {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__header-elements .main-menu__header-element_large .newdonate__ogran {
    margin-top: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements {
    margin-top: 170.1px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    height: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element:hover {
  background: none;
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img {
    height: 567px;
  }
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-img.star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
}
#newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__main-menu .main-menu__main-elements .main-menu__main-element .main-menu__main-element-text {
    line-height: 94.5px;
  }
}
#newdonate #newdonate__shop {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__shop .shop-elements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: -moz-fit-content;
  height: fit-content;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 504px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 560px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 722.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 767.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 840px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 784px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 952px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 896px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1064px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1512px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1456px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1848px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 2240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 1848px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 2520px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    width: 3528px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    max-height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 37.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 41.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 53.535px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 56.855px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 62.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 58.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 70.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 66.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 78.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 83px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 103.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 112.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 107.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 103.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 136.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 166px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 136.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 186.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements {
    padding-right: 261.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-element {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-element:hover {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.4) 0%, rgba(255, 64, 64, 0) 100%);
}
#newdonate #newdonate__shop .shop-element .star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .star-img {
    min-height: 567px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon {
    min-width: 567px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    width: 182.7px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 26.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 37.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 39.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 43.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 40.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 49.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 46.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 55.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 58px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 72.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 78.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 75.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 72.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 95.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 95.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 130.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon {
    height: 182.7px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-goodstart {
  background-image: url(/src/views/donate/main/assets/images/icons/goodstart.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-calculating {
  background-image: url(/src/views/donate/main/assets/images/icons/calculating.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-greatstart {
  background-image: url(/src/views/donate/main/assets/images/icons/greatstart.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-greatstart2 {
  background-image: url(/src/views/donate/main/assets/images/icons/greatstart2.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-advanced {
  background-image: url(/src/views/donate/main/assets/images/icons/advanced.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-charg {
  background-image: url(/src/views/donate/main/assets/images/icons/charg.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-bigplans {
  background-image: url(/src/views/donate/main/assets/images/icons/bigplans.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-boldcheck {
  background-image: url(/src/views/donate/main/assets/images/icons/boldcheck.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-legend {
  background-image: url(/src/views/donate/main/assets/images/icons/legend.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-hod {
  background-image: url(/src/views/donate/main/assets/images/icons/hod.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-gift {
  background-image: url(/src/views/donate/main/assets/images/icons/gift.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-dad {
  background-image: url(/src/views/donate/main/assets/images/icons/dad.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__icon .element__icon.icp-start {
  background-image: url(/src/views/donate/main/assets/images/icons/start.svg);
}
#newdonate #newdonate__shop .shop-element .shop-element__info {
  width: 100%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info {
    margin-left: 63px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
  text-transform: uppercase;
  color: #FF4040;
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__condition {
    margin-bottom: 6.3px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__title {
    margin-bottom: 37.8px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 414px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    width: 579.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__input {
    margin-bottom: 25.2px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__paragraph {
    margin-bottom: 28.35px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button {
    height: 103.95px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__button .newdonate__button-text {
    line-height: 59.85px;
  }
}
#newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-element .shop-element__info .shop-element__button-box .shop-element__description {
    margin-top: 44.1px;
  }
}
#newdonate #newdonate__shop .shop-categorie {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    max-height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 76.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-right: 107.1px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    padding-left: 129.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element {
    margin-bottom: 63px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element:last-child {
  margin-bottom: 0;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element.active .shop-categorie__checkbox_active {
  display: block !important;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element:hover {
  background: linear-gradient(360deg, rgba(131, 131, 131, 0.2) 0%, rgba(131, 131, 131, 0) 100%);
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info {
    width: 472.5px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
  display: none;
  background: #FFFFFF;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-categorie__checkbox .shop-categorie__checkbox_active {
    border-radius: 18.9px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
  font-weight: 800;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__title {
    margin-bottom: 25.2px;
  }
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .shop-categorie__info .shop-element__paragraph {
  text-align: center;
}
#newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__shop .shop-categorie .shop-categorie__element .star-img {
    min-height: 567px;
  }
}
#newdonate #newdonate__premium {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium {
    margin-top: 211.05px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 1530px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    height: 2142px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-top: 126px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element {
    padding-bottom: 144.9px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.reborn {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-44%, -98%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 342px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 380px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 490.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 520.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 570px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 532px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 646px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 608px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 722px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 760px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 760px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 950px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1026px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 988px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 950px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1254px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1520px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1254px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 1710px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    width: 2394px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 199.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 221.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 285.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 303.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 332.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 310.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 376.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 354.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 420.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 443px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 553.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 598.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 575.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 553.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 730.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 886px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 730.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 996.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .star-img {
    height: 1395.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 85.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 94.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 121.905px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 129.465px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 141.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 132.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 160.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 151.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 179.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 189px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 189px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 236.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 255.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 245.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 236.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 311.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 378px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 311.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 425.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.reborn .newdonate__premium-title {
    margin-top: 595.35px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.bronze {
  background: linear-gradient(360deg, rgba(221, 221, 221, 0.2) 0%, rgba(221, 221, 221, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 0.9px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.29px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.37px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.4px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.7px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.6px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 1.9px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.7px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.6px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 2.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 3.3px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 4px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 3.3px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 4.5px solid rgba(221, 221, 221, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.bronze {
    border: 6.3px solid rgba(221, 221, 221, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.bronze .newdonate__button_small {
  background: linear-gradient(270deg, #9D9D9D 0.01%, #DDDDDD 93.13%);
  box-shadow: 0px 0px 40px rgba(221, 221, 221, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.silver {
  background: linear-gradient(360deg, rgba(255, 212, 88, 0.2) 0%, rgba(255, 212, 88, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 0.9px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.29px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.37px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.4px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.7px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.6px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 1.9px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.7px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.6px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 2.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 3.3px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 4px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 3.3px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 4.5px solid rgba(255, 212, 88, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.silver {
    border: 6.3px solid rgba(255, 212, 88, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.silver .newdonate__button_small {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFE28F 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 212, 88, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.gold {
  background: linear-gradient(360deg, rgba(208, 88, 255, 0.2) 0%, rgba(249, 88, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 0.9px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.29px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.37px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.4px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.7px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.6px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 1.9px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.7px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.6px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 2.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 3.3px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 4px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 3.3px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 4.5px solid rgba(227, 88, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.gold {
    border: 6.3px solid rgba(227, 88, 255, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.gold .newdonate__button_small {
  background: linear-gradient(270deg, #DA8BFF -0.04%, #AD00FF 87.53%);
  box-shadow: 0px 0px 40px rgba(173, 0, 255, 0.4);
}
#newdonate #newdonate__premium .newdonate__premium-element.platinum {
  background: linear-gradient(360deg, rgba(64, 166, 255, 0.2) 0%, rgba(64, 236, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 0.9px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.29px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.37px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.4px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.7px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.6px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 1.9px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.7px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.6px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 2.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 3.3px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 4px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 3.3px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 4.5px solid rgba(64, 207, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-element.platinum {
    border: 6.3px solid rgba(64, 207, 255, 0.4);
  }
}
#newdonate #newdonate__premium .newdonate__premium-element.platinum .newdonate__button_small {
  background: linear-gradient(270deg, #81d1ff -0.04%, #1e94e2 87.53%);
  box-shadow: 0px 0px 40px rgba(129, 184, 255, 0.4);
}
#newdonate #newdonate__premium .star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .star-img {
    width: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .star-img {
    width: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .star-img {
    width: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .star-img {
    width: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .star-img {
    width: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .star-img {
    width: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .star-img {
    width: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .star-img {
    width: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .star-img {
    width: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .star-img {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .star-img {
    width: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .star-img {
    width: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .star-img {
    width: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .star-img {
    width: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .star-img {
    width: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    width: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    width: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    width: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    width: 333px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .star-img {
    width: 466.2px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .star-img {
    height: 66.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .star-img {
    height: 74px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .star-img {
    height: 95.46px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .star-img {
    height: 101.38px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .star-img {
    height: 111px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .star-img {
    height: 103.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .star-img {
    height: 125.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .star-img {
    height: 118.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .star-img {
    height: 140.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .star-img {
    height: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .star-img {
    height: 148px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .star-img {
    height: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .star-img {
    height: 199.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .star-img {
    height: 192.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .star-img {
    height: 185px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    height: 244.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    height: 296px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .star-img {
    height: 244.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .star-img {
    height: 333px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .star-img {
    height: 466.2px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-title {
  font-weight: 800;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 92.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-top: 129.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-title {
    margin-bottom: 103.95px;
  }
}
#newdonate #newdonate__premium .newdonate__premium-text {
  text-align: center;
  width: 100%;
  font-weight: 500;
  box-sizing: border-box;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 13.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 15.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 19.995px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 21.235px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 23.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 21.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 26.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 24.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 29.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 31px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 41.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 40.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 38.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 62px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 51.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 69.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    margin-bottom: 97.65px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__premium-text {
    padding-right: 47.25px;
  }
}
#newdonate #newdonate__premium .newdonate__button_small {
  margin-top: auto;
  margin-left: 0;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 95.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 106px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 136.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 145.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 159px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 148.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 180.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 169.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 201.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 212px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 265px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 286.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 275.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 265px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 349.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 424px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 349.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 477px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__premium .newdonate__button_small {
    max-width: 667.8px;
  }
}
#newdonate #newdonate__roulette {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette {
    padding-bottom: 75.6px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-title {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-title {
    margin-bottom: 81.9px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-count {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 293.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 326.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 421.185px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 447.305px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 489.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 457.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 555.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 522.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 620.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 653px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 653px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 816.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 881.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 848.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 816.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1077.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1077.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 1469.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    width: 2056.95px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count {
    margin-bottom: 132.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
  background: rgba(43, 43, 43, 0.4);
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 0.9px solid #FF4040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1px solid #FF4040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.29px solid #FF4040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.37px solid #FF4040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.5px solid #FF4040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.4px solid #FF4040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.7px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.6px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.9px solid #FF4040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.7px solid #FF4040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.6px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4.5px solid #FF4040;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 6.3px solid #FF4040;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#newdonate #newdonate__roulette .newdonate__roulette-main {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 432px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    min-height: 604.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main {
    margin-top: 37.8px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
  position: absolute;
  z-index: 1;
  background: white;
  top: 0%;
  left: 50%;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 604.8px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4050px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 5805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6300px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7650px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 8550px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 12150px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 18000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 20250px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 28350px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element {
  background: linear-gradient(360deg, rgba(218, 218, 218, 0.2) 0%, rgba(218, 218, 218, 0) 100%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 0.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.29px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.37px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 1.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 4.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border: 6.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 69.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.red {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.red {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.blue {
  background: linear-gradient(360deg, rgba(0, 163, 255, 0.2) 0%, rgba(0, 163, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 0.9px solid #00A3FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1px solid #00A3FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.29px solid #00A3FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.37px solid #00A3FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.5px solid #00A3FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.4px solid #00A3FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.7px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.6px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 1.9px solid #00A3FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.7px solid #00A3FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.6px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 4px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 4.5px solid #00A3FF;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.blue {
    border: 6.3px solid #00A3FF;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.pink {
  background: linear-gradient(360deg, rgba(173, 0, 255, 0.2) 0%, rgba(173, 0, 255, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 0.9px solid #AD00FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1px solid #AD00FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.29px solid #AD00FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.37px solid #AD00FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.5px solid #AD00FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.4px solid #AD00FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.7px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.6px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 1.9px solid #AD00FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.7px solid #AD00FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.6px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 4px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 4.5px solid #AD00FF;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.pink {
    border: 6.3px solid #AD00FF;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
  background: linear-gradient(360deg, rgba(255, 189, 0, 0.2) 0%, rgba(255, 189, 0, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 0.9px solid #FFBD00;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1px solid #FFBD00;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.29px solid #FFBD00;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.37px solid #FFBD00;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.5px solid #FFBD00;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.4px solid #FFBD00;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.7px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.6px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 1.9px solid #FFBD00;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.7px solid #FFBD00;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.6px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 4px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 4.5px solid #FFBD00;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element.yellow {
    border: 6.3px solid #FFBD00;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 189px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-buttons {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-buttons {
    margin-bottom: 56.7px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#newdonate #newdonate__roulette .newdonate__roulette-items {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-items {
    margin-bottom: 69.3px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette-info {
  background-image: url(/src/views/donate/main/assets/images/symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    height: 318.15px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate #newdonate__roulette .newdonate__roulette-info {
    margin-bottom: 31.5px;
  }
}
#newdonate #newdonate__roulette .newdonate__roulette_hidden-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#newdonate__donatelist {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #newdonate__donatelist {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist {
    margin-top: 211.05px;
  }
}
#newdonate__donatelist .donatelist-elements {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements {
    height: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements {
    height: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements {
    height: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements {
    height: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements {
    height: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements {
    height: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements {
    height: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements {
    height: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements {
    height: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements {
    height: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements {
    height: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements {
    height: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements {
    height: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements {
    height: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    height: 1575px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements {
    height: 2205px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
#newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-element {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element {
    border-radius: 18.9px;
  }
}
#newdonate__donatelist .donatelist-element:hover {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.4) 0%, rgba(255, 64, 64, 0) 100%);
}
#newdonate__donatelist .donatelist-element .star-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    margin-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-width: 567px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 81px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 90px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 116.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 123.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 135px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 126px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 153px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 144px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 171px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 180px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 243px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 234px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 225px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 297px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 405px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .star-img {
    min-height: 567px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info {
    margin-left: 63px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__title {
    margin-bottom: 37.8px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__paragraph {
    margin-bottom: 28.35px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 68.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 76.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 98.685px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 104.805px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 114.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 107.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 130.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 145.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 191.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 206.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 198.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 191.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 252.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 252.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 344.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    width: 481.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 74.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button {
    height: 103.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__button .newdonate__button-text {
    line-height: 59.85px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__button-box .donatelist-element__description {
    margin-top: 44.1px;
  }
}
#newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 82.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 92px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 118.68px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 126.04px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 138px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 128.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 156.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 147.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 174.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 184px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 248.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 239.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 230px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 303.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 368px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 303.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 414px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    width: 579.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  #newdonate__donatelist .donatelist-element .donatelist-element__info .donatelist-element__input {
    margin-bottom: 25.2px;
  }
}

#newdonate__popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  color: white;
}
#newdonate__popup.active {
  display: block;
}
#newdonate__popup .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small {
    height: 144.9px;
  }
}
#newdonate__popup .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special {
    padding-top: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special {
    padding-top: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special {
    padding-top: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special {
    padding-top: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special {
    padding-top: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special {
    padding-top: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special {
    padding-top: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special {
    padding-top: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special {
    padding-top: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special {
    padding-top: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special {
    padding-top: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special {
    padding-top: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special {
    padding-top: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special {
    padding-top: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special {
    padding-top: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special {
    padding-top: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special {
    padding-top: 123.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special {
    padding-top: 173.25px;
  }
}
#newdonate__popup .newdonate__special .newdonate__stars {
  background-image: url(/src/views/donate/main/assets/images/stars.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 121.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 135px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 174.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 184.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 202.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 189px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 229.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 216px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 256.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 270px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 337.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 364.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 351px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 337.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 445.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 540px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 445.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 607.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    width: 850.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 61.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 68px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 87.72px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 93.16px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 102px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 95.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 115.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 108.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 129.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 136px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 183.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 176.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 170px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 224.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 272px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 224.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 306px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    height: 428.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__stars {
    margin-bottom: 40.95px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-gray {
  color: #C1C1C1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-gray {
    margin-bottom: 59.85px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
  align-items: center;
  color: red;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex {
    margin-bottom: 22.05px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .box-flex:last-child {
  margin-bottom: 0;
}
#newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
  color: white;
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-nabor .newdonate__special-nabor-item {
    margin-left: 22.05px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-text {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    margin-top: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 160.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 178px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 229.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 243.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 267px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 249.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 302.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 284.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 338.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 356px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 445px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 480.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 462.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 445px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 587.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 712px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 587.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 801px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    max-width: 1121.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-text {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block {
    min-height: 1449px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left {
    height: 1417.5px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
  background-image: url(/src/views/donate/main/assets/images/nabor-background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: donatescale 1s ease infinite alternate;
  position: relative;
  z-index: 0;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    height: 1417.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 38.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-mainimg {
    margin-right: 53.55px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/src/views/donate/main/assets/images/sunduk.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 129.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 143.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 185.115px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 196.595px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 215.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 200.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 243.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 229.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 272.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 287px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 358.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 387.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 373.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 358.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 473.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 574px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 473.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 645.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk {
    height: 904.05px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 43.875px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 48.75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 62.8875px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 66.7875px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 73.125px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 68.25px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 82.875px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 78px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 92.625px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 97.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 97.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 121.875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 131.625px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 126.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 121.875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 160.875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 195px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 160.875px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 219.375px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__specialblock-left .newdonate__special-sunduk.h-premium {
    max-height: 307.125px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-top: 132.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info {
    margin-bottom: 132.3px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time {
    line-height: 75.6px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/src/views/donate/main/assets/images/timer.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #FFD458;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    width: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-time .special-time-img {
    margin-left: 63px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex {
  display: flex;
  align-items: center;
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
  background-image: url(/src/views/donate/main/assets/images/redbucks.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  align-self: self-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-right: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .redbucks-img {
    margin-top: 31.5px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price {
  display: flex;
  flex-direction: column;
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 146.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-current-price {
    line-height: 204.75px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
  color: #FFD458;
  text-decoration: line-through;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .box-flex .newdonate__special-price .newdonate__special-old-price {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__button_small {
    margin-top: 119.7px;
  }
}
#newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
  cursor: pointer;
  text-decoration: underline;
  align-self: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__special .newdonate__special-block .newdonate__special-info .newdonate__special-description {
    margin-top: 34.65px;
  }
}
#newdonate__popup .newdonate__escape {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape {
    margin-top: 195.3px;
  }
}
#newdonate__popup .newdonate__escape .box-flex {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .donateicons-esc {
    font-size: 201.6px;
  }
}
#newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 193.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    line-height: 270.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .box-flex .newdonate__escape-title {
    margin-left: 75.6px;
  }
}
#newdonate__popup .newdonate__escape .box-flex:hover .donateicons-esc {
  color: #FF4040;
  transition: color 0.25s;
}
#newdonate__popup .newdonate__escape .box-flex:hover .newdonate__escape-title {
  color: #FF4040;
  transition: color 0.25s;
}
#newdonate__popup .newdonate__escape .newdonate__escape-text {
  text-align: center;
  letter-spacing: 0.15em;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    margin-top: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__escape .newdonate__escape-text {
    line-height: 94.5px;
  }
}
#newdonate__popup .newdonate__escape .newdonate__escape-text b {
  color: #FF4040;
  text-decoration: underline;
}
#newdonate__popup .newdonate__prise {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-image: url(/src/views/donate/main/assets/images/prise-background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 476.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 529px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 682.41px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 724.73px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 793.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 740.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 899.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 846.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1005.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1058px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1058px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1322.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1428.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1375.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1322.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1745.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 2116px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 1745.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 2380.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    width: 3332.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 370.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 411.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 530.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 563.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 617.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 576.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 699.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 658.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 781.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 823px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 823px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1028.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1111.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1069.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1028.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1357.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1646px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1357.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 1851.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    height: 2592.45px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 337.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block {
    padding-top: 472.5px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    margin-bottom: 88.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements {
  display: flex;
  justify-content: center;
  align-items: center;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 16.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 18.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 23.865px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 25.345px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 27.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 25.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 31.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 29.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 35.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 37px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 46.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 49.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 48.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 46.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 61.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 74px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 61.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 83.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element {
    margin-right: 116.55px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 63px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons {
    margin-bottom: 88.2px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img {
    margin-right: 63px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img.sell-item-img {
  background-image: url(/src/views/donate/main/assets/images/sell-item.png);
  box-shadow: 0px 0px 44px #8EEE42;
  border-radius: 50%;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .prise-main-buttons .prise-main-button-img.take-item-img {
  background-image: url(/src/views/donate/main/assets/images/take-item.png);
  border-radius: 50%;
  box-shadow: 0px 0px 44px #10A9FF;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element {
    border-radius: 18.9px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
  background-image: url(/src/views/donate/main/assets/images/star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-elements .newdonate__prise-main-element .newdonate__prise-element .prise-img {
    height: 189px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
  font-weight: 800;
  color: #FF4040;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-rarity {
    line-height: 100.8px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-name {
    margin-bottom: 119.7px;
  }
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-buttons {
  display: flex;
}
#newdonate__popup .newdonate__prise .newdonate__prise-block .newdonate__prise-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#newdonate__popup .newdonate__prise .newdonate__escape {
  margin-top: 0;
}
#newdonate__popup .newdonate__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info {
    padding-top: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info {
    padding-top: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info {
    padding-top: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info {
    padding-top: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info {
    padding-top: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info {
    padding-top: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info {
    padding-top: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info {
    padding-top: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info {
    padding-top: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info {
    padding-top: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info {
    padding-top: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info {
    padding-top: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info {
    padding-top: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info {
    padding-top: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info {
    padding-top: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info {
    padding-top: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info {
    padding-top: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info {
    padding-top: 693px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button {
  background: linear-gradient(270deg, rgba(255, 105, 105, 0.2) -0.04%, rgba(255, 64, 64, 0.2) 87.53%);
  transform: skewX(-40deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 132.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 147.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 190.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 202.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 221.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 206.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 250.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 236px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 280.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 398.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 383.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 368.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 590px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 486.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 663.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    width: 929.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 121.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button {
    height: 170.1px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button.number {
  position: absolute;
  left: 34%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main {
    height: 144.9px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main:hover .newdonate__button-x2 {
  box-shadow: 0px 0px 30px #FF6969;
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 12.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 13.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 17.415px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.495px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 20.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 18.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 22.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 21.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 25.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 27px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 36.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 35.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 33.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 44.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 60.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-text {
    line-height: 85.05px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
  position: absolute;
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewX(40deg);
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    min-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    right: 31.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -18px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__button .newdonate__button-main .newdonate__button-x2 {
    top: -25.2px;
  }
}
#newdonate__popup .newdonate__info .newdonate__button.number-1 {
  position: absolute;
  left: 14%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__button.number-2 {
  position: absolute;
  left: 54%;
  bottom: 5%;
  margin-left: 0;
}
#newdonate__popup .newdonate__info .newdonate__info-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
  background-image: url(/src/views/donate/main/assets/images/question.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 251.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 279.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 360.555px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 382.915px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 419.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 391.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 475.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 447.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 531.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 559px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 698.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 754.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 726.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 698.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 922.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1118px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 922.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1257.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-question {
    height: 1760.85px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
  background-image: url(/src/views/donate/main/assets/images/number.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-number {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  outline: none;
  text-transform: uppercase;
  color: #262929;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    width: 724.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input {
    font-size: 132.3px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input::-moz-placeholder {
  text-align: center;
  color: #262929;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__number_input::placeholder {
  text-align: center;
  color: #262929;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
  background-image: url(/src/views/donate/main/assets/images/sim.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 198px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 220px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 283.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 301.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 330px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 308px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 374px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 352px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 418px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 440px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 550px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 594px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 572px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 550px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 726px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 880px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 726px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 990px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    width: 1386px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim {
    height: 1449px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-sim .newdonate__number_input {
  top: 40%;
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info {
    margin-top: 132.3px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 72px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex {
    margin-bottom: 100.8px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
  background-image: url(/src/views/donate/main/assets/images/redbucks.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  align-self: self-start;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    width: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    height: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .redbucks-img {
    margin-right: 75.6px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .box-flex .newdonate__info-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
  font-weight: 500;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 170.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 189px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 243.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 258.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 283.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 264.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 321.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 302.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 359.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 378px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 472.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 510.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 491.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 472.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 623.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 756px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 623.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 850.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__info .newdonate__info-block .newdonate__info-info .newdonate__info-paragraph {
    max-width: 1190.7px;
  }
}
#newdonate__popup .newdonate__payment {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#newdonate__popup .newdonate__payment .newdonate__payment-block {
  background: linear-gradient(180deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    width: 1449px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 1530px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    min-height: 2142px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 0.9px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.29px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.37px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.4px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.7px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.6px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 1.9px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.7px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.6px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 2.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 3.3px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 4px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 3.3px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 4.5px solid rgba(161,134,137,0.6);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block {
    border: 6.3px solid rgba(161,134,137,0.6);
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
  background-image: url(/src/views/donate/main/assets/images/payment.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -171px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-top: -239.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1125px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    min-width: 1575px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    height: 1417.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 54px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-img {
    margin-bottom: 75.6px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -171px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    margin-top: -239.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 22.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 24.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 31.605px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 33.565px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 36.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 34.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 41.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 39.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 46.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 49px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 61.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 66.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 63.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 61.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 80.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 98px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 80.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 110.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-title {
    line-height: 154.35px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
  display: flex;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list {
    margin-bottom: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  transition: ease all 0.2s;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li {
    margin-right: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li:hover {
  text-shadow: -1px -1px 8px rgb(218, 103, 147);
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li:last-child {
  margin-right: 0;
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
  z-index: 1;
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li span {
    font-size: 50.4px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.48578 0 0 4.48578 0 10C0 15.5142 4.48578 20 10 20C15.5142 20 20 15.5142 20 10C20 4.48578 15.5142 0 10 0Z' fill='%23FF7979'/%3E%3Cpath d='M15.0682 7.88074L9.65152 13.2973C9.48901 13.4598 9.2757 13.5416 9.06238 13.5416C8.84906 13.5416 8.63574 13.4598 8.47324 13.2973L5.76495 10.589C5.43903 10.2632 5.43903 9.73651 5.76495 9.41074C6.09073 9.08481 6.61731 9.08481 6.94324 9.41074L9.06238 11.5299L13.89 6.70245C14.2157 6.37653 14.7423 6.37653 15.0682 6.70245C15.394 7.02823 15.394 7.55481 15.0682 7.88074V7.88074Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  opacity: 0;
  transition: ease opacity 0.2s;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check {
    margin-right: 15.75px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-list li .check.active {
  opacity: 1;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-subtitle {
    margin-bottom: 31.5px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
  background: #2B1C23;
  box-sizing: border-box;
  text-align: center;
  color: white;
  font-weight: 800;
  font-family: "UniNeue";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 29.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    margin-top: 40.95px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 138.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 154px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 198.66px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 210.98px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 231px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 215.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 261.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 246.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 292.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 308px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 385px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 415.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 400.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 385px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 508.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 616px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 508.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 693px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    width: 970.2px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.45px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.645px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.685px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.75px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.85px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.8px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 0.95px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.35px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.65px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 1.65px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 2.25px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border: 3.15px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .margin-bottom-22 {
    margin-bottom: 69.3px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
  background-image: url(/src/views/donate/main/assets/images/redbucks-small.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    margin-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__input .redbucks-small-img {
    height: 66.15px;
  }
}
#newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    margin-bottom: 34.65px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__payment .newdonate__payment-block .newdonate__payment-description {
    line-height: 59.85px;
  }
}
#newdonate__popup .newdonate__change {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change {
    padding-top: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change {
    padding-top: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change {
    padding-top: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change {
    padding-top: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change {
    padding-top: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change {
    padding-top: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change {
    padding-top: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change {
    padding-top: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change {
    padding-top: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change {
    padding-top: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change {
    padding-top: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change {
    padding-top: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change {
    padding-top: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change {
    padding-top: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change {
    padding-top: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change {
    padding-top: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change {
    padding-top: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change {
    padding-top: 495px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change {
    padding-top: 693px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block {
  background: linear-gradient(360deg, rgba(199, 51, 51, 0.8) 0%, #1B1E28 100%);
  box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 411.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 457.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 590.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 626.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 686.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 640.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 777.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 732px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 869.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 915px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1235.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1189.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1509.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1830px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 1509.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 2058.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    width: 2882.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 101.25px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-top: 141.75px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 274.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-right: 384.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-bottom: 110.25px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block {
    padding-left: 384.3px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-width: 630px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 450px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img {
    min-height: 630px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.redbucks {
  background-image: url(/src/views/donate/main/assets/images/big-redbucks.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.progress {
  background-image: url(/src/views/donate/main/assets/images/progress.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-img.money {
  background-image: url(/src/views/donate/main/assets/images/money.png);
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
  font-weight: 500;
  font-family: "UniNeue";
  background: #2B1C23;
  color: white;
  text-align: center;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    margin-top: 157.5px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    line-height: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 315px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    width: 441px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 0.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.29px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.37px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 1.9px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.7px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.6px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 2.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 4px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 3.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 4.5px solid rgba(123, 119, 119, 0.2);
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border: 6.3px solid rgba(123, 119, 119, 0.2);
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-input {
    border-radius: 12.6px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
  font-weight: 800;
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 139.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    margin-top: 195.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-top .newdonate__change-element .newdonate__change-curs {
    line-height: 94.5px;
  }
}
#newdonate__popup .newdonate__change .newdonate__change-block .newdonate__change-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#sapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: UniNeue;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}
#sapper .game {
  background-image: url("data:image/svg+xml,%3Csvg width='340' height='794' viewBox='0 0 340 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M327 1.46905e-05C334.18 1.50044e-05 340 5.82031 340 13V253.004C339.834 253.001 339.667 253 339.5 253C320.998 253 306 267.998 306 286.5C306 305.002 320.998 320 339.5 320C339.667 320 339.834 319.999 340 319.996L340 781C340 788.18 334.18 794 327 794H13C5.8203 794 -3.13835e-07 788.18 0 781L2.01511e-05 319.996C18.271 319.729 33 304.835 33 286.5C33 268.165 18.271 253.271 2.30795e-05 253.004L3.35703e-05 13C3.38842e-05 5.8203 5.82033 0 13 0L327 1.46905e-05Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='170' y1='0' x2='170' y2='794' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238E8E8E'/%3E%3Cstop offset='1' stop-color='%23424242'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: flex;
  background-size: 100%;
}
@media (max-width: 799px) {
  #sapper .game {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #sapper .game {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #sapper .game {
    height: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game {
    height: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game {
    height: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game {
    height: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game {
    height: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game {
    height: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game {
    height: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game {
    height: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game {
    height: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game {
    height: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game {
    height: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game {
    height: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game {
    height: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game {
    height: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game {
    height: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game {
    height: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game {
    height: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game {
    height: 2501.1px;
  }
}
#sapper .game .box {
  width: 100%;
  height: 100%;
  position: relative;
}
#sapper .game .box:after {
  background-image: url("data:image/svg+xml,%3Csvg width='340' height='794' viewBox='0 0 340 794' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M327 1.46905e-05C334.18 1.50044e-05 340 5.82031 340 13V253.004C339.834 253.001 339.667 253 339.5 253C320.998 253 306 267.998 306 286.5C306 305.002 320.998 320 339.5 320C339.667 320 339.834 319.999 340 319.996L340 781C340 788.18 334.18 794 327 794H13C5.8203 794 -3.13835e-07 788.18 0 781L2.01511e-05 319.996C18.271 319.729 33 304.835 33 286.5C33 268.165 18.271 253.271 2.30795e-05 253.004L3.35703e-05 13C3.38842e-05 5.8203 5.82033 0 13 0L327 1.46905e-05Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 0;
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    width: 153px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    width: 170px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    width: 219.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    width: 232.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    width: 255px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    width: 238px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    width: 289px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    width: 323px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    width: 340px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    width: 425px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    width: 459px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    width: 442px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    width: 425px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    width: 561px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    width: 680px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    width: 561px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    width: 765px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    width: 1071px;
  }
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    height: 357.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    height: 397px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    height: 512.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    height: 543.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    height: 595.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    height: 555.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    height: 674.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    height: 635.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    height: 754.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    height: 794px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    height: 992.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    height: 1071.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    height: 1032.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    height: 992.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    height: 1310.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    height: 1588px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    height: 1310.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    height: 1786.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    height: 2501.1px;
  }
}
@media (max-width: 799px) {
  #sapper .game .box:after {
    bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .box:after {
    bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .box:after {
    bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .box:after {
    bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .box:after {
    bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .box:after {
    bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .box:after {
    bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .box:after {
    bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .box:after {
    bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .box:after {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .box:after {
    bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .box:after {
    bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .box:after {
    bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .box:after {
    bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .box:after {
    bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .box:after {
    bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .box:after {
    bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .box:after {
    bottom: 47.25px;
  }
}
#sapper .game .content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#sapper .game .content .logoSapper {
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    margin-bottom: 53.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    margin-top: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    margin-top: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    margin-top: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    margin-top: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    margin-top: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    margin-top: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    margin-top: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    margin-top: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    margin-top: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    margin-top: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    margin-top: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    margin-top: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    margin-top: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    margin-top: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-top: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-top: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    margin-top: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    margin-top: 103.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    margin-top: 144.9px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    width: 72.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    width: 81px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    width: 104.49px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    width: 110.97px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    width: 121.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    width: 113.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    width: 137.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    width: 129.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    width: 153.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    width: 162px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    width: 202.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    width: 218.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    width: 210.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    width: 202.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    width: 267.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    width: 324px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    width: 267.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    width: 364.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    width: 510.3px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .logoSapper {
    height: 31.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .logoSapper {
    height: 35.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .logoSapper {
    height: 45.795px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .logoSapper {
    height: 48.635px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .logoSapper {
    height: 53.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .logoSapper {
    height: 49.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .logoSapper {
    height: 60.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .logoSapper {
    height: 56.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .logoSapper {
    height: 67.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .logoSapper {
    height: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .logoSapper {
    height: 71px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .logoSapper {
    height: 88.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .logoSapper {
    height: 95.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .logoSapper {
    height: 92.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .logoSapper {
    height: 88.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    height: 117.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    height: 142px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .logoSapper {
    height: 117.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .logoSapper {
    height: 159.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .logoSapper {
    height: 223.65px;
  }
}
#sapper .game .content .desc {
  font-weight: 500;
  text-align: center;
  color: #000000;
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    font-size: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    font-size: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    font-size: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    font-size: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    font-size: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    font-size: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    font-size: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    font-size: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    font-size: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    font-size: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    font-size: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    font-size: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    font-size: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    font-size: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    font-size: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    font-size: 22.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    font-size: 31.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    padding-left: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    padding-left: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    padding-left: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    padding-left: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    padding-left: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    padding-left: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    padding-left: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    padding-left: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    padding-left: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    padding-left: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    padding-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    padding-left: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-left: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-left: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-left: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    padding-left: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .desc {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .desc {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .desc {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .desc {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .desc {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .desc {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .desc {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .desc {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .desc {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .desc {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .desc {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .desc {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .desc {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .desc {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .desc {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .desc {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .desc {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .desc {
    margin-bottom: 15.75px;
  }
}
#sapper .game .content .title {
  font-weight: bold;
  color: #000000;
  text-align: center;
}
@media (max-width: 799px) {
  #sapper .game .content .title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .title {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .title span {
  color: #FFA928;
}
#sapper .game .content .title.rb {
  margin-bottom: 0 span;
  margin-bottom-color: #FF5271;
}
@media (max-width: 799px) {
  #sapper .game .content .title.rb {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .title.rb {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .title.rb {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .title.rb {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .title.rb {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .title.rb {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .title.rb {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .title.rb {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .title.rb {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .title.rb {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .title.rb {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .title.rb {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .title.rb {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .title.rb {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .title.rb {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .title.rb {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .title.rb {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .title.rb {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .title.rb {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .title.rb {
    font-size: 50.4px;
  }
}
#sapper .game .content .win {
  text-align: center;
}
#sapper .game .content .win .n {
  color: #FF5271;
  font-weight: bold;
}
@media (max-width: 799px) {
  #sapper .game .content .win .n {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .win .n {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .win .n {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .win .n {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .win .n {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .win .n {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .win .n {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .win .n {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .win .n {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .win .n {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .win .n {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .win .n {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .win .n {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .win .n {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .win .n {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .win .n {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .win .n {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .win .n {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .win .n {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .win .n {
    font-size: 151.2px;
  }
}
#sapper .game .content .win p {
  font-weight: 500;
  color: #656565;
}
@media (max-width: 799px) {
  #sapper .game .content .win p {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .win p {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .win p {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .win p {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .win p {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .win p {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .win p {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .win p {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .win p {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .win p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .win p {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .win p {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .win p {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .win p {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .win p {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .win p {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .win p {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .win p {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .win p {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .win p {
    font-size: 44.1px;
  }
}
#sapper .game .content .input {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #sapper .game .content .input {
    margin-top: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input {
    margin-top: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input {
    margin-top: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input {
    margin-top: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input {
    margin-top: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input {
    margin-top: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input {
    margin-top: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input {
    margin-top: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input {
    margin-top: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input {
    margin-top: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input {
    margin-top: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input {
    margin-top: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input {
    margin-top: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input {
    margin-top: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input {
    margin-top: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input {
    margin-top: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input {
    margin-top: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input {
    margin-top: 63px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input {
    margin-top: 88.2px;
  }
}
#sapper .game .content .input .rate {
  text-align: center;
  font-weight: 500;
  color: #5C5C5C;
  background: #C4C4C4;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    width: 620.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    border-radius: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    border-radius: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    border-radius: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    border-radius: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    border-radius: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    border-radius: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    border-radius: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    border-radius: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    border-radius: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    border-radius: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    border-radius: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    border-radius: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    border-radius: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    border-radius: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    border-radius: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    border-radius: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    border-radius: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    border-radius: 33.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    border-radius: 47.25px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .rate {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .rate {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .rate {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .rate {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .rate {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .rate {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .rate {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .rate {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .rate {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .rate {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .rate {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .rate {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .rate {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .rate {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .rate {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .rate {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .input .btn {
  background: #FF5372;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    height: 21.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    height: 23.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    height: 30.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    height: 32.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    height: 35.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    height: 32.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    height: 39.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    height: 37.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    height: 44.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    height: 47px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    height: 58.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    height: 63.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    height: 61.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    height: 58.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    height: 77.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    height: 94px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    height: 77.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    height: 105.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    height: 148.05px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    width: 88.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    width: 98.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    width: 127.065px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    width: 134.945px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    width: 147.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    width: 137.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    width: 167.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    width: 157.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    width: 187.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    width: 197px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    width: 246.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    width: 265.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    width: 256.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    width: 246.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    width: 325.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    width: 394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    width: 325.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    width: 443.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    width: 620.55px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .input .btn {
    margin-bottom: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .btn {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .btn {
    margin-bottom: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .btn {
    margin-bottom: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .btn {
    margin-bottom: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .btn {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .btn {
    margin-bottom: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .btn {
    margin-bottom: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .btn {
    margin-bottom: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .btn {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    margin-bottom: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .btn {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .btn {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .btn {
    margin-bottom: 28.35px;
  }
}
#sapper .game .content .input .btn:hover {
  background: #f84264;
}
#sapper .game .content .input .exit {
  font-weight: bold;
  color: #5C5C5C;
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .input .exit {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .input .exit {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .input .exit {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .input .exit {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .input .exit {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .input .exit {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .input .exit {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .input .exit {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .input .exit {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .input .exit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .input .exit {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .input .exit {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .input .exit {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .input .exit {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .input .exit {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .input .exit {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .input .exit {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .input .exit {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .input .exit {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .input .exit {
    font-size: 37.8px;
  }
}
#sapper .game .content .input .exit:hover {
  text-decoration: underline;
}
#sapper .game .content .playZone {
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone {
    margin-top: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone {
    margin-top: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone {
    margin-top: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone {
    margin-top: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone {
    margin-top: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone {
    margin-top: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone {
    margin-top: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone {
    margin-top: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone {
    margin-top: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone {
    margin-top: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone {
    margin-top: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone {
    margin-top: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone {
    margin-top: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone {
    margin-top: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone {
    margin-top: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone {
    margin-top: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone {
    margin-top: 47.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone {
    margin-top: 66.15px;
  }
}
#sapper .game .content .playZone .group:last-child .info:after {
  display: none;
}
#sapper .game .content .playZone .group.success:nth-child(1) .info:after {
  background: #5CCA36;
}
#sapper .game .content .playZone .group.success:last-child .info:after {
  background: #5CCA36;
}
#sapper .game .content .playZone .group {
  display: flex;
  width: 100%;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group {
    padding-left: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group {
    padding-left: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group {
    padding-left: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group {
    padding-left: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group {
    padding-left: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group {
    padding-left: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group {
    padding-left: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group {
    padding-left: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group {
    padding-left: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group {
    padding-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group {
    padding-left: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group {
    padding-left: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group {
    padding-left: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group {
    padding-left: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group {
    padding-left: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    padding-left: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    padding-left: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    padding-left: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    padding-left: 65.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group {
    padding-left: 91.35px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 4.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 5.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.095px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.535px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 7.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 9.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 8.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 10.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 11px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 14.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 14.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 13.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 22px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 18.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group {
    margin-bottom: 34.65px;
  }
}
#sapper .game .content .playZone .group .info {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #909090;
  position: relative;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    width: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    width: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    width: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    width: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    width: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    width: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    width: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    width: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    width: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    width: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    width: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    width: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    width: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    width: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    width: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    width: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    width: 56.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    width: 78.75px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info {
    margin-right: 37.8px;
  }
}
#sapper .game .content .playZone .group .info:after {
  background: #919191;
  content: "";
  position: absolute;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    height: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    height: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    height: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    height: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    height: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    height: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    height: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    height: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    height: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    height: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    height: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    height: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    height: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    height: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    height: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    height: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    height: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    height: 51.75px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    height: 72.45px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    width: 3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .info:after {
    top: -7.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .info:after {
    top: -8.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .info:after {
    top: -10.965px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .info:after {
    top: -11.645px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .info:after {
    top: -12.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .info:after {
    top: -11.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .info:after {
    top: -14.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .info:after {
    top: -13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .info:after {
    top: -16.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .info:after {
    top: -17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .info:after {
    top: -17px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .info:after {
    top: -21.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .info:after {
    top: -22.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .info:after {
    top: -22.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .info:after {
    top: -21.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    top: -28.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    top: -34px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .info:after {
    top: -28.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .info:after {
    top: -38.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .info:after {
    top: -53.55px;
  }
}
#sapper .game .content .playZone .group .info.success {
  color: #5CCA36;
}
#sapper .game .content .playZone .group .info.fail {
  color: red;
}
#sapper .game .content .playZone .group .info.half {
  color: #ee7b00;
}
#sapper .game .content .playZone .group .items {
  display: flex;
}
#sapper .game .content .playZone .group .items li {
  position: relative;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    margin-right: 50.4px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 225px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li {
    border-radius: 315px;
  }
}
#sapper .game .content .playZone .group .items li.checked {
  background: linear-gradient(180deg, #E2E2E2 0%, #C4C4C4 55.21%, #A5A5A5 100%);
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.checked:before {
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 55.21%, #D9D9D9 100%);
  border-style: solid;
  border-color: #AFAFAF;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  content: "";
  transition: ease all 0.2s;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-width: 3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 225px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    border-radius: 315px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-width: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    max-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    left: -3.15px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -2.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.checked:before {
    top: -3.15px;
  }
}
#sapper .game .content .playZone .group .items li.checked:hover:before {
  opacity: 1;
}
#sapper .game .content .playZone .group .items li.mine {
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.mine:before {
  background-image: url(/src/views/donate/sapper/images/logo-sapper.png);
  position: absolute;
  background-size: 100%;
  left: 0;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 49.5px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    width: 69.3px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 20.25px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.mine:before {
    height: 28.35px;
  }
}
#sapper .game .content .playZone .group .items li.success {
  border: 1px solid #AFAFAF;
}
#sapper .game .content .playZone .group .items li.success:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='url(%23paint0_linear)' stroke='%2367B34C'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='8' y1='0' x2='8' y2='16' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239DFF7A'/%3E%3Cstop offset='0.598958' stop-color='%2347BF1D'/%3E%3Cstop offset='1' stop-color='%232B7212'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  background-size: 100%;
  left: 0;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.success:before {
    width: 50.4px;
  }
}
@media (max-width: 799px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 36px;
  }
}
@media (min-width: 6000px) {
  #sapper .game .content .playZone .group .items li.success:before {
    height: 50.4px;
  }
}
#sapper .game .content .playZone .group .items li:last-child {
  margin-right: 0;
}
#sapper .game .content .playZone .info.half:after {
  background: linear-gradient(0deg, #5CCA36 0%, #909090 100%), #C4C4C4;
}
#sapper .game .content .playZone .info.success:after {
  background: #5CCA36;
}
#questsnewdialog {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsnewdialog {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog {
    padding-left: 53.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog {
    padding-left: 59px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog {
    padding-left: 76.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog {
    padding-left: 80.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog {
    padding-left: 88.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog {
    padding-left: 82.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog {
    padding-left: 100.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog {
    padding-left: 94.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog {
    padding-left: 112.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog {
    padding-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog {
    padding-left: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog {
    padding-left: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog {
    padding-left: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog {
    padding-left: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog {
    padding-left: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-left: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-left: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-left: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-left: 265.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog {
    padding-left: 371.7px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog {
    padding-right: 53.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog {
    padding-right: 59px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog {
    padding-right: 76.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog {
    padding-right: 80.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog {
    padding-right: 88.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog {
    padding-right: 82.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog {
    padding-right: 100.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog {
    padding-right: 94.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog {
    padding-right: 112.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog {
    padding-right: 118px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog {
    padding-right: 147.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog {
    padding-right: 159.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog {
    padding-right: 153.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog {
    padding-right: 147.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-right: 194.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-right: 236px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-right: 194.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-right: 265.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog {
    padding-right: 371.7px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog {
    padding-bottom: 189px;
  }
}
#questsnewdialog .questsnewdialog-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
#questsnewdialog .questsnewdialog-slideblock {
  display: flex;
  flex-direction: column;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 270px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 300px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 387px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 411px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 450px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 420px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 510px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 480px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 570px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 750px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 810px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 780px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 750px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 990px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 1200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 990px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 1350px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slideblock {
    width: 1890px;
  }
}
#questsnewdialog .questsnewdialog-title {
  font-weight: bold;
  letter-spacing: 0.01em;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 204.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 227px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 292.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 310.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 340.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 317.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 385.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 363.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 431.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 567.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 612.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 590.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 567.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 749.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 908px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 749.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 1021.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-title {
    max-width: 1430.1px;
  }
}
#questsnewdialog .questsnewdialog-subtitle {
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 204.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 227px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 292.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 310.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 340.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 317.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 385.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 363.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 431.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 454px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 567.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 612.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 590.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 567.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 749.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 908px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 749.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 1021.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-subtitle {
    max-width: 1430.1px;
  }
}
#questsnewdialog .questsnewdialog-slider {
  display: flex;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider {
    margin-top: 75.6px;
  }
}
#questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
  background: rgba(253, 255, 252, 0.3);
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    width: 107.1px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element {
    margin-right: 25.2px;
  }
}
#questsnewdialog .questsnewdialog-slider .questsnewdialog-slider-element:last-child {
  margin-right: 0;
}
#questsnewdialog .questsnewdialog-slider .active {
  background: #FF9F1C;
}
#questsnewdialog .questsnewdialog-slider-buttons {
  display: flex;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 56.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons {
    margin-top: 78.75px;
  }
}
#questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 72px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button {
    margin-right: 100.8px;
  }
}
#questsnewdialog .questsnewdialog-slider-buttons .questsnewdialog-slider-button:hover {
  background: white;
}
#questsnewdialog .sliderbigicon {
  font-size: 340px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: rgba(255, 255, 255, 0.3);
  z-index: 0;
}
#questsnewdialog .questsnewdialog-answers {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 313.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 348.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 449.565px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 477.445px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 522.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 487.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 592.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 557.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 662.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 697px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 697px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 871.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 940.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 906.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 871.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 1150.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 1394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 1150.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 1568.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers {
    width: 2195.55px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 313.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 348.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 449.565px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 477.445px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 522.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 487.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 592.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 557.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 662.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 697px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 697px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 871.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 940.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 906.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 871.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 1150.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 1394px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 1150.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 1568.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    width: 2195.55px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-box-answer {
    gap: 31.5px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(1, 10, 18, 0.9);
  width: 100%;
  color: #DFDFDF;
  font-weight: 500;
  opacity: 0.7;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-left: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 56.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    padding-right: 78.75px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.answer-title {
    margin-bottom: 31.5px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.big {
  width: 100%;
  margin-right: 0;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 198.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 221px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 285.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 302.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 331.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 309.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 375.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 353.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 419.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 442px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 442px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 552.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 596.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 574.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 552.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 729.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 884px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 729.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 994.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.medium {
    width: 1392.3px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 110.925px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 123.25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 158.9925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 168.8525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 184.875px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 172.55px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 209.525px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 197.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 234.175px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 246.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 246.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 308.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 332.775px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 320.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 308.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 406.725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 493px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 406.725px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 554.625px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.min {
    width: 776.475px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer:hover, #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.active {
  opacity: 1;
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer.exit {
  background: rgba(231, 29, 54, 0.9);
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-condition {
    font-size: 56.7px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
  color: #DFDFDF;
  font-weight: 300;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .questsnewdialog-condition {
    font-size: 44.1px;
  }
}
#questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
  color: #FDFFFC;
  opacity: 0.4;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 99px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-answers .questsnewdialog-answer .icon-answer {
    font-size: 138.6px;
  }
}
#questsnewdialog .questsnewdialog-buttonblock-exit {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit {
    margin-top: 66.15px;
  }
}
#questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
  display: flex;
  align-items: center;
  background: white;
  color: black;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 27.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 30.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 39.345px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 41.785px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 45.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 42.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 51.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 48.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 57.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 61px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 76.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 82.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 79.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 76.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 100.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 100.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 137.25px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    width: 192.15px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsnewdialog .questsnewdialog-buttonblock-exit .questsnewdialog-button-exit {
    margin-left: 81.9px;
  }
}
.dialogaqua {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9999999999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(11, 12, 23, 0.15) 58.337%, rgba(11, 12, 23, 0.7) 89.062%);
}

.dialogaqua .menudial {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 55.5556vh;
  margin-bottom: 4.6296vh;
}

.dialogaqua .menudial .headdial {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.dialogaqua .menudial .descdial {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  margin-top: 1.4815vh;
}

.dialogaqua .menudial .btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 0.9259vh;
  margin-top: 2.8704vh;
  align-content: flex-start;
}

.dialogaqua .menudial .btns .block {
  width: 27.3148vh;
  height: 4.6296vh;
  background: #fff;
  border-radius: 0.3704vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.dialogaqua .menudial .btns .block:hover {
  border-radius: 0.3704vh;
  box-shadow: 0vh 0vh 0.7407vh 0vh rgba(23, 114, 217, 0.5);
  background: rgb(23, 114, 217);
}

.dialogaqua .menudial .btns .block p {
  margin-left: 1.4815vh;
  color: rgb(65, 65, 65);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.dialogaqua .menudial .btns .block:hover p {
  color: rgb(255, 255, 255);
}

.dialogaqua .menudial .descdial p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.7593vh;
  font-weight: 600;
  line-height: 2.1296vh;
  letter-spacing: 0%;
  text-align: left;
}

.dialogaqua .menudial .headdial h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 2.3148vh;
  font-weight: 600;
  line-height: 2.7778vh;
  letter-spacing: 0%;
  text-align: left;
  margin-right: 1.2963vh;
}

.dialogaqua .menudial .headdial span {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.3889vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
  height: 2.7778vh;
  border-radius: 0.3704vh;
  box-shadow: 0vh 0vh 0.7407vh 0vh rgba(23, 114, 217, 0.5);
  background: rgb(23, 114, 217);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0vh 1.1111vh;
}

.dialogaqua p, h1 {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.dialogaqua .menudial .btns .block.nt {
  width: 55.5556vh;
}
@font-face {
  font-family: "questsnewdialogicon";
  src: url(../src/views/quests/dialog/fonts//questsnewdialogicon.eot);
  src: url(../src/views/quests/dialog/fonts//questsnewdialogicon.eot#iefix) format("embedded-opentype"), url(../src/views/quests/dialog/fonts//questsnewdialogicon.ttf) format("truetype"), url(../src/views/quests/dialog/fonts//questsnewdialogicon.woff) format("woff"), url(/src/views/quests/dialog/fonts/questsnewdialogicon.svg#questsnewdialogicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=questsnewdialogicon-], [class*=" questsnewdialogicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "questsnewdialogicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.questsnewdialogicon-question:before {
  content: "\e900";
}

.questsnewdialogicon-exp:before {
  content: "\e901";
}

.questsnewdialogicon-money:before {
  content: "\e902";
}

.questsnewdialogicon-background-star:before {
  content: "\e903";
}

.questsnewdialogicon-question2:before {
  content: "\e904";
}

.questsnewdialogicon-undone:before {
  content: "\e905";
}

.questsnewdialogicon-done:before {
  content: "\e906";
}

.questsnewdialogicon-star-empty:before {
  content: "\e907";
}

.questsnewdialogicon-loop2:before {
  content: "\e908";
}

.questsnewdialogicon-exit:before {
  content: "\e909";
}

.questsnewdialogicon-loop:before {
  content: "\e90a";
}

.questsnewdialogicon-star:before {
  content: "\e90b";
}

.questsnewdialogicon-warning:before {
  content: "\e90c";
}

.questsnewdialogicon-right:before {
  content: "\e90d";
}

.questsnewdialogicon-left:before {
  content: "\e90e";
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
#questsprise {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.58) 0%, #011627 100%);
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #questsprise {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsprise {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsprise {
    padding-left: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    padding-left: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    padding-left: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    padding-left: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    padding-left: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    padding-left: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    padding-left: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    padding-left: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    padding-left: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    padding-left: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    padding-left: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    padding-left: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    padding-left: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    padding-left: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    padding-left: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    padding-left: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    padding-left: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    padding-left: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    padding-left: 555.75px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    padding-left: 778.05px;
  }
}
@media (max-width: 799px) {
  #questsprise {
    padding-right: 111.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    padding-right: 123.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    padding-right: 159.315px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    padding-right: 169.195px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    padding-right: 185.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    padding-right: 172.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    padding-right: 209.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    padding-right: 197.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    padding-right: 234.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    padding-right: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    padding-right: 247px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    padding-right: 308.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    padding-right: 333.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    padding-right: 321.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    padding-right: 308.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    padding-right: 407.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    padding-right: 494px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    padding-right: 407.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    padding-right: 555.75px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    padding-right: 778.05px;
  }
}
@media (max-width: 799px) {
  #questsprise {
    padding-bottom: 83.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    padding-bottom: 92.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    padding-bottom: 119.325px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    padding-bottom: 126.725px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    padding-bottom: 138.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    padding-bottom: 129.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    padding-bottom: 157.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    padding-bottom: 148px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    padding-bottom: 175.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    padding-bottom: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    padding-bottom: 185px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    padding-bottom: 231.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    padding-bottom: 249.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    padding-bottom: 240.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    padding-bottom: 231.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    padding-bottom: 305.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    padding-bottom: 370px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    padding-bottom: 305.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    padding-bottom: 416.25px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    padding-bottom: 582.75px;
  }
}
@media (max-width: 799px) {
  #questsprise {
    padding-top: 80.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise {
    padding-top: 89px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise {
    padding-top: 114.81px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise {
    padding-top: 121.93px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise {
    padding-top: 133.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise {
    padding-top: 124.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise {
    padding-top: 151.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise {
    padding-top: 142.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise {
    padding-top: 169.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise {
    padding-top: 178px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise {
    padding-top: 178px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise {
    padding-top: 222.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise {
    padding-top: 240.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise {
    padding-top: 231.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise {
    padding-top: 222.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise {
    padding-top: 293.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise {
    padding-top: 356px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise {
    padding-top: 293.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise {
    padding-top: 400.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise {
    padding-top: 560.7px;
  }
}
#questsprise .questsprise-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FF9F1C;
  font-weight: bold;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #questsprise .questsprise-header {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-header {
    line-height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header {
    line-height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header {
    line-height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header {
    line-height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header {
    line-height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header {
    line-height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header {
    line-height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header {
    line-height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header {
    line-height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header {
    line-height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header {
    line-height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header {
    line-height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header {
    line-height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header {
    line-height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header {
    line-height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header {
    line-height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header {
    line-height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header {
    line-height: 132.3px;
  }
}
#questsprise .questsprise-header .box-between {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 799px) {
  #questsprise .questsprise-header .box-between {
    width: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header .box-between {
    width: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header .box-between {
    width: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header .box-between {
    width: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header .box-between {
    width: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header .box-between {
    width: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header .box-between {
    width: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header .box-between {
    width: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header .box-between {
    width: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header .box-between {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header .box-between {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header .box-between {
    width: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header .box-between {
    width: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header .box-between {
    width: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header .box-between {
    width: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between {
    width: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between {
    width: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between {
    width: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between {
    width: 225px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header .box-between {
    width: 315px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header .box-between .icon-star-small {
    line-height: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-header .box-between .icon-star-big {
    line-height: 113.4px;
  }
}
#questsprise .questsprise-questname-main {
  position: relative;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  letter-spacing: 0.01em;
  stroke: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.045px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.05px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.0645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.0685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.075px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.07px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.085px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.08px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.095px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.225px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main {
    stroke-width: 0.315px;
  }
}
#questsprise .questsprise-questname-main .questsprise-questname-text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  letter-spacing: 0.01em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 126px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    font-size: 176.4px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 139.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questsprise-questname-text {
    line-height: 195.3px;
  }
}
#questsprise .questsprise-questname-main .questprise-backgroundtext {
  animation: dash 5s linear infinite alternate forwards;
  fill: none;
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 216px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    font-size: 302.4px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 225px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    line-height: 315px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 1125px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dasharray: 1575px;
  }
}
@media (max-width: 799px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 1125px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questsprise-questname-main .questprise-backgroundtext {
    stroke-dashoffset: 1575px;
  }
}
#questsprise .questsprise-questname-main .questprise-backgroundblock {
  width: 100%;
  text-anchor: middle;
  dominant-baseline: middle;
  position: relative;
}
#questsprise .questprise-description {
  font-weight: 500;
  text-align: center;
}
@media (max-width: 799px) {
  #questsprise .questprise-description {
    width: 312.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-description {
    width: 347px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-description {
    width: 447.63px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-description {
    width: 475.39px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-description {
    width: 520.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-description {
    width: 485.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-description {
    width: 589.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-description {
    width: 555.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-description {
    width: 659.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-description {
    width: 694px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-description {
    width: 694px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-description {
    width: 867.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-description {
    width: 936.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-description {
    width: 902.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-description {
    width: 867.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    width: 1145.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    width: 1388px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    width: 1145.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    width: 1561.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-description {
    width: 2186.1px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-description {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-description {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-description {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-description {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-description {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-description {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-description {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-description {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-description {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-description {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-description {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-description {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-description {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-description {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-description {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-description {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-description {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-description {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-description {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-description {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-description {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-description {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-description {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-description {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-description {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-description {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-description {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-description {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-description {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-description {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-description {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-description {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-description {
    margin-bottom: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-description {
    margin-bottom: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-description {
    margin-bottom: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-description {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-description {
    margin-bottom: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-description {
    margin-bottom: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-description {
    margin-bottom: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-description {
    margin-bottom: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-description {
    margin-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-description {
    margin-bottom: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-description {
    margin-bottom: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-description {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-description {
    margin-bottom: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-description {
    margin-bottom: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    margin-bottom: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    margin-bottom: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-description {
    margin-bottom: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-description {
    margin-bottom: 157.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-description {
    margin-bottom: 220.5px;
  }
}
#questsprise .questprise-prise {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: auto;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise {
    width: 333px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise {
    width: 370px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise {
    width: 477.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise {
    width: 506.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise {
    width: 555px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise {
    width: 518px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise {
    width: 629px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise {
    width: 592px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise {
    width: 703px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise {
    width: 740px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise {
    width: 925px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise {
    width: 999px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise {
    width: 962px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise {
    width: 925px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise {
    width: 1221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise {
    width: 1480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise {
    width: 1221px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise {
    width: 1665px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise {
    width: 2331px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise {
    height: 90px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise {
    height: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise {
    height: 129px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise {
    height: 137px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise {
    height: 150px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise {
    height: 140px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise {
    height: 170px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise {
    height: 160px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise {
    height: 190px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise {
    height: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise {
    height: 270px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise {
    height: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise {
    height: 250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise {
    height: 330px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise {
    height: 400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise {
    height: 330px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise {
    height: 450px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise {
    height: 630px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 121.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-center-maintext {
    margin-bottom: 170.1px;
  }
}
#questsprise .questprise-prise .box-money {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .box-money {
    margin-bottom: 110.25px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .box-money .questsnewdialogicon-money {
    margin-right: 44.1px;
  }
}
#questsprise .questprise-prise .box-exp {
  display: flex;
  align-items: center;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .box-exp .questsnewdialogicon-exp {
    margin-right: 44.1px;
  }
}
#questsprise .questprise-prise .questprise-smalltext {
  font-weight: 500;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-top: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-smalltext {
    margin-bottom: 81.9px;
  }
}
#questsprise .questprise-prise .questprise-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 36px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-grid {
    gap: 50.4px;
  }
}
#questsprise .questprise-prise .questprise-grid .questprise-grid__item {
  background: rgba(253, 255, 252, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 180px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    width: 252px;
  }
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 180px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item {
    height: 252px;
  }
}
#questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
  colro: #FFFFFF;
}
@media (max-width: 799px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #questsprise .questprise-prise .questprise-grid .questprise-grid__item .questprise-grid__item_icon {
    font-size: 100.8px;
  }
}
#questsprise .quests-newbutton {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton {
    line-height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton {
    line-height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton {
    line-height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton {
    line-height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton {
    line-height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton {
    line-height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton {
    line-height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton {
    line-height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton {
    line-height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton {
    line-height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton {
    line-height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton {
    line-height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton {
    line-height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton {
    line-height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton {
    line-height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton {
    line-height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton {
    line-height: 3.15px;
  }
}
#questsprise .quests-newbutton .quests-button {
  background: #FDFFFC;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    margin-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton .quests-button {
    min-height: 126px;
  }
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton.myata {
    margin-bottom: 126px;
  }
}
#questsprise .quests-newbutton.myata .quests-button {
  background: #2BB6A8;
  color: white;
}
#questsprise .quests-newbutton.right {
  flex-direction: row-reverse;
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton.right {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton.right {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton.right {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton.right {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton.right {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton.right {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton.right {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton.right {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton.right {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton.right {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton.right {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton.right {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton.right {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.right {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.right {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.right {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton.right {
    margin-left: 81.9px;
  }
}
#questsprise .quests-newbutton.right .quests-button {
  margin-right: 0;
}
@media (max-width: 799px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #questsprise .quests-newbutton.right .quests-button {
    margin-left: 81.9px;
  }
}
@font-face {
  font-family: "questsnewdialogicon";
  src: url(../src/views/quests/achivment/fonts//questsnewdialogicon.eot);
  src: url(../src/views/quests/achivment/fonts//questsnewdialogicon.eot#iefix) format("embedded-opentype"), url(../src/views/quests/achivment/fonts//questsnewdialogicon.ttf) format("truetype"), url(../src/views/quests/achivment/fonts//questsnewdialogicon.woff) format("woff"), url(/src/views/quests/achivment/fonts/questsnewdialogicon.svg#questsnewdialogicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=questsnewdialogicon-], [class*=" questsnewdialogicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "questsnewdialogicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.questsnewdialogicon-done:before {
  content: "\e906";
}

.questsnewdialogicon-question:before {
  content: "\e900";
}

.questsnewdialogicon-exp:before {
  content: "\e901";
}

.questsnewdialogicon-money:before {
  content: "\e902";
}

.questsnewdialogicon-background-star:before {
  content: "\e903";
}

.questsnewdialogicon-question2:before {
  content: "\e904";
}

.questsnewdialogicon-undone:before {
  content: "\e905";
}

.questsnewdialogicon-star-empty:before {
  content: "\e907";
}

.questsnewdialogicon-loop2:before {
  content: "\e908";
}

.questsnewdialogicon-exit:before {
  content: "\e909";
}

.questsnewdialogicon-loop:before {
  content: "\e90a";
}

.questsnewdialogicon-star:before {
  content: "\e90b";
}

.questsnewdialogicon-warning:before {
  content: "\e90c";
}

.questsnewdialogicon-right:before {
  content: "\e90d";
}

.questsnewdialogicon-left:before {
  content: "\e90e";
}
#valentine {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFFFFF;
  font-family: "TTNorms-Regular";
  background: rgba(1, 22, 39, 0.8);
  letter-spacing: 0.02em;
}
@media (max-width: 799px) {
  #valentine {
    font-size: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine {
    font-size: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine {
    font-size: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine {
    font-size: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine {
    font-size: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine {
    font-size: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine {
    font-size: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine {
    font-size: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine {
    font-size: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine {
    font-size: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine {
    font-size: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine {
    font-size: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine {
    font-size: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine {
    font-size: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine {
    font-size: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine {
    font-size: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine {
    font-size: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine {
    font-size: 49.5px;
  }
}
@media (min-width: 6000px) {
  #valentine {
    font-size: 69.3px;
  }
}
@media (max-width: 799px) {
  #valentine {
    padding-left: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine {
    padding-left: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine {
    padding-left: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine {
    padding-left: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine {
    padding-left: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine {
    padding-left: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine {
    padding-left: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine {
    padding-left: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine {
    padding-left: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine {
    padding-left: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine {
    padding-left: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine {
    padding-left: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine {
    padding-left: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine {
    padding-left: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine {
    padding-left: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine {
    padding-left: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine {
    padding-left: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine {
    padding-left: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine {
    padding-left: 258.75px;
  }
}
@media (min-width: 6000px) {
  #valentine {
    padding-left: 362.25px;
  }
}
@media (max-width: 799px) {
  #valentine {
    padding-right: 51.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine {
    padding-right: 57.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine {
    padding-right: 74.175px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine {
    padding-right: 78.775px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine {
    padding-right: 86.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine {
    padding-right: 80.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine {
    padding-right: 97.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine {
    padding-right: 92px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine {
    padding-right: 109.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine {
    padding-right: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine {
    padding-right: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine {
    padding-right: 143.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine {
    padding-right: 155.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine {
    padding-right: 149.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine {
    padding-right: 143.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine {
    padding-right: 189.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine {
    padding-right: 230px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine {
    padding-right: 189.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine {
    padding-right: 258.75px;
  }
}
@media (min-width: 6000px) {
  #valentine {
    padding-right: 362.25px;
  }
}
@media (max-width: 799px) {
  #valentine {
    padding-bottom: 29.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine {
    padding-bottom: 33px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine {
    padding-bottom: 42.57px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine {
    padding-bottom: 45.21px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine {
    padding-bottom: 49.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine {
    padding-bottom: 46.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine {
    padding-bottom: 56.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine {
    padding-bottom: 52.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine {
    padding-bottom: 62.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine {
    padding-bottom: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine {
    padding-bottom: 66px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine {
    padding-bottom: 82.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine {
    padding-bottom: 89.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine {
    padding-bottom: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine {
    padding-bottom: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine {
    padding-bottom: 108.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine {
    padding-bottom: 108.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine {
    padding-bottom: 148.5px;
  }
}
@media (min-width: 6000px) {
  #valentine {
    padding-bottom: 207.9px;
  }
}
@media (max-width: 799px) {
  #valentine {
    padding-top: 67.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine {
    padding-top: 75.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine {
    padding-top: 97.395px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine {
    padding-top: 103.435px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine {
    padding-top: 113.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine {
    padding-top: 105.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine {
    padding-top: 128.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine {
    padding-top: 120.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine {
    padding-top: 143.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine {
    padding-top: 151px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine {
    padding-top: 151px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine {
    padding-top: 188.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine {
    padding-top: 203.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine {
    padding-top: 196.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine {
    padding-top: 188.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine {
    padding-top: 249.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine {
    padding-top: 302px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine {
    padding-top: 249.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine {
    padding-top: 339.75px;
  }
}
@media (min-width: 6000px) {
  #valentine {
    padding-top: 475.65px;
  }
}
@media (max-width: 799px) {
  #valentine .margin-right-35 {
    margin-right: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .margin-right-35 {
    margin-right: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .margin-right-35 {
    margin-right: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .margin-right-35 {
    margin-right: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .margin-right-35 {
    margin-right: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .margin-right-35 {
    margin-right: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .margin-right-35 {
    margin-right: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .margin-right-35 {
    margin-right: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .margin-right-35 {
    margin-right: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .margin-right-35 {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .margin-right-35 {
    margin-right: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .margin-right-35 {
    margin-right: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .margin-right-35 {
    margin-right: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .margin-right-35 {
    margin-right: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .margin-right-35 {
    margin-right: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .margin-right-35 {
    margin-right: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .margin-right-35 {
    margin-right: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .margin-right-35 {
    margin-right: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .margin-right-35 {
    margin-right: 78.75px;
  }
}
@media (min-width: 6000px) {
  #valentine .margin-right-35 {
    margin-right: 110.25px;
  }
}
#valentine .valentine-newbutton {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton {
    line-height: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton {
    line-height: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton {
    line-height: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton {
    line-height: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton {
    line-height: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton {
    line-height: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton {
    line-height: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton {
    line-height: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton {
    line-height: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton {
    line-height: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton {
    line-height: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton {
    line-height: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton {
    line-height: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton {
    line-height: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton {
    line-height: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton {
    line-height: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton {
    line-height: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton {
    line-height: 49.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton {
    line-height: 69.3px;
  }
}
#valentine .valentine-newbutton:last-child {
  margin-right: 0;
}
#valentine .valentine-newbutton .valentine-button {
  background: #FDFFFC;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-bottom: 18.9px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    padding-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 58.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    margin-right: 81.9px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 90px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton .valentine-button {
    min-height: 126px;
  }
}
#valentine .valentine-newbutton.right {
  flex-direction: row-reverse;
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton.right {
    margin-right: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton.right {
    margin-right: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton.right {
    margin-right: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton.right {
    margin-right: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton.right {
    margin-right: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton.right {
    margin-right: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton.right {
    margin-right: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton.right {
    margin-right: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton.right {
    margin-right: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton.right {
    margin-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton.right {
    margin-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton.right {
    margin-right: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton.right {
    margin-right: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton.right {
    margin-right: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton.right {
    margin-right: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton.right {
    margin-right: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton.right {
    margin-right: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton.right {
    margin-right: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton.right {
    margin-right: 225px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton.right {
    margin-right: 315px;
  }
}
#valentine .valentine-newbutton.right:last-child {
  margin-right: 0;
}
#valentine .valentine-newbutton.right .valentine-button {
  margin-right: 0;
}
@media (max-width: 799px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 58.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine-newbutton.right .valentine-button {
    margin-left: 81.9px;
  }
}
#valentine .valentine__main_img {
  background: url(/src/views/events/valentine/images/valent.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 799px) {
  #valentine .valentine__main_img {
    height: 169.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__main_img {
    height: 188px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__main_img {
    height: 242.52px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__main_img {
    height: 257.56px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__main_img {
    height: 282px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__main_img {
    height: 263.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__main_img {
    height: 319.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__main_img {
    height: 300.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__main_img {
    height: 357.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__main_img {
    height: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__main_img {
    height: 376px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__main_img {
    height: 470px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__main_img {
    height: 507.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__main_img {
    height: 488.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__main_img {
    height: 470px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__main_img {
    height: 620.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__main_img {
    height: 752px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__main_img {
    height: 620.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__main_img {
    height: 846px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__main_img {
    height: 1184.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__main_img {
    width: 351px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__main_img {
    width: 390px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__main_img {
    width: 503.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__main_img {
    width: 534.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__main_img {
    width: 585px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__main_img {
    width: 546px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__main_img {
    width: 663px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__main_img {
    width: 624px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__main_img {
    width: 741px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__main_img {
    width: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__main_img {
    width: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__main_img {
    width: 975px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__main_img {
    width: 1053px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__main_img {
    width: 1014px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__main_img {
    width: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__main_img {
    width: 1287px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__main_img {
    width: 1560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__main_img {
    width: 1287px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__main_img {
    width: 1755px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__main_img {
    width: 2457px;
  }
}
#valentine .valentine__text {
  margin-bottom: auto;
  text-align: center;
}
@media (max-width: 799px) {
  #valentine .valentine__text {
    margin-top: 29.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__text {
    margin-top: 32.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__text {
    margin-top: 41.925px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__text {
    margin-top: 44.525px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__text {
    margin-top: 48.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__text {
    margin-top: 45.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__text {
    margin-top: 55.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__text {
    margin-top: 52px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__text {
    margin-top: 61.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__text {
    margin-top: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__text {
    margin-top: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__text {
    margin-top: 81.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__text {
    margin-top: 87.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__text {
    margin-top: 84.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__text {
    margin-top: 81.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__text {
    margin-top: 107.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__text {
    margin-top: 130px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__text {
    margin-top: 107.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__text {
    margin-top: 146.25px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__text {
    margin-top: 204.75px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__text {
    width: 338.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__text {
    width: 376px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__text {
    width: 485.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__text {
    width: 515.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__text {
    width: 564px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__text {
    width: 526.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__text {
    width: 639.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__text {
    width: 601.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__text {
    width: 714.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__text {
    width: 752px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__text {
    width: 752px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__text {
    width: 940px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__text {
    width: 1015.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__text {
    width: 977.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__text {
    width: 940px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__text {
    width: 1240.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__text {
    width: 1504px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__text {
    width: 1240.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__text {
    width: 1692px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__text {
    width: 2368.8px;
  }
}
#valentine .valentine__heart_img {
  background: url(/src/views/events/valentine/images/heart.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img {
    padding-top: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img {
    padding-top: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img {
    padding-top: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img {
    padding-top: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img {
    padding-top: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img {
    padding-top: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img {
    padding-top: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img {
    padding-top: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img {
    padding-top: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img {
    padding-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img {
    padding-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img {
    padding-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img {
    padding-top: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img {
    padding-top: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img {
    padding-top: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    padding-top: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    padding-top: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    padding-top: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    padding-top: 162px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img {
    padding-top: 226.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img {
    height: 264.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img {
    height: 294px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img {
    height: 379.26px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img {
    height: 402.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img {
    height: 441px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img {
    height: 411.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img {
    height: 499.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img {
    height: 470.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img {
    height: 558.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img {
    height: 735px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img {
    height: 793.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img {
    height: 764.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img {
    height: 735px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    height: 970.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    height: 1176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    height: 970.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    height: 1323px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img {
    height: 1852.2px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img {
    width: 288px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img {
    width: 320px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img {
    width: 412.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img {
    width: 438.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img {
    width: 480px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img {
    width: 448px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img {
    width: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img {
    width: 512px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img {
    width: 608px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img {
    width: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img {
    width: 864px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img {
    width: 832px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img {
    width: 800px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    width: 1056px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    width: 1280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img {
    width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img {
    width: 1440px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img {
    width: 2016px;
  }
}
#valentine .valentine__heart_img .valentine__input {
  background: transparent;
  color: #FDFFFC;
  font-family: inherit;
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    line-height: 113.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.45px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.5px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.645px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.685px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.75px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.7px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.85px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.8px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 0.95px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.35px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.3px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 2px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 2.25px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    border-bottom: 3.15px solid #FDFFFC;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input {
    padding-left: 44.1px;
  }
}
#valentine .valentine__heart_img .valentine__input::-moz-placeholder {
  color: #FDFFFC;
}
#valentine .valentine__heart_img .valentine__input::placeholder {
  color: #FDFFFC;
}
#valentine .valentine__heart_img .valentine__input_big {
  color: #FDFFFC;
  resize: none;
  background: transparent;
  font-family: inherit;
  word-wrap: break-word;
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 589.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    height: 825.3px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.45px solid #FDFFFC;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.5px solid #FDFFFC;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.645px solid #FDFFFC;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.685px solid #FDFFFC;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.75px solid #FDFFFC;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.7px solid #FDFFFC;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.85px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.8px solid #FDFFFC;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 0.95px solid #FDFFFC;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.35px solid #FDFFFC;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.3px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.25px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 2px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 1.65px solid #FDFFFC;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 2.25px solid #FDFFFC;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    border: 3.15px solid #FDFFFC;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__heart_img .valentine__input_big {
    font-size: 56.7px;
  }
}
#valentine .valentine__heart_img .valentine__input_big::-moz-placeholder {
  color: #FDFFFC;
}
#valentine .valentine__heart_img .valentine__input_big::placeholder {
  color: #FDFFFC;
}
#valentine .valentine__hearts_img {
  background: url(/src/views/events/valentine/images/hearts.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img {
    padding-top: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img {
    padding-top: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img {
    padding-top: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img {
    padding-top: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img {
    padding-top: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img {
    padding-top: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img {
    padding-top: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img {
    padding-top: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img {
    padding-top: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img {
    padding-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img {
    padding-top: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img {
    padding-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img {
    padding-top: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img {
    padding-top: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img {
    padding-top: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    padding-top: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    padding-top: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    padding-top: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    padding-top: 162px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img {
    padding-top: 226.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img {
    height: 264.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img {
    height: 294px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img {
    height: 379.26px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img {
    height: 402.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img {
    height: 441px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img {
    height: 411.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img {
    height: 499.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img {
    height: 470.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img {
    height: 558.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img {
    height: 735px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img {
    height: 793.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img {
    height: 764.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img {
    height: 735px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    height: 970.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    height: 1176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    height: 970.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    height: 1323px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img {
    height: 1852.2px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img {
    width: 621px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img {
    width: 690px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img {
    width: 890.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img {
    width: 945.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img {
    width: 1035px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img {
    width: 966px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img {
    width: 1173px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img {
    width: 1104px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img {
    width: 1311px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img {
    width: 1380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img {
    width: 1380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img {
    width: 1725px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img {
    width: 1863px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img {
    width: 1794px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img {
    width: 1725px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    width: 2277px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    width: 2760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img {
    width: 2277px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img {
    width: 3105px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img {
    width: 4347px;
  }
}
#valentine .valentine__hearts_img .valentine__hearts_name {
  font-family: "Nickainley";
  color: rgba(255, 255, 255, 0.2);
  position: relative;
  display: table-caption;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotateZ(350deg);
  font-weight: normal;
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 216px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    line-height: 302.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 43.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 48px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 61.92px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 65.76px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 72px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 67.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 81.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 76.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 91.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 96px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 129.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 124.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 120px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 158.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 192px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 158.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 216px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_name {
    font-size: 302.4px;
  }
}
#valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: table-caption;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 162px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    line-height: 226.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 162px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_name .valentine__hearts_absolute {
    font-size: 226.8px;
  }
}
#valentine .valentine__hearts_img .valentine__hearts_text {
  font-weight: 500;
  letter-spacing: 1px;
  color: #FFFFFF;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 177.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 197px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 254.13px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 269.89px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 295.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 275.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 334.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 315.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 374.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 394px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 394px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 492.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 531.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 512.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 492.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 650.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 788px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 650.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 886.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    width: 1241.1px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    line-height: 56.7px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__hearts_img .valentine__hearts_text {
    font-size: 63px;
  }
}
#valentine .valentine__mail_img {
  background: url(/src/views/events/valentine/images/mail.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img {
    margin-top: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img {
    margin-top: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img {
    margin-top: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img {
    margin-top: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img {
    margin-top: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img {
    margin-top: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img {
    margin-top: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img {
    margin-top: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img {
    margin-top: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img {
    margin-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img {
    margin-top: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img {
    margin-top: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img {
    margin-top: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img {
    margin-top: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img {
    margin-top: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    margin-top: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    margin-top: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    margin-top: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    margin-top: 225px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img {
    margin-top: 315px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img {
    height: 188.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img {
    height: 209px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img {
    height: 269.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img {
    height: 286.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img {
    height: 313.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img {
    height: 292.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img {
    height: 355.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img {
    height: 334.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img {
    height: 397.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img {
    height: 418px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img {
    height: 522.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img {
    height: 564.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img {
    height: 543.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img {
    height: 522.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    height: 689.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    height: 836px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    height: 689.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    height: 940.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img {
    height: 1316.7px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img {
    width: 391.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img {
    width: 435px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img {
    width: 561.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img {
    width: 595.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img {
    width: 652.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img {
    width: 609px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img {
    width: 739.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img {
    width: 696px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img {
    width: 826.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img {
    width: 870px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img {
    width: 870px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img {
    width: 1087.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img {
    width: 1174.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img {
    width: 1131px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img {
    width: 1087.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    width: 1435.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    width: 1740px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    width: 1435.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    width: 1957.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img {
    width: 2740.5px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img {
    padding-top: 63px;
  }
}
#valentine .valentine__mail_img .valentine__input {
  background: transparent;
  font-weight: bold;
  color: #000000;
  font-family: inherit;
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 81px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    line-height: 113.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.45px solid #000000;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.5px solid #000000;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.645px solid #000000;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.685px solid #000000;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.75px solid #000000;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.7px solid #000000;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.85px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.8px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 0.95px solid #000000;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.25px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.35px solid #000000;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.3px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.25px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.65px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 2px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 1.65px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 2.25px solid #000000;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    border-bottom: 3.15px solid #000000;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 36px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    margin-bottom: 50.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input {
    padding-left: 44.1px;
  }
}
#valentine .valentine__mail_img .valentine__input::-moz-placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__input::placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__input_big {
  font-weight: bold;
  color: #000000;
  resize: none;
  background: transparent;
  font-family: inherit;
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-left: 44.1px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-right: 44.1px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 117.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 131px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 168.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 179.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 196.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 183.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 222.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 209.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 248.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 262px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 327.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 353.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 340.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 327.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 432.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 524px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 432.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 589.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    height: 825.3px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.45px solid #000000;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.5px solid #000000;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.645px solid #000000;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.685px solid #000000;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.75px solid #000000;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.7px solid #000000;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.85px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.8px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 0.95px solid #000000;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.25px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.35px solid #000000;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.3px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.25px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.65px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 2px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 1.65px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 2.25px solid #000000;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    border: 3.15px solid #000000;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__input_big {
    font-size: 56.7px;
  }
}
#valentine .valentine__mail_img .valentine__input_big::-moz-placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__input_big::placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__mail_name {
  color: #000000;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 185.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 206px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 265.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 282.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 309px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 288.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 350.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 329.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 391.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 412px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 515px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 556.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 535.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 515px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 679.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 824px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 679.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 927px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    width: 1297.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 117px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    line-height: 163.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.45px solid #000000;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.5px solid #000000;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.645px solid #000000;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.685px solid #000000;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.75px solid #000000;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.7px solid #000000;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.85px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.8px solid #000000;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 0.95px solid #000000;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.25px solid #000000;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.35px solid #000000;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.3px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.25px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.65px solid #000000;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 2px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 1.65px solid #000000;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 2.25px solid #000000;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    border-bottom: 3.15px solid #000000;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_name {
    margin-bottom: 69.3px;
  }
}
#valentine .valentine__mail_img .valentine__mail_name::-moz-placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__mail_name::placeholder {
  color: #000000;
}
#valentine .valentine__mail_img .valentine__mail_text {
  color: #000000;
  font-weight: 500;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 338.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 376px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 485.04px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 515.12px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 564px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 526.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 639.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 601.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 714.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 752px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 752px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 940px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 1015.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 977.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 940px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 1240.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 1504px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 1240.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 1692px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    width: 2368.8px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    line-height: 63px;
  }
}
@media (max-width: 799px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #valentine .valentine__mail_img .valentine__mail_text {
    font-size: 56.7px;
  }
}
#valentine .valentine__mail_img .box-column {
  align-items: center;
}
@font-face {
  font-family: "animationsicon";
  src: url(../src/views/events/valentine/fonts//animationsicon.eot);
  src: url(../src/views/events/valentine/fonts//animationsicon.eot#iefix) format("embedded-opentype"), url(../src/views/events/valentine/fonts//animationsicon.ttf) format("truetype"), url(../src/views/events/valentine/fonts//animationsicon.woff) format("woff"), url(/src/views/events/valentine/fonts/animationsicon.svg#animationsicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Nickainley";
  src: url(../src/views/events/valentine/fonts/nickainley//Nickainley-normal.eot);
  src: url(../src/views/events/valentine/fonts/nickainley//Nickainley-normal.eot#iefix) format("embedded-opentype"), url(../src/views/events/valentine/fonts/nickainley//Nickainley-normal.ttf) format("truetype"), url(../src/views/events/valentine/fonts/nickainley//Nickainley-normal.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=animationsicon-], [class*=" animationsicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "animationsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.animationsicon-loop2:before {
  content: "\e903";
}

.animationsicon-star:before {
  content: "\e901";
}

.animationsicon-mainanim:before {
  content: "\e902";
}
#house {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
  position: relative;
}
@media (max-width: 799px) {
  #house {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #house {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #house {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #house {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #house {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #house {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #house {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #house {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #house {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #house {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #house {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #house {
    padding-right: 252px;
  }
}
#house .house__buy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#house .house__background {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.03;
}
@media (max-width: 799px) {
  #house .house__background {
    font-size: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__background {
    font-size: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__background {
    font-size: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__background {
    font-size: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__background {
    font-size: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__background {
    font-size: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__background {
    font-size: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__background {
    font-size: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__background {
    font-size: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__background {
    font-size: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__background {
    font-size: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__background {
    font-size: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__background {
    font-size: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__background {
    font-size: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__background {
    font-size: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__background {
    font-size: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__background {
    font-size: 1575px;
  }
}
@media (min-width: 6000px) {
  #house .house__background {
    font-size: 2205px;
  }
}
#house .house__info_flex {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #house .house__info_flex {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #house .house__info_flex {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex {
    margin-bottom: 56.7px;
  }
}
#house .house__info_flex .house__stat {
  text-align: right;
}
@media (max-width: 799px) {
  #house .house__info_flex .house__stat {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex .house__stat {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex .house__stat {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex .house__stat {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex .house__stat {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex .house__stat {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex .house__stat {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex .house__stat {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex .house__stat {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex .house__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex .house__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex .house__stat {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex .house__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex .house__stat {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex .house__stat {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex .house__stat {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex .house__stat {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__info_flex .house__stat {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex .house__stat {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex .house__stat {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex .house__stat {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex .house__stat {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex .house__stat {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex .house__stat {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex .house__stat {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex .house__stat {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex .house__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex .house__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex .house__stat {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex .house__stat {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex .house__stat {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex .house__stat {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex .house__stat {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #house .house__info_flex .house__stat {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info_flex .house__stat {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info_flex .house__stat {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info_flex .house__stat {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info_flex .house__stat {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info_flex .house__stat {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info_flex .house__stat {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info_flex .house__stat {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info_flex .house__stat {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info_flex .house__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info_flex .house__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info_flex .house__stat {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info_flex .house__stat {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info_flex .house__stat {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info_flex .house__stat {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info_flex .house__stat {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info_flex .house__stat {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  #house .house__info_flex .house__stat {
    width: 504px;
  }
}
#house .house__buy_flex {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #house .house__buy_flex {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_flex {
    margin-top: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex {
    margin-top: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex {
    margin-top: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex {
    margin-top: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex {
    margin-top: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex {
    margin-top: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex {
    margin-top: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex {
    margin-top: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex {
    margin-top: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex {
    margin-top: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex {
    margin-top: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex {
    margin-top: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex {
    margin-top: 202.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex {
    margin-top: 283.5px;
  }
}
#house .house__buy_flex .house__line {
  background: url(/src/views/house/menu/images/lines.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #house .house__buy_flex .house__line {
    width: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex .house__line {
    width: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex .house__line {
    width: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex .house__line {
    width: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex .house__line {
    width: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex .house__line {
    width: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex .house__line {
    width: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex .house__line {
    width: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex .house__line {
    width: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex .house__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex .house__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex .house__line {
    width: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex .house__line {
    width: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex .house__line {
    width: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex .house__line {
    width: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    width: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    width: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    width: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    width: 193.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex .house__line {
    width: 270.9px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_flex .house__line {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex .house__line {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex .house__line {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex .house__line {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex .house__line {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex .house__line {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex .house__line {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex .house__line {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex .house__line {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex .house__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex .house__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex .house__line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex .house__line {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex .house__line {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex .house__line {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex .house__line {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_flex .house__line {
    margin-left: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex .house__line {
    margin-left: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex .house__line {
    margin-left: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex .house__line {
    margin-left: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex .house__line {
    margin-left: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex .house__line {
    margin-left: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex .house__line {
    margin-left: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex .house__line {
    margin-left: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex .house__line {
    margin-left: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex .house__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex .house__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex .house__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex .house__line {
    margin-left: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex .house__line {
    margin-left: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex .house__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    margin-left: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    margin-left: 121.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex .house__line {
    margin-left: 170.1px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_flex .house__line {
    margin-right: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_flex .house__line {
    margin-right: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_flex .house__line {
    margin-right: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_flex .house__line {
    margin-right: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_flex .house__line {
    margin-right: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_flex .house__line {
    margin-right: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_flex .house__line {
    margin-right: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_flex .house__line {
    margin-right: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_flex .house__line {
    margin-right: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_flex .house__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_flex .house__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_flex .house__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_flex .house__line {
    margin-right: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_flex .house__line {
    margin-right: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_flex .house__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    margin-right: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_flex .house__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_flex .house__line {
    margin-right: 121.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_flex .house__line {
    margin-right: 170.1px;
  }
}
#house .house__buy_flex .box-column {
  align-items: center;
}
#house .house__buy_center {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #house .house__buy_center .box-column {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_center .box-column {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_center .box-column {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_center .box-column {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_center .box-column {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_center .box-column {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_center .box-column {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_center .box-column {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_center .box-column {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_center .box-column {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_center .box-column {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_center .box-column {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_center .box-column {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_center .box-column {
    margin-top: 63px;
  }
}
#house .house__buy_center .house__upgrade_element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_center .house__upgrade_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_center .house__upgrade_element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_center .house__upgrade_element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_center .house__upgrade_element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_center .house__upgrade_element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_center .house__upgrade_element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_center .house__upgrade_element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_center .house__upgrade_element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_center .house__upgrade_element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_center .house__upgrade_element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_center .house__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_center .house__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_center .house__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_center .house__upgrade_element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_center .house__upgrade_element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_center .house__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_center .house__upgrade_element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_center .house__upgrade_element {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_center .house__upgrade_element {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_center .house__upgrade_element {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_center .house__upgrade_element {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_center .house__upgrade_element {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_center .house__upgrade_element {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_center .house__upgrade_element {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_center .house__upgrade_element {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_center .house__upgrade_element {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_center .house__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_center .house__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_center .house__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_center .house__upgrade_element {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_center .house__upgrade_element {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_center .house__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_center .house__upgrade_element {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__buy_center .house__upgrade_element {
    margin-bottom: 31.5px;
  }
}
#house .house__buy_center .house__upgrade_element:hover {
  background: rgba(255, 255, 255, 0.07);
}
#house .house__info {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 799px) {
  #house .house__info {
    margin-top: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info {
    margin-top: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info {
    margin-top: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info {
    margin-top: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info {
    margin-top: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info {
    margin-top: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info {
    margin-top: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info {
    margin-top: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info {
    margin-top: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info {
    margin-top: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info {
    margin-top: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info {
    margin-top: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info {
    margin-top: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info {
    margin-top: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info {
    margin-top: 531px;
  }
}
@media (min-width: 6000px) {
  #house .house__info {
    margin-top: 743.4px;
  }
}
@media (max-width: 799px) {
  #house .house__info {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__info {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #house .house__info {
    font-size: 75.6px;
  }
}
#house .house__info span {
  color: white;
}
@media (max-width: 799px) {
  #house .house__info.small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__info.small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__info.small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__info.small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__info.small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__info.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__info.small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__info.small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__info.small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__info.small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__info.small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__info.small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__info.small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__info.small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__info.small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #house .house__info.small {
    font-size: 50.4px;
  }
}
#house .house__info.m-0 {
  margin-top: 0;
  text-align: right;
}
#house .house__info.margin-none {
  margin: 0;
  text-align: center;
}
#house .house__menu {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
#house .house__stat {
  z-index: 1;
}
@media (max-width: 799px) {
  #house .house__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__stat {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__stat {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__stat {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__stat {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__stat {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__stat {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__stat {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__stat {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__stat {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__stat {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__stat {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__stat {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__stat {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__stat {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #house .house__stat {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #house .house__stat {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__stat {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__stat {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__stat {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__stat {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__stat {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__stat {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__stat {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__stat {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__stat {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__stat {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__stat {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__stat {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__stat {
    line-height: 179.55px;
  }
}
#house .house__stat.mint {
  color: #2BB6A8;
}
#house .house__stat.orange {
  color: #FF9F1C;
}
#house .house__header {
  z-index: 1;
  text-align: center;
}
@media (max-width: 799px) {
  #house .house__header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #house .house__header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #house .house__header {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__header {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__header {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__header {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__header {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__header {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__header {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__header {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__header {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__header {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__header {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__header {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__header {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__header {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__header {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__header {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__header {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #house .house__header {
    line-height: 88.2px;
  }
}
#house .house__panel {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#house .house__mainmenu {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#house .house__mainmenu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#house .house__mainmenu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#house .house__mainmenu_block {
  display: flex;
  flex-direction: column;
  align-items: left;
}
@media (max-width: 799px) {
  #house .house__mainmenu_block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block {
    min-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block {
    min-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block {
    min-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block {
    min-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block {
    min-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block {
    min-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block {
    min-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block {
    min-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block {
    min-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block {
    min-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block {
    min-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    min-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    min-width: 900px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block {
    min-width: 1260px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block {
    max-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block {
    max-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block {
    max-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block {
    max-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block {
    max-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block {
    max-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block {
    max-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block {
    max-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block {
    max-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block {
    max-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block {
    max-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    max-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block {
    max-width: 900px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block {
    max-width: 1260px;
  }
}
#house .house__mainmenu_block.parking {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking {
    min-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking {
    min-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking {
    min-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking {
    min-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking {
    min-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking {
    min-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking {
    min-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking {
    min-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking {
    min-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking {
    min-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking {
    min-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    min-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    min-width: 675px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking {
    min-width: 945px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking {
    max-height: 145.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking {
    max-height: 162px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking {
    max-height: 208.98px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking {
    max-height: 221.94px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking {
    max-height: 243px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking {
    max-height: 226.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking {
    max-height: 275.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking {
    max-height: 259.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking {
    max-height: 307.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking {
    max-height: 324px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking {
    max-height: 324px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking {
    max-height: 405px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking {
    max-height: 437.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking {
    max-height: 421.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking {
    max-height: 405px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    max-height: 534.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    max-height: 648px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    max-height: 534.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    max-height: 729px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking {
    max-height: 1020.6px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar {
    width: 12.6px;
  }
}
#house .house__mainmenu_block.parking::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_block.parking::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#house .house__mainmenu_categorie {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie {
    min-height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie {
    min-height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie {
    min-height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie {
    min-height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie {
    min-height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie {
    min-height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie {
    min-height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie {
    min-height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie {
    min-height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie {
    min-height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie {
    min-height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie {
    min-height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie {
    min-height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie {
    min-height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    min-height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    min-height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    min-height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    min-height: 135px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie {
    min-height: 189px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie {
    width: 128.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie {
    width: 143px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie {
    width: 184.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie {
    width: 195.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie {
    width: 214.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie {
    width: 200.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie {
    width: 243.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie {
    width: 228.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie {
    width: 271.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie {
    width: 386.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie {
    width: 371.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    width: 572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    width: 643.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie {
    width: 900.9px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie {
    margin-bottom: 18.9px;
  }
}
#house .house__mainmenu_categorie:hover, #house .house__mainmenu_categorie.active {
  color: black;
  background: white;
}
#house .house__mainmenu_categorie:hover .house__mainmenu_categorie-header, #house .house__mainmenu_categorie.active .house__mainmenu_categorie-header {
  color: black;
}
#house .house__mainmenu_categorie:hover .house__gray, #house .house__mainmenu_categorie.active .house__gray {
  color: #313131;
}
#house .house__mainmenu_categorie:hover .house__gray .house__white, #house .house__mainmenu_categorie.active .house__gray .house__white {
  color: black;
}
#house .house__mainmenu_categorie:hover .line, #house .house__mainmenu_categorie.active .line {
  background: black;
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie.big {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie.big {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie.big {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie.big {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie.big {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie.big {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie.big {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie.big {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie.big {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie.big {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie.big {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie.big {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie.big {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie.big {
    height: 315px;
  }
}
#house .house__mainmenu_categorie .house__mainmenu_categorie-header {
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 66.15px;
  }
}
#house .house__mainmenu_categorie .line {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: white;
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie .line {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie .line {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie .line {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie .line {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie .line {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie .line {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie .line {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie .line {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie .line {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie .line {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie .line {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .line {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .line {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie .line {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_categorie .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_categorie .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_categorie .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_categorie .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_categorie .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_categorie .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_categorie .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_categorie .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_categorie .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_categorie .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_categorie .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_categorie .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_categorie .line {
    width: 12.6px;
  }
}
#house .house__mainmenu_center {
  z-index: 1;
  width: 100%;
  max-width: 1102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #house .house__mainmenu_center {
    max-height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_center {
    max-height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_center {
    max-height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_center {
    max-height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_center {
    max-height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_center {
    max-height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_center {
    max-height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_center {
    max-height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_center {
    max-height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_center {
    max-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_center {
    max-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_center {
    max-height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_center {
    max-height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_center {
    max-height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_center {
    max-height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_center {
    max-height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_center {
    max-height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_center {
    max-height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_center {
    max-height: 1530px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_center {
    max-height: 2142px;
  }
}
@media (max-width: 799px) {
  #house .house__mainmenu_center {
    height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__mainmenu_center {
    height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__mainmenu_center {
    height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__mainmenu_center {
    height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__mainmenu_center {
    height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__mainmenu_center {
    height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__mainmenu_center {
    height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__mainmenu_center {
    height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__mainmenu_center {
    height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__mainmenu_center {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__mainmenu_center {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__mainmenu_center {
    height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__mainmenu_center {
    height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__mainmenu_center {
    height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__mainmenu_center {
    height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__mainmenu_center {
    height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__mainmenu_center {
    height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__mainmenu_center {
    height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__mainmenu_center {
    height: 1530px;
  }
}
@media (min-width: 6000px) {
  #house .house__mainmenu_center {
    height: 2142px;
  }
}
#house .house__mainmenu_center.left {
  align-items: flex-start;
}
#house .box-between {
  z-index: 1;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#house .house__main_menu {
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #house .house__main_menu {
    width: 292.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu {
    width: 325px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu {
    width: 419.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu {
    width: 445.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu {
    width: 487.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu {
    width: 455px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu {
    width: 552.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu {
    width: 520px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu {
    width: 617.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu {
    width: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu {
    width: 650px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu {
    width: 812.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu {
    width: 877.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu {
    width: 845px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu {
    width: 812.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu {
    width: 1072.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu {
    width: 1300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu {
    width: 1072.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu {
    width: 1462.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu {
    width: 2047.5px;
  }
}
@media (max-width: 799px) {
  #house .house__main_menu {
    max-height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu {
    max-height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu {
    max-height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu {
    max-height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu {
    max-height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu {
    max-height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu {
    max-height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu {
    max-height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu {
    max-height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu {
    max-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu {
    max-height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu {
    max-height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu {
    max-height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu {
    max-height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu {
    max-height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu {
    max-height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu {
    max-height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu {
    max-height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu {
    max-height: 1530px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu {
    max-height: 2142px;
  }
}
@media (max-width: 799px) {
  #house .house__main_menu {
    height: 306px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu {
    height: 340px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu {
    height: 438.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu {
    height: 465.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu {
    height: 510px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu {
    height: 476px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu {
    height: 578px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu {
    height: 544px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu {
    height: 646px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu {
    height: 680px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu {
    height: 850px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu {
    height: 918px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu {
    height: 884px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu {
    height: 850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu {
    height: 1122px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu {
    height: 1360px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu {
    height: 1122px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu {
    height: 1530px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu {
    height: 2142px;
  }
}
@media (max-width: 799px) {
  #house .house__main_menu {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#house .house__main_menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#house .house__main_menu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#house .house__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #house .house__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #house .house__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #house .house__gray.ml {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__gray.ml {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__gray.ml {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__gray.ml {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__gray.ml {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__gray.ml {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__gray.ml {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__gray.ml {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__gray.ml {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__gray.ml {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__gray.ml {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__gray.ml {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__gray.ml {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__gray.ml {
    margin-left: 31.5px;
  }
}
#house .house__gray .house__white {
  font-weight: bold;
  color: white;
}
@media (max-width: 799px) {
  #house .house__gray .house__white {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__gray .house__white {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__gray .house__white {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__gray .house__white {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__gray .house__white {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__gray .house__white {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__gray .house__white {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__gray .house__white {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__gray .house__white {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__gray .house__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__gray .house__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__gray .house__white {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__gray .house__white {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__gray .house__white {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__gray .house__white {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__gray .house__white {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__gray .house__white {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__gray .house__white {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__gray .house__white {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__gray .house__white {
    font-size: 44.1px;
  }
}
#house .house__box_button {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #house .house__box_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__box_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__box_button {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__box_button {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__box_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__box_button {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__box_button {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__box_button {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__box_button {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__box_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__box_button {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__box_button {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__box_button {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__box_button {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__box_button {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__box_button {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__box_button {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__box_button {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__box_button {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__box_button {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__box_button {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__box_button {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__box_button {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__box_button {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__box_button {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__box_button {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__box_button {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__box_button {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__box_button {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__box_button {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__box_button {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__box_button {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__box_button {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__box_button {
    margin-top: 63px;
  }
}
#house .house__button_orange {
  background: #FF9F1C;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #house .house__button_orange {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_orange {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_orange {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_orange {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_orange {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_orange {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_orange {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_orange {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_orange {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_orange {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_orange {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_orange {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_orange {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_orange {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_orange {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_orange {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_orange {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_orange {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__button_orange {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_orange {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_orange {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_orange {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_orange {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_orange {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_orange {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_orange {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_orange {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_orange {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_orange {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_orange {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_orange {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_orange {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__button_orange {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_orange {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_orange {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_orange {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_orange {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_orange {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_orange {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_orange {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_orange {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_orange {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_orange {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_orange {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_orange {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_orange {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_orange {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_orange {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_orange {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_orange {
    height: 126px;
  }
}
#house .house__element {
  z-index: 1;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: fit-content;
  position: relative;
  background: rgba(71, 71, 71, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  border-radius: 20px;
}
@media (max-width: 799px) {
  #house .house__element {
    padding: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element {
    padding: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element {
    padding: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element {
    padding: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element {
    padding: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element {
    padding: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element {
    padding: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element {
    padding: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element {
    padding: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element {
    padding: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element {
    padding: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element {
    padding: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element {
    padding: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element {
    padding: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element {
    padding: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element {
    padding: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element {
    padding: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element {
    padding: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__element {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element {
    margin-bottom: 63px;
  }
}
#house .house__element.old {
  z-index: 1;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 0;
  border: none;
}
@media (max-width: 799px) {
  #house .house__element.old {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.old {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.old {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.old {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.old {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.old {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.old {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.old {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.old {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.old {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.old {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.old {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.old {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.old {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.old {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.old {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.old {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.old {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.old {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.old {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element.old {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.old {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.old {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.old {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.old {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.old {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.old {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.old {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.old {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.old {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.old {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.old {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.old {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.old {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.old {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.old {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.old {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.old {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.old {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.old {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__element.old {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.old {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.old {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.old {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.old {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.old {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.old {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.old {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.old {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.old {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.old {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.old {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.old {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.old {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.old {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.old {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.old {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.old {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.old {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.old {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__element.old {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.old {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.old {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.old {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.old {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.old {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.old {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.old {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.old {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.old {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.old {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.old {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.old {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.old {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.old {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.old {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.old {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.old {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.old {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.old {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element.old {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.old {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.old {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.old {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.old {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.old {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.old {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.old {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.old {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.old {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.old {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.old {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.old {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.old {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.old {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.old {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.old {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.old {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.old {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.old {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__garage_icon {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__garage_icon {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__garage_icon {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__garage_icon {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__garage_icon {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__garage_icon {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__garage_icon {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__garage_icon {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__garage_icon {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__garage_icon {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__garage_icon {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__garage_icon {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__garage_icon {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__garage_icon {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__garage_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__garage_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__garage_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__garage_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__garage_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__garage_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__garage_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__garage_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__garage_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__garage_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__garage_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__garage_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__garage_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__garage_icon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_icon {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_icon {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_icon {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_icon {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_icon {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_icon {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_icon {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_icon {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_icon {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_icon {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_icon {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_icon {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_icon {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_icon {
    font-size: 189px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_icon {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_icon {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_icon {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_icon {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_icon {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_icon {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_icon {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_icon {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_icon {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_icon {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_icon {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_icon {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_icon {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_icon {
    margin-right: 72.45px;
  }
}
#house .house__element .house__popup_list_btn {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #house .house__element .house__popup_list_btn {
    height: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__popup_list_btn {
    height: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__popup_list_btn {
    height: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__popup_list_btn {
    height: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__popup_list_btn {
    height: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__popup_list_btn {
    height: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__popup_list_btn {
    height: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__popup_list_btn {
    height: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__popup_list_btn {
    height: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__popup_list_btn {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__popup_list_btn {
    height: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__popup_list_btn {
    height: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__popup_list_btn {
    height: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__popup_list_btn {
    height: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__popup_list_btn {
    height: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn {
    height: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn {
    height: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn {
    height: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn {
    height: 99px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__popup_list_btn {
    height: 138.6px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__popup_list_btn {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__popup_list_btn {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__popup_list_btn {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__popup_list_btn {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__popup_list_btn {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__popup_list_btn {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__popup_list_btn {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__popup_list_btn {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__popup_list_btn {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__popup_list_btn {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__popup_list_btn {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__popup_list_btn {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__popup_list_btn {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__popup_list_btn {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__popup_list_btn {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__popup_list_btn {
    font-size: 37.8px;
  }
}
#house .house__element .house__popup_list_btn.active {
  background: rgba(255, 255, 255, 0.5);
}
#house .house__element .house__popup_list_btn.house__popup_switch {
  justify-content: space-between;
}
@media (max-width: 799px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__popup_list_btn.house__popup_switch {
    padding-right: 47.25px;
  }
}
#house .house__element .house__element_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 799px) {
  #house .house__element .house__element_grid {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_grid {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_grid {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_grid {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_grid {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_grid {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_grid {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_grid {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_grid {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_grid {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_grid {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_grid {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_grid {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_grid {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_grid {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_grid {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_grid {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_grid {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_grid {
    gap: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element .box-between {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .box-between {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .box-between {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .box-between {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .box-between {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .box-between {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .box-between {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .box-between {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .box-between {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .box-between {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .box-between {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .box-between {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .box-between {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .box-between {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .box-between {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .box-between {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .box-between {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .box-between {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .box-between {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .box-between {
    margin-bottom: 63px;
  }
}
#house .house__element .house__element_dostup {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 799px) {
  #house .house__element .house__element_dostup {
    height: 56.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_dostup {
    height: 63px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_dostup {
    height: 81.27px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_dostup {
    height: 86.31px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_dostup {
    height: 94.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_dostup {
    height: 88.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_dostup {
    height: 107.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_dostup {
    height: 100.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_dostup {
    height: 119.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_dostup {
    height: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_dostup {
    height: 126px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_dostup {
    height: 157.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_dostup {
    height: 170.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_dostup {
    height: 163.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_dostup {
    height: 157.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup {
    height: 207.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup {
    height: 252px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup {
    height: 207.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup {
    height: 283.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_dostup {
    height: 396.9px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar {
    width: 12.6px;
  }
}
#house .house__element .house__element_dostup::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_dostup::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#house .house__element .house__element_button {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 0.05em;
  cursor: pointer;
}
@media (max-width: 799px) {
  #house .house__element .house__element_button {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_button {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button {
    line-height: 59.85px;
  }
}
#house .house__element .house__element_button.width-1 {
  width: 100%;
}
@media (max-width: 799px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button.width-1 {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_button.width-1 {
    margin-bottom: 63px;
  }
}
#house .house__element .house__element_button:hover {
  background: white;
  color: black;
}
#house .house__element .house__element_button.green {
  margin: 0;
  color: white;
  background: rgba(43, 182, 168, 0.5);
}
#house .house__element .house__element_button.green:hover {
  background: #2BB6A8;
}
#house .house__element .house__element_button.red {
  color: white;
  background: rgba(231, 29, 54, 0.5);
}
#house .house__element .house__element_button.red:hover {
  background: #00BBFF;
}
#house .house__element .house__element_image {
  background: url(/src/views/house/menu/images/user.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #house .house__element .house__element_image {
    width: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_image {
    width: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_image {
    width: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_image {
    width: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_image {
    width: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_image {
    width: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_image {
    width: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_image {
    width: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_image {
    width: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_image {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_image {
    width: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_image {
    width: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_image {
    width: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_image {
    width: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_image {
    width: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_image {
    width: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_image {
    width: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_image {
    width: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_image {
    width: 495px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_image {
    width: 693px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_image {
    height: 78.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_image {
    height: 87px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_image {
    height: 112.23px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_image {
    height: 119.19px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_image {
    height: 130.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_image {
    height: 121.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_image {
    height: 147.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_image {
    height: 139.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_image {
    height: 165.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_image {
    height: 174px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_image {
    height: 174px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_image {
    height: 217.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_image {
    height: 234.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_image {
    height: 226.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_image {
    height: 217.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_image {
    height: 287.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_image {
    height: 348px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_image {
    height: 287.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_image {
    height: 391.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_image {
    height: 548.1px;
  }
}
#house .house__element .house__gray {
  font-weight: 500;
}
@media (max-width: 799px) {
  #house .house__element .house__gray {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__gray {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__gray {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__gray {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__gray {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__gray {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__gray {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__gray {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__gray {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__gray {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__gray {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__gray {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__gray {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__gray {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__gray {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__gray {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__gray {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__gray {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__gray {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__gray {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__gray {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__gray {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__gray {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__gray {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__gray {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__gray {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__gray {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__gray {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__gray {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__gray {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__gray {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__gray {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__gray {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__gray {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__gray {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__gray {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__gray {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__gray {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__gray {
    line-height: 66.15px;
  }
}
#house .house__element .house__gray .white {
  color: white;
}
@media (max-width: 799px) {
  #house .house__element .house__element_title {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_title {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_title {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_title {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_title {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_title {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_title {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_title {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_title {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_title {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_title {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_title {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_title {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_title {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_title {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #house .house__element .house__element_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .house__element_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .house__element_title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .house__element_title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .house__element_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .house__element_title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .house__element_title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .house__element_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .house__element_title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .house__element_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .house__element_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .house__element_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .house__element_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .house__element_title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .house__element_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .house__element_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .house__element_title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .house__element_title {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #house .house__element.small {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.small {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.small {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.small {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.small {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.small {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.small {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.small {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.small {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.small {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.small {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.small {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.small {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.small {
    min-height: 220.5px;
  }
}
#house .house__element.small .box-flex {
  align-items: center;
}
#house .house__element .box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#house .house__element .box-column .house__info {
  width: 100%;
  text-align: inherit;
}
@media (max-width: 799px) {
  #house .house__element .box-column .house__info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .box-column .house__info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .box-column .house__info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .box-column .house__info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .box-column .house__info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .box-column .house__info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .box-column .house__info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .box-column .house__info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .box-column .house__info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .box-column .house__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .box-column .house__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .box-column .house__info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .box-column .house__info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .box-column .house__info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .box-column .house__info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .box-column .house__info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .box-column .house__info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .box-column .house__info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .box-column .house__info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .box-column .house__info {
    font-size: 44.1px;
  }
}
#house .house__element .line {
  position: absolute;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #house .house__element .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .line {
    width: 12.6px;
  }
}
#house .house__element .line.done {
  background: #2BB6A8;
}
#house .house__element .box-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #house .house__element.big {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element.big {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element.big {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element.big {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element.big {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element.big {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element.big {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element.big {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element.big {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element.big {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element.big {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element.big {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element.big {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element.big {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element.big {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element.big {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element.big {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #house .house__element.big {
    height: 378px;
  }
}
#house .house__element .green {
  color: #2BB6A8;
}
@media (max-width: 799px) {
  #house .house__element .green {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__element .green {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__element .green {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__element .green {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__element .green {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__element .green {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__element .green {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__element .green {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__element .green {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__element .green {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__element .green {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__element .green {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__element .green {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__element .green {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__element .green {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__element .green {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__element .green {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__element .green {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__element .green {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__element .green {
    margin-left: 31.5px;
  }
}
#house .house__element .house_element_center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#house .house__button_white {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #house .house__button_white {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #house .house__button_white {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__button_white {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__button_white {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__button_white {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__button_white {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__button_white {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__button_white {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__button_white {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__button_white {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__button_white {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__button_white {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__button_white {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__button_white {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__button_white {
    padding-right: 22.05px;
  }
}
#house .house__floor {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #house .house__floor {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor {
    margin-top: 176.4px;
  }
}
#house .house__floor .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #house .house__floor .box-flex {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .box-flex {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .box-flex {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .box-flex {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .box-flex {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .box-flex {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .box-flex {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .box-flex {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .box-flex {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .box-flex {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .box-flex {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .box-flex {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .box-flex {
    margin-top: 31.5px;
  }
}
#house .house__floor .box-column {
  align-items: center;
}
@media (max-width: 799px) {
  #house .house__floor .box-column {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .box-column {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .box-column {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .box-column {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .box-column {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .box-column {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .box-column {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .box-column {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .box-column {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .box-column {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .box-column {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .box-column {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .box-column {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .box-column {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__floor .box-column {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .box-column {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .box-column {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .box-column {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .box-column {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .box-column {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .box-column {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .box-column {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .box-column {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .box-column {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .box-column {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .box-column {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .box-column {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .box-column {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .box-column .house__current_floor {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .box-column .house__current_floor {
    line-height: 179.55px;
  }
}
#house .house__floor .house__floor_lines {
  display: flex;
  align-items: center;
}
#house .house__floor .house__floor_lines .house__floor_line {
  background: rgba(253, 255, 252, 0.3);
}
@media (max-width: 799px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    min-width: 107.1px;
  }
}
@media (max-width: 799px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__floor .house__floor_lines .house__floor_line {
    margin-right: 15.75px;
  }
}
#house .house__floor .house__floor_lines .house__floor_line:last-child {
  margin-right: 0;
}
#house .house__floor .house__floor_lines .house__floor_line.active {
  background: #FDFFFC;
}
#house .house__parking_names {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #house .house__parking_names {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_names {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_names {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_names {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_names {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_names {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_names {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_names {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_names {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_names {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_names {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_names {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_names {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_names {
    margin-top: 176.4px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_names {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_names {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_names {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_names {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_names {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_names {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_names {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_names {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_names {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_names {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_names {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_names {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_names {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_names {
    min-width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_names {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_names {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_names {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_names {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_names {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_names {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_names {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_names {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_names {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_names {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_names {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_names {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_names {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_names {
    padding-left: 384.3px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_names.bottom {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_names.bottom {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_names.bottom {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_names.bottom {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_names.bottom {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_names.bottom {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_names.bottom {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_names.bottom {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_names.bottom {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_names.bottom {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_names.bottom {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_names.bottom {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_names.bottom {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_names.bottom {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_names.bottom {
    padding-left: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_names.bottom {
    padding-left: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_names.bottom {
    padding-left: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_names.bottom {
    padding-left: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_names.bottom {
    padding-left: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_names.bottom {
    padding-left: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_names.bottom {
    padding-left: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_names.bottom {
    padding-left: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_names.bottom {
    padding-left: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_names.bottom {
    padding-left: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_names.bottom {
    padding-left: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_names.bottom {
    padding-left: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_names.bottom {
    padding-left: 81px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_names.bottom {
    padding-left: 113.4px;
  }
}
#house .house__car_name {
  z-index: 1;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #house .house__car_name {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_name {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_name {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_name {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_name {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_name {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_name {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_name {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_name {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_name {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_name {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_name {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_name {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_name {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_name {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_name {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_name {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_name {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #house .house__car_name:last-child {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_name:last-child {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_name:last-child {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_name:last-child {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_name:last-child {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_name:last-child {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_name:last-child {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_name:last-child {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_name:last-child {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_name:last-child {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_name:last-child {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_name:last-child {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_name:last-child {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_name:last-child {
    width: 472.5px;
  }
}
#house .house__car_name.active {
  color: white;
}
#house .house__parking_top {
  z-index: 1;
  position: relative;
  background: url(/src/views/house/menu/images/garage_top.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #house .house__parking_top {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_top {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_top {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_top {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_top {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_top {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_top {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_top {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_top {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_top {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_top {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_top {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_top {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_top {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_top {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_top {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_top {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_top {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_top {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_top {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_top {
    height: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_top {
    height: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_top {
    height: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_top {
    height: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_top {
    height: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_top {
    height: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_top {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_top {
    height: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_top {
    height: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_top {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_top {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_top {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_top {
    height: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_top {
    height: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_top {
    height: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_top {
    height: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_top {
    height: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_top {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_top {
    height: 360px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_top {
    height: 504px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_top {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_top {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_top {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_top {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_top {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_top {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_top {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_top {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_top {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_top {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_top {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_top {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_top {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_top {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_top {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_top {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_top {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_top {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_top {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_top {
    min-width: 3313.8px;
  }
}
#house .house__parking_top.bottom {
  background: url(/src/views/house/menu/images/garage_bot.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#house .house__parking_places {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #house .house__parking_places {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places {
    min-width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places {
    padding-left: 384.3px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom {
    padding-left: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom {
    padding-left: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom {
    padding-left: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom {
    padding-left: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom {
    padding-left: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom {
    padding-left: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom {
    padding-left: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom {
    padding-left: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom {
    padding-left: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom {
    padding-left: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom {
    padding-left: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom {
    padding-left: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom {
    padding-left: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom {
    padding-left: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom {
    padding-left: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom {
    padding-left: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom {
    padding-left: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom {
    padding-left: 144px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom {
    padding-left: 201.6px;
  }
}
#house .house__parking_places.bottom .house__car_position {
  right: 20%;
  left: auto;
}
#house .house__parking_places.bottom .house__car_image {
  transform: rotate(33deg);
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-right: 126px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -33.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image {
    margin-top: -47.25px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image {
    width: 538.65px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image {
    max-width: 538.65px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image {
    min-width: 538.65px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image .house__car_details {
    right: 160.65px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 160.65px;
  }
}
#house .house__parking_places.bottom .house__car_place .house__circle_green {
  top: auto;
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_place .house__circle_green {
    bottom: 119.7px;
  }
}
#house .house__parking_places.bottom .house__car_place .house__car_position {
  top: auto;
  right: 14%;
}
@media (max-width: 799px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 32.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 36px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 46.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 49.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 54px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 50.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 61.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 57.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 68.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 72px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 97.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 93.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 90px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 118.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 144px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 118.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 162px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places.bottom .house__car_place .house__car_position {
    bottom: 226.8px;
  }
}
#house .house__parking_places.bottom .house__car_place:last-child .house__car_position {
  right: 0;
  left: auto !important;
}
#house .house__parking_places .house__car_place {
  position: relative;
  text-align: end;
}
@media (max-width: 799px) {
  #house .house__parking_places .house__car_place {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places .house__car_place {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places .house__car_place {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places .house__car_place {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places .house__car_place {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places .house__car_place {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places .house__car_place {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places .house__car_place {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places .house__car_place {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places .house__car_place {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places .house__car_place {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places .house__car_place {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places .house__car_place {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places .house__car_place {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places .house__car_place {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places .house__car_place {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places .house__car_place {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places .house__car_place {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places .house__car_place {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places .house__car_place {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places .house__car_place {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places .house__car_place {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places .house__car_place {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places .house__car_place {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places .house__car_place {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places .house__car_place {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places .house__car_place {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places .house__car_place {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places .house__car_place {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places .house__car_place {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places .house__car_place {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places .house__car_place {
    height: 604.8px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places .house__car_place {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places .house__car_place {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places .house__car_place {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places .house__car_place {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places .house__car_place {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places .house__car_place {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places .house__car_place {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places .house__car_place {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places .house__car_place {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places .house__car_place {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places .house__car_place {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places .house__car_place {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places .house__car_place {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places .house__car_place {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places .house__car_place {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places .house__car_place {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places .house__car_place {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places .house__car_place {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places .house__car_place {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places .house__car_place {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places .house__car_place {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places .house__car_place {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places .house__car_place {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places .house__car_place {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places .house__car_place {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places .house__car_place {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places .house__car_place {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places .house__car_place {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places .house__car_place {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places .house__car_place {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places .house__car_place {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places .house__car_place {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 76.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 85px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 109.65px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 116.45px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 127.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 119px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 144.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 161.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 170px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 212.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 229.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 221px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 212.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 280.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 340px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 280.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 382.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__parking_places .house__car_place.top:last-child {
    width: 535.5px;
  }
}
#house .house__parking_places .house__car_place.top:last-child .house__car_position {
  left: -5%;
}
#house .house__parking_places .house__car_place.active {
  color: white;
}
#house .house__car_image {
  z-index: 1;
  transform: rotate(209deg);
  position: relative;
}
@media (max-width: 799px) {
  #house .house__car_image {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image {
    font-size: 68.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image {
    font-size: 76.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image {
    font-size: 98.685px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image {
    font-size: 104.805px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image {
    font-size: 114.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image {
    font-size: 107.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image {
    font-size: 130.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image {
    font-size: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image {
    font-size: 145.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image {
    font-size: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image {
    font-size: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image {
    font-size: 191.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image {
    font-size: 206.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image {
    font-size: 198.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image {
    font-size: 191.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image {
    font-size: 252.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image {
    font-size: 306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image {
    font-size: 252.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image {
    font-size: 344.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image {
    font-size: 481.95px;
  }
}
#house .house__car_image .house__car_details {
  position: absolute;
  top: 0;
  background: url(/src/views/house/menu/images/car_details.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #house .house__car_image .house__car_details {
    right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__car_details {
    right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__car_details {
    right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__car_details {
    right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__car_details {
    right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__car_details {
    right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__car_details {
    right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__car_details {
    right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__car_details {
    right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__car_details {
    right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__car_details {
    right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__car_details {
    right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__car_details {
    right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__car_details {
    right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__car_details {
    right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__car_details {
    right: 18.9px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image .house__car_details {
    height: 69.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__car_details {
    height: 77px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__car_details {
    height: 99.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__car_details {
    height: 105.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__car_details {
    height: 115.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__car_details {
    height: 107.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__car_details {
    height: 130.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__car_details {
    height: 123.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__car_details {
    height: 146.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__car_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__car_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__car_details {
    height: 192.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__car_details {
    height: 207.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__car_details {
    height: 200.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__car_details {
    height: 192.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    height: 254.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    height: 308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    height: 254.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    height: 346.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__car_details {
    height: 485.1px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image .house__car_details {
    min-width: 31.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__car_details {
    min-width: 34.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__car_details {
    min-width: 44.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__car_details {
    min-width: 47.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__car_details {
    min-width: 51.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__car_details {
    min-width: 48.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__car_details {
    min-width: 58.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__car_details {
    min-width: 55.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__car_details {
    min-width: 65.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__car_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__car_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__car_details {
    min-width: 86.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__car_details {
    min-width: 93.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__car_details {
    min-width: 89.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__car_details {
    min-width: 86.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    min-width: 113.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    min-width: 138px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__car_details {
    min-width: 113.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__car_details {
    min-width: 155.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__car_details {
    min-width: 217.35px;
  }
}
#house .house__car_image .house__bike_details {
  position: absolute;
  background: url(/src/views/house/menu/images/bycicle_details.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #house .house__car_image .house__bike_details {
    right: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__bike_details {
    right: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__bike_details {
    right: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__bike_details {
    right: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__bike_details {
    right: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__bike_details {
    right: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__bike_details {
    right: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__bike_details {
    right: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__bike_details {
    right: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__bike_details {
    right: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__bike_details {
    right: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__bike_details {
    right: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__bike_details {
    right: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__bike_details {
    right: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__bike_details {
    right: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    right: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    right: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    right: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    right: -2.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__bike_details {
    right: -3.15px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image .house__bike_details {
    top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__bike_details {
    top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__bike_details {
    top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__bike_details {
    top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__bike_details {
    top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__bike_details {
    top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__bike_details {
    top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__bike_details {
    top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__bike_details {
    top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__bike_details {
    top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__bike_details {
    top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__bike_details {
    top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__bike_details {
    top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__bike_details {
    top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__bike_details {
    top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__bike_details {
    top: 22.05px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image .house__bike_details {
    height: 69.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__bike_details {
    height: 77px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__bike_details {
    height: 99.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__bike_details {
    height: 105.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__bike_details {
    height: 115.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__bike_details {
    height: 107.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__bike_details {
    height: 130.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__bike_details {
    height: 123.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__bike_details {
    height: 146.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__bike_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__bike_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__bike_details {
    height: 192.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__bike_details {
    height: 207.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__bike_details {
    height: 200.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__bike_details {
    height: 192.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    height: 254.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    height: 308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    height: 254.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    height: 346.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__bike_details {
    height: 485.1px;
  }
}
@media (max-width: 799px) {
  #house .house__car_image .house__bike_details {
    min-width: 31.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_image .house__bike_details {
    min-width: 34.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_image .house__bike_details {
    min-width: 44.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_image .house__bike_details {
    min-width: 47.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_image .house__bike_details {
    min-width: 51.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_image .house__bike_details {
    min-width: 48.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_image .house__bike_details {
    min-width: 58.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_image .house__bike_details {
    min-width: 55.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_image .house__bike_details {
    min-width: 65.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_image .house__bike_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_image .house__bike_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_image .house__bike_details {
    min-width: 86.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_image .house__bike_details {
    min-width: 93.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_image .house__bike_details {
    min-width: 89.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_image .house__bike_details {
    min-width: 86.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    min-width: 113.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    min-width: 138px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_image .house__bike_details {
    min-width: 113.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_image .house__bike_details {
    min-width: 155.25px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_image .house__bike_details {
    min-width: 217.35px;
  }
}
#house .house__car_position {
  position: absolute;
  top: 30%;
  left: 0%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #house .house__car_position {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__car_position {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__car_position {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__car_position {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__car_position {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__car_position {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__car_position {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__car_position {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__car_position {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__car_position {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__car_position {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__car_position {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__car_position {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__car_position {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__car_position {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__car_position {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__car_position {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__car_position {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__car_position {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__car_position {
    font-size: 81.9px;
  }
}
#house .house__circle_green {
  background: rgba(43, 182, 168, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 29%;
  left: 36%;
  transform: translate(-50%, -50%);
  color: rgb(43, 182, 168);
}
@media (max-width: 799px) {
  #house .house__circle_green {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__circle_green {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__circle_green {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__circle_green {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__circle_green {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__circle_green {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__circle_green {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__circle_green {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__circle_green {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__circle_green {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__circle_green {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__circle_green {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__circle_green {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__circle_green {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__circle_green {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__circle_green {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__circle_green {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__circle_green {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__circle_green {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #house .house__circle_green {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #house .house__circle_green {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__circle_green {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__circle_green {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__circle_green {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__circle_green {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__circle_green {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__circle_green {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__circle_green {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__circle_green {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__circle_green {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__circle_green {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__circle_green {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__circle_green {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__circle_green {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__circle_green {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__circle_green {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__circle_green {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__circle_green {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__circle_green {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #house .house__circle_green {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #house .house__circle_green {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__circle_green {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__circle_green {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__circle_green {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__circle_green {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__circle_green {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__circle_green {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__circle_green {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__circle_green {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__circle_green {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__circle_green {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__circle_green {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__circle_green {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__circle_green {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__circle_green {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__circle_green {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__circle_green {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__circle_green {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__circle_green {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #house .house__circle_green {
    font-size: 81.9px;
  }
}
#house .house__parking_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #house .house__text_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__text_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__text_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__text_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__text_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__text_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__text_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__text_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__text_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__text_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__text_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__text_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__text_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__text_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__text_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #house .house__text_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #house .house__text_big {
    line-height: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .house__text_big {
    line-height: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .house__text_big {
    line-height: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .house__text_big {
    line-height: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .house__text_big {
    line-height: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .house__text_big {
    line-height: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .house__text_big {
    line-height: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .house__text_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .house__text_big {
    line-height: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .house__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .house__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .house__text_big {
    line-height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .house__text_big {
    line-height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .house__text_big {
    line-height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .house__text_big {
    line-height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .house__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .house__text_big {
    line-height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .house__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .house__text_big {
    line-height: 171px;
  }
}
@media (min-width: 6000px) {
  #house .house__text_big {
    line-height: 239.4px;
  }
}
@media (max-width: 799px) {
  #house .m-60 {
    margin-top: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .m-60 {
    margin-top: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .m-60 {
    margin-top: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .m-60 {
    margin-top: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .m-60 {
    margin-top: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .m-60 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .m-60 {
    margin-top: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .m-60 {
    margin-top: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .m-60 {
    margin-top: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .m-60 {
    margin-top: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .m-60 {
    margin-top: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .m-60 {
    margin-top: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .m-60 {
    margin-top: 144px;
  }
}
@media (min-width: 6000px) {
  #house .m-60 {
    margin-top: 201.6px;
  }
}
@media (max-width: 799px) {
  #house .m-60 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house .m-60 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house .m-60 {
    margin-bottom: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house .m-60 {
    margin-bottom: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house .m-60 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house .m-60 {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house .m-60 {
    margin-bottom: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house .m-60 {
    margin-bottom: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house .m-60 {
    margin-bottom: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house .m-60 {
    margin-bottom: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house .m-60 {
    margin-bottom: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house .m-60 {
    margin-bottom: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house .m-60 {
    margin-bottom: 144px;
  }
}
@media (min-width: 6000px) {
  #house .m-60 {
    margin-bottom: 201.6px;
  }
}

#house__popup {
  position: fixed;
  z-index: 10000;
  background: rgba(1, 22, 39, 0.89);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-family: "TTNorms-Bold";
}
#house__popup .house__popup_block {
  background: rgba(71, 71, 71, 0.1);
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    border: 0.45px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    border: 0.5px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    border: 0.645px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    border: 0.685px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    border: 0.75px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    border: 0.7px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    border: 0.85px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    border: 0.8px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    border: 0.95px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    border: 1.25px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    border: 1.35px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    border: 1.3px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    border: 1.25px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    border: 1.65px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    border: 2px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    border: 1.65px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    border: 2.25px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    border: 3.15px solid rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    border-radius: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    border-radius: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    border-radius: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    border-radius: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    border-radius: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    border-radius: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    border-radius: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    border-radius: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    border-radius: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    border-radius: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    border-radius: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    border-radius: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    border-radius: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    border-radius: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    border-radius: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    border-radius: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    border-radius: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    border-radius: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    border-radius: 101.25px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    border-radius: 141.75px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    height: 162px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    height: 180px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    height: 232.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    height: 246.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    height: 270px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    height: 252px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    height: 306px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    height: 288px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    height: 342px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    height: 486px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    height: 468px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    height: 450px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    height: 594px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    height: 720px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    height: 594px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    height: 810px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    height: 1134px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    padding-top: 126px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    margin-bottom: 63px;
  }
}
#house__popup .house__popup_block .house__popup_image {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 198px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 277.2px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 100.8px;
  }
}
#house__popup .house__popup_block .house__popup_header .orange {
  color: #FF9F1C;
}
#house__popup .house__popup_block .house__popup_list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_list {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 99px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 110px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 141.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 150.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 165px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 154px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 187px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 176px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 209px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 220px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 275px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 297px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 286px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 275px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 363px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 363px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 495px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_list {
    height: 693px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_list {
    margin-top: 47.25px;
  }
}
#house__popup .house__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #house__popup .house__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__gray {
    max-width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__gray {
    max-width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__gray {
    max-width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__gray {
    max-width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__gray {
    max-width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__gray {
    max-width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__gray {
    max-width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__gray {
    max-width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__gray {
    max-width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__gray {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__gray {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__gray {
    max-width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__gray {
    max-width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__gray {
    max-width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__gray {
    max-width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    max-width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    max-width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    max-width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    max-width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__gray {
    max-width: 434.7px;
  }
}
#house__popup .house__white {
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #house__popup .house__white {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__white {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    font-size: 56.7px;
  }
}
#house__popup .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    margin-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    margin-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    margin-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    margin-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    margin-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    margin-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    margin-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    margin-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    margin-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    margin-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    margin-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-left: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    margin-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    margin-right: 75.6px;
  }
}
#house__popup .box-flex .box-column {
  align-items: center;
}
#house__popup .box-flex .box-column .house__popup_top {
  position: relative;
}
@media (max-width: 799px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 100.8px;
  }
}
#house__popup .house__popup_icon {
  position: absolute;
  top: 50%;
  left: -100%;
  transform: translate(-50%, -50%);
  background: url(/src/views/house/menu/images/star.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #house__popup .house__popup_icon {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_icon {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_icon {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_icon {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_icon {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_icon {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_icon {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_icon {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_icon {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_icon {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_icon {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_icon {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_icon {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_icon {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_icon {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_icon {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_icon {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_icon {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_icon {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_icon {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_icon {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_icon {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_icon {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_icon {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_icon {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_icon {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_icon {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_icon {
    height: 94.5px;
  }
}

.house_bottom_buttons {
  z-index: 1;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .house_bottom_buttons {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons.m-r-12 {
    margin-right: 37.8px;
  }
}
.house_bottom_buttons.back {
  flex-direction: row-reverse;
}
.house_bottom_buttons.back .house_bottom_button {
  margin-left: 0;
}
@media (max-width: 799px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 37.8px;
  }
}
.house_bottom_buttons.esc {
  position: absolute;
  right: 0;
  bottom: 0;
}
.house_bottom_buttons .house_bottom_button {
  color: black;
  background: #FDFFFC;
  border-radius: 6px;
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 63px;
  }
}

.house__bottom_left {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
}
@font-face {
  font-family: "houseicon";
  src: url(../src/views/house/menu/fonts//houseicon.eot);
  src: url(../src/views/house/menu/fonts//houseicon.eot#iefix) format("embedded-opentype"), url(../src/views/house/menu/fonts//houseicon.ttf) format("truetype"), url(../src/views/house/menu/fonts//houseicon.woff) format("woff"), url(/src/views/house/menu/fonts/houseicon.svg#houseicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=houseicon-], [class*=" houseicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "houseicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houseicon-check:before {
  content: "\e90b";
}

.houseicon-car-top:before {
  content: "\e900";
}

.houseicon-time:before {
  content: "\e902";
}

.houseicon-star:before {
  content: "\e903";
}

.houseicon-garage:before {
  content: "\e904";
}

.houseicon-bike-top:before {
  content: "\e905";
}

.houseicon-safe:before {
  content: "\e906";
}

.houseicon-medkit:before {
  content: "\e907";
}

.houseicon-bike:before {
  content: "\e908";
}

.houseicon-car:before {
  content: "\e909";
}

.houseicon-house:before {
  content: "\e90a";
}

.houseicon-ban:before {
  content: "\e901";
}
@charset "UTF-8";
.aquaparking {
  width: 112.7778vh;
  height: 67.7778vh;
  border-radius: 1.8519vh;
  background: url(https://cdn.just-rp.online/u90228c5.beget.tech/heone1/parking/bg.png);
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.aquaparking .leftpark {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 3.7037vh;
  margin-top: 4.537vh;
}

.aquaparking .rightpark {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 1.8519vh;
  margin-top: 3.5185vh;
}

.aquaparking .leftpark h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  text-align: left;
}

.aquaparking .leftpark .parklist {
  margin-top: 1.6667vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.9259vh;
  max-height: 55.5556vh;
  overflow: auto;
  width: 80.1852vh;
}

.aquaparking .leftpark .parklist::-webkit-scrollbar {
  width: 0.1852vh; /* ширина scrollbar */
}

.aquaparking .leftpark .parklist::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04); /* цвет дорожки */
}

.aquaparking .leftpark .parklist::-webkit-scrollbar-thumb {
  border: 0.1852vh solid rgba(255, 255, 255, 0.08); /* padding вокруг плашки */
}

.aquaparking .leftpark .parklist .block {
  width: 25.7407vh;
  height: 26.8519vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.aquaparking .leftpark .parklist .blockfree {
  width: 25.7407vh;
  height: 26.8519vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border: 0.0926vh dashed rgba(255, 255, 255, 0.08);
  border-radius: 0.7407vh;
}

.aquaparking .leftpark .parklist .blockfree .headblock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.6667vh;
}

.aquaparking .leftpark .parklist .blockfree .infoblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 4.0741vh;
}

.aquaparking .leftpark .parklist .blockfree .infoblock svg {
  width: 7.2222vh;
  height: 7.2222vh;
}

.aquaparking .leftpark .parklist .blockfree .infoblock p {
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
  margin-top: 1.2963vh;
  color: rgb(117, 117, 117);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquaparking .leftpark .parklist .blockfree .headblock p {
  margin-left: 1.9444vh;
  color: rgb(178, 178, 178);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  margin-right: auto;
}

.aquaparking .leftpark .parklist .blockfree .headblock b {
  color: rgb(203, 203, 203);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: right;
  margin-right: 1.9444vh;
}

.aquaparking .leftpark .parklist .block .headblock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.2963vh;
}

.aquaparking .leftpark .parklist .block img {
  height: 10.9259vh;
  margin-top: 4.6296vh;
}

.aquaparking .leftpark .parklist .block .namecar {
  width: 100%;
  margin-top: auto;
  margin-bottom: 1.2963vh;
}

.aquaparking .leftpark .parklist .block .headblock p {
  margin-left: 1.2963vh;
  color: rgb(178, 178, 178);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  text-align: left;
  margin-right: auto;
}

.aquaparking .leftpark .parklist .block .headblock span {
  color: rgb(203, 203, 203);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: center;
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.08);
  padding: 0.3704vh 0.463vh;
  margin-right: 0.5556vh;
}

.aquaparking .leftpark .parklist .block .headblock svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 1.2963vh;
}

.aquaparking .leftpark .parklist .block .namecar p {
  margin-left: 1.2963vh;
  margin-right: 1.2963vh;
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.aquaparking .leftpark .parklist .block .hoverblock {
  display: none;
  align-items: center;
  justify-content: center;
  width: 25.5556vh;
  height: 26.8519vh;
  margin-top: -26.8519vh;
  border-radius: 0.7407vh;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.18), rgba(17, 17, 17, 0.9) 100%);
}

.aquaparking .leftpark .parklist .block .hoverblock .btnblock {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 22.037vh;
  height: 4.8148vh;
  border-radius: 0.7407vh;
  background: rgb(231, 28, 91);
}

.aquaparking .leftpark .parklist .block .hoverblock .btnblock svg {
  width: 2.5926vh;
  height: 2.5926vh;
  margin-right: 0.9259vh;
}

.aquaparking .leftpark .parklist .block .hoverblock .btnblock p {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquaparking .rightpark h1 {
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.6667vh;
  font-weight: 600;
  line-height: 2.037vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquaparking .rightpark h2 {
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 0.6481vh;
  color: rgb(178, 178, 178);
}

.aquaparking .rightpark .inputpark {
  margin-top: 1.7593vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 25.463vh;
  height: 3.7037vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.7407vh;
  background: rgba(255, 255, 255, 0.04);
}

.aquaparking .rightpark .listcaruser {
  margin-top: 1.8519vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.9259vh;
  max-height: 49.6111vh;
  overflow: auto;
  width: 25.463vh;
}

.aquaparking .rightpark .listcaruser::-webkit-scrollbar {
  width: 0.1852vh; /* ширина scrollbar */
}

.aquaparking .rightpark .listcaruser::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04); /* цвет дорожки */
}

.aquaparking .rightpark .listcaruser::-webkit-scrollbar-thumb {
  border: 0.1852vh solid rgba(255, 255, 255, 0.08); /* padding вокруг плашки */
}

.aquaparking .rightpark h2 b {
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(255, 255, 255);
  margin-left: 0.1852vh;
}

.aquaparking .rightpark .inputpark svg {
  width: 1.2963vh;
  height: 1.2963vh;
  margin-left: 1.5741vh;
  margin-right: 1.0185vh;
}

.aquaparking .rightpark .inputpark input {
  color: rgb(178, 178, 178);
  font-family: Proxima Nova;
  font-size: 1.2963vh;
  font-weight: 600;
  line-height: 1.5741vh;
  letter-spacing: 0%;
  text-align: left;
  background: none;
  border: none;
  outline: none;
}

.aquaparking .rightpark .listcaruser .block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 23.5185vh;
  height: 18.3333vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.9259vh;
  background: rgba(255, 255, 255, 0.04);
}

.aquaparking .rightpark .listcaruser .block .headblock {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 1.2037vh;
}

.aquaparking .rightpark .listcaruser .block img {
  height: 9.0741vh;
  margin-top: 1.4815vh;
}

.aquaparking .rightpark .listcaruser .block .namecar {
  width: 100%;
  margin-top: auto;
  margin-bottom: 1.3889vh;
}

.aquaparking .rightpark .listcaruser .block .namecar p {
  margin-left: 1.2037vh;
  color: rgb(255, 255, 255);
  font-family: Proxima Nova;
  font-size: 1.4815vh;
  font-weight: 600;
  line-height: 1.7593vh;
  letter-spacing: 0%;
  text-align: left;
}

.aquaparking .rightpark .listcaruser .block .headblock span {
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.08);
  margin-right: 0.5556vh;
  color: rgb(203, 203, 203);
  font-family: Proxima Nova;
  font-size: 1.1111vh;
  font-weight: 600;
  line-height: 1.3889vh;
  letter-spacing: 0%;
  text-align: center;
  padding: 0.2778vh 0.3704vh;
}

.aquaparking .rightpark .listcaruser .block .headblock svg {
  width: 1.4815vh;
  height: 1.4815vh;
  margin-right: 1.2963vh;
}

.aquaparking h1, h2, p {
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.aquaparking .leftpark .parklist .block:hover .hoverblock {
  display: flex;
}

.aquaparking .leftpark .parklist .blockfree.active {
  background: rgba(255, 255, 255, 0.05);
}

.aquaparking .leftpark .parklist .block.active {
  background: rgba(255, 255, 255, 0.08);
}

.aquaparking .leftpark h1 span {
  margin-left: 1.8519vh;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.463vh 1.2037vh;
  border-radius: 0.3704vh;
}

.aquaparking .leftpark h1 span:hover {
  background: #1772D9;
}

.aquaparking span.close {
  position: absolute;
  right: 1.8519vh;
  top: 1.8519vh;
  width: 2.7778vh;
  height: 2.7778vh;
  box-sizing: border-box;
  border: 0.0926vh solid rgba(255, 255, 255, 0.08);
  border-radius: 0.463vh;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: #949494;
}

.aquaparking span.close:hover {
  background: #1772D9;
  stroke: #fff;
  border: none;
}
@charset "UTF-8";
#rielt {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
  position: relative;
}
@media (max-width: 799px) {
  #rielt {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rielt {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #rielt {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #rielt {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #rielt {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #rielt {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #rielt {
    padding-right: 252px;
  }
}
#rielt .rielt__buy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#rielt .rielt__background {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.03;
}
@media (max-width: 799px) {
  #rielt .rielt__background {
    font-size: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__background {
    font-size: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__background {
    font-size: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__background {
    font-size: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__background {
    font-size: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__background {
    font-size: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__background {
    font-size: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__background {
    font-size: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__background {
    font-size: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__background {
    font-size: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__background {
    font-size: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__background {
    font-size: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__background {
    font-size: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__background {
    font-size: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__background {
    font-size: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__background {
    font-size: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__background {
    font-size: 1575px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__background {
    font-size: 2205px;
  }
}
#rielt .rielt__info_flex {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex {
    margin-bottom: 56.7px;
  }
}
#rielt .rielt__info_flex .rielt__stat {
  text-align: right;
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex .rielt__stat {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex .rielt__stat {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex .rielt__stat {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info_flex .rielt__stat {
    width: 504px;
  }
}
#rielt .rielt__buy_flex {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex {
    margin-top: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex {
    margin-top: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex {
    margin-top: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex {
    margin-top: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex {
    margin-top: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex {
    margin-top: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex {
    margin-top: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex {
    margin-top: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex {
    margin-top: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex {
    margin-top: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex {
    margin-top: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex {
    margin-top: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex {
    margin-top: 202.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex {
    margin-top: 283.5px;
  }
}
#rielt .rielt__buy_flex .rielt__line {
  background: url(/src/views/house/rieltagency/images/lines.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 193.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex .rielt__line {
    width: 270.9px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex .rielt__line {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 121.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-left: 170.1px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 121.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_flex .rielt__line {
    margin-right: 170.1px;
  }
}
#rielt .rielt__buy_flex .box-column {
  align-items: center;
}
#rielt .rielt__buy_center {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_center .box-column {
    margin-top: 63px;
  }
}
#rielt .rielt__buy_center .rielt__upgrade_element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__buy_center .rielt__upgrade_element {
    margin-bottom: 31.5px;
  }
}
#rielt .rielt__buy_center .rielt__upgrade_element:hover {
  background: rgba(255, 255, 255, 0.07);
}
#rielt .rielt__info {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 799px) {
  #rielt .rielt__info {
    margin-top: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info {
    margin-top: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info {
    margin-top: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info {
    margin-top: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info {
    margin-top: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info {
    margin-top: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info {
    margin-top: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info {
    margin-top: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info {
    margin-top: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info {
    margin-top: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info {
    margin-top: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info {
    margin-top: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info {
    margin-top: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    margin-top: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    margin-top: 531px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info {
    margin-top: 743.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info {
    font-size: 75.6px;
  }
}
#rielt .rielt__info span {
  color: white;
}
@media (max-width: 799px) {
  #rielt .rielt__info.small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__info.small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__info.small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__info.small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__info.small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__info.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__info.small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__info.small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__info.small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__info.small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__info.small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__info.small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__info.small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__info.small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__info.small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__info.small {
    font-size: 50.4px;
  }
}
#rielt .rielt__info.m-0 {
  margin-top: 0;
  text-align: right;
}
#rielt .rielt__info.margin-none {
  margin: 0;
  text-align: center;
}
#rielt .rielt__menu {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
#rielt .rielt__stat {
  z-index: 1;
}
@media (max-width: 799px) {
  #rielt .rielt__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__stat {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__stat {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__stat {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__stat {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__stat {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__stat {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__stat {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__stat {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__stat {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__stat {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__stat {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__stat {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__stat {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__stat {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__stat {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__stat {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__stat {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__stat {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__stat {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__stat {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__stat {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__stat {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__stat {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__stat {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__stat {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__stat {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__stat {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__stat {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__stat {
    line-height: 179.55px;
  }
}
#rielt .rielt__stat.mint {
  color: #2BB6A8;
}
#rielt .rielt__stat.orange {
  color: #FF9F1C;
}
#rielt .rielt__header {
  z-index: 1;
  text-align: center;
}
@media (max-width: 799px) {
  #rielt .rielt__header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__header {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__header {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__header {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__header {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__header {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__header {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__header {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__header {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__header {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__header {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__header {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__header {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__header {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__header {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__header {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__header {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__header {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__header {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__header {
    line-height: 88.2px;
  }
}
#rielt .rielt__panel {
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #rielt .rielt__panel {
    max-height: 392.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__panel {
    max-height: 436px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__panel {
    max-height: 562.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__panel {
    max-height: 597.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__panel {
    max-height: 654px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__panel {
    max-height: 610.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__panel {
    max-height: 741.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__panel {
    max-height: 697.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__panel {
    max-height: 828.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__panel {
    max-height: 1090px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__panel {
    max-height: 1177.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__panel {
    max-height: 1133.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__panel {
    max-height: 1090px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__panel {
    max-height: 1744px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__panel {
    max-height: 1962px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__panel {
    max-height: 2746.8px;
  }
}
#rielt .rielt__mainmenu {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#rielt .rielt__mainmenu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#rielt .rielt__mainmenu_block {
  display: flex;
  flex-direction: column;
  align-items: left;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block {
    min-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block {
    min-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block {
    min-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block {
    min-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block {
    min-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block {
    min-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block {
    min-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block {
    min-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block {
    min-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block {
    min-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block {
    min-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    min-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    min-width: 900px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block {
    min-width: 1260px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block {
    max-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block {
    max-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block {
    max-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block {
    max-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block {
    max-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block {
    max-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block {
    max-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block {
    max-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block {
    max-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block {
    max-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block {
    max-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    max-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block {
    max-width: 900px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block {
    max-width: 1260px;
  }
}
#rielt .rielt__mainmenu_block.parking {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block.parking {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 675px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block.parking {
    min-width: 945px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block.parking {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_block.parking {
    padding-right: 47.25px;
  }
}
#rielt .rielt__mainmenu_categorie {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie {
    width: 128.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie {
    width: 143px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie {
    width: 184.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie {
    width: 195.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie {
    width: 214.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie {
    width: 200.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie {
    width: 243.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie {
    width: 228.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie {
    width: 271.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie {
    width: 386.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie {
    width: 371.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    width: 572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    width: 643.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie {
    width: 900.9px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie {
    margin-bottom: 18.9px;
  }
}
#rielt .rielt__mainmenu_categorie:hover, #rielt .rielt__mainmenu_categorie.active {
  color: black;
  background: white;
}
#rielt .rielt__mainmenu_categorie:hover .rielt__mainmenu_categorie-header, #rielt .rielt__mainmenu_categorie.active .rielt__mainmenu_categorie-header {
  color: black;
}
#rielt .rielt__mainmenu_categorie:hover .rielt__gray, #rielt .rielt__mainmenu_categorie.active .rielt__gray {
  color: #313131;
}
#rielt .rielt__mainmenu_categorie:hover .rielt__gray .rielt__white, #rielt .rielt__mainmenu_categorie.active .rielt__gray .rielt__white {
  color: black;
}
#rielt .rielt__mainmenu_categorie:hover .line, #rielt .rielt__mainmenu_categorie.active .line {
  background: black;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie.big {
    height: 315px;
  }
}
#rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie .rielt__mainmenu_categorie-header {
    line-height: 66.15px;
  }
}
#rielt .rielt__mainmenu_categorie .line {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: white;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie .line {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_categorie .line {
    width: 12.6px;
  }
}
#rielt .rielt__mainmenu_center {
  z-index: 1;
  width: 100%;
  max-width: 1102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#rielt .rielt__mainmenu_center.rielt {
  justify-content: space-between;
}
@media (max-width: 799px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 225px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 250px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 322.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 342.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 375px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 350px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 425px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 400px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 475px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 625px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 675px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 650px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 625px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 825px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 1000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 825px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 1125px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__mainmenu_center.rielt {
    min-height: 1575px;
  }
}
#rielt .rielt__mainmenu_center.left {
  align-items: flex-start;
}
#rielt .box-between {
  z-index: 1;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#rielt .rielt__main_menu {
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu {
    width: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu {
    width: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu {
    width: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu {
    width: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu {
    width: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu {
    width: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu {
    width: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu {
    width: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu {
    width: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu {
    width: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu {
    width: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu {
    width: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu {
    width: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    width: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    width: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    width: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    width: 1035px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu {
    width: 1449px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu {
    max-height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu {
    max-height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu {
    max-height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu {
    max-height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu {
    max-height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu {
    max-height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu {
    max-height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu {
    max-height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu {
    max-height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu {
    max-height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu {
    max-height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    max-height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    max-height: 1035px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu {
    max-height: 1449px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#rielt .rielt__main_menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#rielt .rielt__main_menu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__main_menu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#rielt .rielt__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #rielt .rielt__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__gray.ml {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__gray.ml {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__gray.ml {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__gray.ml {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__gray.ml {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__gray.ml {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__gray.ml {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__gray.ml {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__gray.ml {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__gray.ml {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__gray.ml {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__gray.ml {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__gray.ml {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__gray.ml {
    margin-left: 31.5px;
  }
}
#rielt .rielt__gray .rielt__white {
  font-weight: bold;
  color: white;
}
@media (max-width: 799px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__gray .rielt__white {
    font-size: 44.1px;
  }
}
#rielt .rielt__box_button {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #rielt .rielt__box_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__box_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__box_button {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__box_button {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__box_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__box_button {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__box_button {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__box_button {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__box_button {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__box_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__box_button {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__box_button {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__box_button {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__box_button {
    margin-bottom: 63px;
  }
}
#rielt .rielt__button_orange {
  background: #FF9F1C;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #rielt .rielt__button_orange {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_orange {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_orange {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_orange {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_orange {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_orange {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_orange {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_orange {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_orange {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_orange {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_orange {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_orange {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_orange {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_orange {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_orange {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_orange {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_orange {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_orange {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_orange {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_orange {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_orange {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_orange {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_orange {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_orange {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_orange {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_orange {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_orange {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_orange {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_orange {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_orange {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_orange {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_orange {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_orange {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_orange {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_orange {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_orange {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_orange {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_orange {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_orange {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_orange {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_orange {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_orange {
    height: 126px;
  }
}
#rielt .rielt__element {
  z-index: 1;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 799px) {
  #rielt .rielt__element {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .rielt__garage_icon {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .rielt__garage_icon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element.small {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element.small {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element.small {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element.small {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element.small {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element.small {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element.small {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element.small {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element.small {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element.small {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element.small {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element.small {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element.small {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element.small {
    min-height: 220.5px;
  }
}
#rielt .rielt__element.small .box-flex {
  align-items: center;
}
#rielt .rielt__element:hover {
  color: black;
  background: white;
}
#rielt .rielt__element:hover .rielt__gray {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 799px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .rielt__element_icon {
    font-size: 189px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .rielt__element_icon {
    margin-right: 72.45px;
  }
}
#rielt .rielt__element .box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#rielt .rielt__element .box-column .rielt__info {
  text-align: inherit;
}
@media (max-width: 799px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .box-column .rielt__info {
    font-size: 44.1px;
  }
}
#rielt .rielt__element .line {
  position: absolute;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #rielt .rielt__element .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element .line {
    width: 12.6px;
  }
}
#rielt .rielt__element .line.done {
  background: #2BB6A8;
}
#rielt .rielt__element .box-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #rielt .rielt__element.big {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__element.big {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__element.big {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__element.big {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__element.big {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__element.big {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__element.big {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__element.big {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__element.big {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__element.big {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__element.big {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__element.big {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__element.big {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__element.big {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__element.big {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__element.big {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__element.big {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__element.big {
    height: 378px;
  }
}
#rielt .rielt__element .green {
  color: #2BB6A8;
}
#rielt .rielt__element .house_element_center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#rielt .rielt__button_white {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__button_white {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__button_white {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__button_white {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__button_white {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__button_white {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__button_white {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__button_white {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__button_white {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__button_white {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__button_white {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__button_white {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__button_white {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__button_white {
    padding-right: 22.05px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__text_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__text_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__text_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__text_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__text_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__text_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__text_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__text_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__text_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__text_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__text_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__text_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__text_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__text_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__text_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__text_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__text_big {
    line-height: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__text_big {
    line-height: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__text_big {
    line-height: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__text_big {
    line-height: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__text_big {
    line-height: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__text_big {
    line-height: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__text_big {
    line-height: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__text_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__text_big {
    line-height: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__text_big {
    line-height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__text_big {
    line-height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__text_big {
    line-height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__text_big {
    line-height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__text_big {
    line-height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__text_big {
    line-height: 171px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__text_big {
    line-height: 239.4px;
  }
}
@media (max-width: 799px) {
  #rielt .m-60 {
    margin-top: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .m-60 {
    margin-top: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .m-60 {
    margin-top: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .m-60 {
    margin-top: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .m-60 {
    margin-top: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .m-60 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .m-60 {
    margin-top: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .m-60 {
    margin-top: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .m-60 {
    margin-top: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .m-60 {
    margin-top: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .m-60 {
    margin-top: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .m-60 {
    margin-top: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .m-60 {
    margin-top: 144px;
  }
}
@media (min-width: 6000px) {
  #rielt .m-60 {
    margin-top: 201.6px;
  }
}
@media (max-width: 799px) {
  #rielt .m-60 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .m-60 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .m-60 {
    margin-bottom: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .m-60 {
    margin-bottom: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .m-60 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .m-60 {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .m-60 {
    margin-bottom: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .m-60 {
    margin-bottom: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .m-60 {
    margin-bottom: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .m-60 {
    margin-bottom: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .m-60 {
    margin-bottom: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .m-60 {
    margin-bottom: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .m-60 {
    margin-bottom: 144px;
  }
}
@media (min-width: 6000px) {
  #rielt .m-60 {
    margin-bottom: 201.6px;
  }
}
#rielt .rielt__checkbox {
  position: relative;
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox {
    margin-right: 15.75px;
  }
}
#rielt .rielt__checkbox:checked::after {
  content: "✔";
  color: black;
  background: white;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox:checked::after {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox:checked::after {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox:checked::after {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox:checked::after {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox:checked::after {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox:checked::after {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox:checked::after {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox:checked::after {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox:checked::after {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox:checked::after {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox:checked::after {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox:checked::after {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox:checked::after {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox:checked::after {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox:checked::after {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox:checked::after {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox:checked::after {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox:checked::after {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox:checked::after {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox:checked::after {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox:checked::after {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox:checked::after {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox:checked::after {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox:checked::after {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox:checked::after {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox:checked::after {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox:checked::after {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox:checked::after {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox:checked::after {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox:checked::after {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox:checked::after {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox:checked::after {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox:checked::after {
    font-size: 56.7px;
  }
}
#rielt .rielt__checkbox_menu {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox_menu {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox_menu {
    width: 309.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox_menu {
    width: 344px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox_menu {
    width: 443.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox_menu {
    width: 471.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox_menu {
    width: 516px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox_menu {
    width: 481.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox_menu {
    width: 584.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox_menu {
    width: 550.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox_menu {
    width: 653.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox_menu {
    width: 688px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox_menu {
    width: 688px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox_menu {
    width: 860px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox_menu {
    width: 928.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox_menu {
    width: 894.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox_menu {
    width: 860px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    width: 1135.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    width: 1376px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    width: 1135.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    width: 1548px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox_menu {
    width: 2167.2px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__checkbox_menu {
    gap: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__checkbox_menu {
    gap: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__checkbox_menu {
    gap: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__checkbox_menu {
    gap: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__checkbox_menu {
    gap: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__checkbox_menu {
    gap: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__checkbox_menu {
    gap: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__checkbox_menu {
    gap: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__checkbox_menu {
    gap: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__checkbox_menu {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__checkbox_menu {
    gap: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__checkbox_menu {
    gap: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__checkbox_menu {
    gap: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__checkbox_menu {
    gap: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__checkbox_menu {
    gap: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    gap: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    gap: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__checkbox_menu {
    gap: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__checkbox_menu {
    gap: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__checkbox_menu {
    gap: 31.5px;
  }
}
#rielt .rielt__rielt_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  overflow-x: auto;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    max-height: 175.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    max-height: 195px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    max-height: 251.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    max-height: 267.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    max-height: 292.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    max-height: 273px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    max-height: 331.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    max-height: 312px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    max-height: 370.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    max-height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    max-height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    max-height: 487.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    max-height: 526.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    max-height: 507px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    max-height: 487.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    max-height: 643.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    max-height: 780px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    max-height: 643.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    max-height: 877.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    max-height: 1228.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    height: 175.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    height: 195px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    height: 251.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    height: 267.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    height: 292.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    height: 273px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    height: 331.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    height: 312px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    height: 370.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    height: 390px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    height: 487.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    height: 526.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    height: 507px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    height: 487.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    height: 643.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    height: 780px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    height: 643.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    height: 877.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    height: 1228.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    gap: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    gap: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    gap: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    gap: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    gap: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    gap: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    gap: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    gap: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    gap: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    gap: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    gap: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    gap: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    gap: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    gap: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    gap: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    gap: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    gap: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    gap: 33.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    gap: 47.25px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    padding-left: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    padding-left: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    padding-left: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    padding-left: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    padding-left: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    padding-left: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    padding-left: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    padding-left: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    padding-left: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    padding-left: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    padding-left: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    padding-left: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    padding-left: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-left: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-left: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-left: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-left: 33.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    padding-left: 47.25px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar {
    width: 12.6px;
  }
}
#rielt .rielt__rielt_grid::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#rielt .rielt__rielt_grid .rielt__rielt_element {
  color: rgba(255, 255, 255, 0.1);
  position: relative;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 81.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 90.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 116.745px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 123.985px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 135.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 126.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 153.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 144.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 171.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 181px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 226.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 244.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 235.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 226.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 298.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 362px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 298.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 407.25px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element {
    font-size: 570.15px;
  }
}
#rielt .rielt__rielt_grid .rielt__rielt_element:hover {
  color: white;
}
#rielt .rielt__rielt_grid .rielt__rielt_element:hover .rielt__rielt_icon {
  color: black;
}
#rielt .rielt__rielt_grid .rielt__rielt_element:hover .rielt__gray {
  color: #2c2c2c;
}
#rielt .rielt__rielt_grid .rielt__rielt_element:hover .rielt__rielt_price {
  color: black;
}
#rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -6%);
  font-family: "TTNorms-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .absolute {
    font-size: 50.4px;
  }
}
#rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
  font-weight: 500;
  color: #FF9F1C;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_number {
    margin-bottom: 31.5px;
  }
}
#rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
  color: white;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 27.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 31px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 39.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 42.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 46.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 43.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 52.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 49.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 58.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 62px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 77.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 83.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 80.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 77.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 102.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 124px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 102.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 139.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    font-size: 195.3px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_icon {
    margin-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__gray {
    font-size: 50.4px;
  }
}
#rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
  color: white;
  font-weight: 500;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 9px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    margin-top: 12.6px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_grid .rielt__rielt_element .rielt__rielt_price {
    font-size: 75.6px;
  }
}
#rielt .rielt__rielt_block-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#rielt .rielt__rielt_title {
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_title {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_title {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_title {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_title {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_title {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_title {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_title {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_title {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_title {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_title {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_title {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_title {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_title {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_title {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_title {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_title {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_title.font-36 {
    font-size: 113.4px;
  }
}
#rielt .rielt__rielt_subtitle {
  text-align: center;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_subtitle {
    line-height: 66.15px;
  }
}
#rielt .rielt__rielt_none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.1);
  position: relative;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_none {
    font-size: 189px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_none {
    font-size: 210px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_none {
    font-size: 270.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_none {
    font-size: 287.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_none {
    font-size: 315px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_none {
    font-size: 294px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_none {
    font-size: 357px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_none {
    font-size: 336px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_none {
    font-size: 399px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_none {
    font-size: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_none {
    font-size: 420px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_none {
    font-size: 525px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_none {
    font-size: 567px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_none {
    font-size: 546px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_none {
    font-size: 525px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_none {
    font-size: 693px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_none {
    font-size: 840px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_none {
    font-size: 693px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_none {
    font-size: 945px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_none {
    font-size: 1323px;
  }
}
#rielt .rielt__rielt_none .absolute {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-family: "TTNorms-Regular";
  justify-content: center;
  flex-direction: column;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#rielt .rielt__rielt_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info {
    max-width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info {
    max-width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info {
    max-width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info {
    max-width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info {
    max-width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info {
    max-width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info {
    max-width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info {
    max-width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info {
    max-width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info {
    max-width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info {
    max-width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info {
    max-width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info {
    max-width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info {
    max-width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info {
    max-width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info {
    max-width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info {
    max-width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info {
    max-width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info {
    max-width: 787.5px;
  }
}
#rielt .rielt__rielt_info.left {
  align-items: flex-start;
  text-align: left;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info.left {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info.left {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info.left {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info.left {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info.left {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info.left {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info.left {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info.left {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info.left {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info.left {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info.left {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info.left {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info.left {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info.left {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info.left {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info.left {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info.left {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info.left {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info.left {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info.left {
    max-width: 945px;
  }
}
#rielt .rielt__rielt_info .rielt__rielt_house-icon {
  color: white;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 63px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 70px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 90.3px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 95.9px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 105px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 98px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 119px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 112px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 133px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 140px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 175px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 189px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 182px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 175px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 231px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 280px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 231px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 315px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    font-size: 441px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 15.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 17.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 22.575px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 23.975px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 26.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 24.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 29.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 28px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 33.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 47.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 45.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 43.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 70px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 57.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 78.75px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_house-icon {
    margin-bottom: 110.25px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__gray {
    font-size: 50.4px;
  }
}
#rielt .rielt__rielt_info .rielt__rielt_header {
  color: #FFC062;
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_header {
    margin-bottom: 31.5px;
  }
}
#rielt .rielt__rielt_info .rielt__rielt_stat {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 225px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_stat {
    margin-bottom: 315px;
  }
}
#rielt .rielt__rielt_info .rielt__rielt_stat .rielt__rielt_element {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#rielt .rielt__rielt_info .rielt__rielt_stat .rielt__rielt_element .box-column {
  text-align: right;
}
#rielt .rielt__rielt_info .rielt__rielt_price {
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 81px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    font-size: 113.4px;
  }
}
@media (max-width: 799px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 94.5px;
  }
}
@media (min-width: 6000px) {
  #rielt .rielt__rielt_info .rielt__rielt_price {
    line-height: 132.3px;
  }
}
@font-face {
  font-family: "houseicon";
  src: url(../src/views/house/rieltagency/fonts//houseicon.eot);
  src: url(../src/views/house/rieltagency/fonts//houseicon.eot#iefix) format("embedded-opentype"), url(../src/views/house/rieltagency/fonts//houseicon.ttf) format("truetype"), url(../src/views/house/rieltagency/fonts//houseicon.woff) format("woff"), url(/src/views/house/rieltagency/fonts/houseicon.svg#houseicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=houseicon-], [class*=" houseicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "houseicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houseicon-check:before {
  content: "\e90b";
}

.houseicon-car-top:before {
  content: "\e900";
}

.houseicon-time:before {
  content: "\e902";
}

.houseicon-star:before {
  content: "\e903";
}

.houseicon-garage:before {
  content: "\e904";
}

.houseicon-bike-top:before {
  content: "\e905";
}

.houseicon-safe:before {
  content: "\e906";
}

.houseicon-medkit:before {
  content: "\e907";
}

.houseicon-bike:before {
  content: "\e908";
}

.houseicon-car:before {
  content: "\e909";
}

.houseicon-house:before {
  content: "\e90a";
}

.houseicon-ban:before {
  content: "\e901";
}
.House_svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 31.25rem;
  background-color: rgba(26, 26, 26, 0.98);
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.House_svg * {
  color: #fff;
  font-family: "ProximaNova", sans-serif;
}
.House_svg .object-picture {
  min-height: 17.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.House_svg .buy-body {
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
}
.House_svg .buy-body .container-box {
  padding: 1.875rem;
}
.House_svg .buy-body .container-box .business-info {
  margin-top: 1.25rem;
  width: 100%;
}
.House_svg .buy-body .container-box .row-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.House_svg .buy-body .container-box .row-block .big-container {
  display: flex;
  flex-direction: column;
}
.House_svg .buy-body .container-box .row-block .big-container:last-child {
  align-items: flex-end;
}
.House_svg .buy-body .container-box .row-block .big-container__subtitle {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: hsla(0, 0%, 100%, 0.5);
}
.House_svg .buy-body .container-box .row-block .big-container__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #fff;
  margin-top: 0.75rem;
}
.House_svg .buy-body__buttons {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.House_svg .buy-body__buttons .line {
  display: flex;
  gap: 0.3125rem;
}
.House_svg .buy-body__buttons .line .property-button {
  width: 100%;
  height: 3rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  background-color: hsla(0, 0%, 100%, 0.08);
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.House_svg .buy-body__buttons .line .property-button:hover {
  cursor: pointer;
  background-color: #07CDFF; /*majestic #e81c5a*/
  color: #f8f8f8;
}
.House_svg .close-block {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #1c1c1c;
  border: 1px solid #3a3a3a;
}
.House_svg .close-block:hover {
  background-color: #07CDFF;
  border: 1px solid #07CDFF;
  cursor: pointer;
}
.House_svg .close-block:hover svg {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.House_svg .close-block:hover svg path {
  transition: all 0.2s ease-in-out;
  stroke: #111;
}
.House_svg .close-block svg {
  transition: all 0.2s ease-in-out;
  height: 0.625rem;
  max-height: 0.625rem;
  min-height: 0.625rem;
  width: 0.625rem;
  max-width: 0.625rem;
  min-width: 0.625rem;
  opacity: 0.5;
}
.House_svg .close-block svg path {
  transition: all 0.2s ease-in-out;
  stroke: #fff;
}
#furniture {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(1, 22, 39, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
  position: relative;
}
@media (max-width: 799px) {
  #furniture {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #furniture {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  #furniture {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #furniture {
    padding-bottom: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    padding-bottom: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    padding-bottom: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    padding-bottom: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    padding-bottom: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    padding-bottom: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    padding-bottom: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    padding-bottom: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    padding-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    padding-bottom: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    padding-bottom: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    padding-bottom: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    padding-bottom: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    padding-bottom: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    padding-bottom: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    padding-bottom: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    padding-bottom: 180px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    padding-bottom: 252px;
  }
}
@media (max-width: 799px) {
  #furniture {
    padding-left: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    padding-left: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    padding-left: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    padding-left: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    padding-left: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    padding-left: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    padding-left: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    padding-left: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    padding-left: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    padding-left: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    padding-left: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    padding-left: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    padding-left: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    padding-left: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    padding-left: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    padding-left: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    padding-left: 180px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    padding-left: 252px;
  }
}
@media (max-width: 799px) {
  #furniture {
    padding-right: 36px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture {
    padding-right: 51.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture {
    padding-right: 54.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture {
    padding-right: 60px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture {
    padding-right: 56px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture {
    padding-right: 68px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture {
    padding-right: 64px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture {
    padding-right: 76px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture {
    padding-right: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture {
    padding-right: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture {
    padding-right: 108px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture {
    padding-right: 104px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture {
    padding-right: 100px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture {
    padding-right: 132px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture {
    padding-right: 160px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture {
    padding-right: 132px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture {
    padding-right: 180px;
  }
}
@media (min-width: 6000px) {
  #furniture {
    padding-right: 252px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture_icon {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture_icon {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture_icon {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture_icon {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture_icon {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture_icon {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture_icon {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture_icon {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture_icon {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture_icon {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture_icon {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture_icon {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture_icon {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture_icon {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture_icon {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture_icon {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture_icon {
    margin-right: 15.75px;
  }
}
#furniture .house__furniture {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  z-index: 1;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    width: 607.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    width: 675px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    width: 870.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    width: 924.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    width: 1012.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    width: 945px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    width: 1147.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    width: 1080px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    width: 1282.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    width: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    width: 1350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    width: 1687.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    width: 1822.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    width: 1755px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    width: 1687.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    width: 2227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    width: 2700px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    width: 2227.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    width: 3037.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    width: 4252.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    max-height: 351px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    max-height: 390px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    max-height: 503.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    max-height: 534.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    max-height: 585px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    max-height: 546px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    max-height: 663px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    max-height: 624px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    max-height: 741px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    max-height: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    max-height: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    max-height: 975px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    max-height: 1053px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    max-height: 1014px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    max-height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    max-height: 1287px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    max-height: 1560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    max-height: 1287px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    max-height: 1755px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    max-height: 2457px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    margin-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    margin-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    margin-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    margin-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    margin-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    margin-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    margin-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    margin-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    margin-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    margin-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    margin-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    margin-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    margin-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    margin-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    margin-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    margin-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    margin-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    margin-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    margin-top: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    margin-top: 189px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    height: 351px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    height: 390px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    height: 503.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    height: 534.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    height: 585px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    height: 546px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    height: 663px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    height: 624px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    height: 741px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    height: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    height: 780px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    height: 975px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    height: 1053px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    height: 1014px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    height: 975px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    height: 1287px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    height: 1560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    height: 1287px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    height: 1755px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    height: 2457px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-column .house__furniture_title {
    font-size: 75.6px;
  }
}
#furniture .house__furniture .box-column .house__furniture_text.money {
  color: #2BB6A8;
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-bottom: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-column .house__furniture_text.money {
    margin-top: 63px;
  }
}
#furniture .house__furniture .house__furniture_smallimage {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_smallimage {
    width: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_smallimage {
    height: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_smallimage {
    margin-right: 31.5px;
  }
}
#furniture .house__furniture .house__furniture_image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_image {
    width: 88.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_image {
    width: 98px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_image {
    width: 126.42px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_image {
    width: 134.26px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_image {
    width: 147px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_image {
    width: 137.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_image {
    width: 166.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_image {
    width: 156.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_image {
    width: 186.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_image {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_image {
    width: 196px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_image {
    width: 245px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_image {
    width: 264.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_image {
    width: 254.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_image {
    width: 245px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_image {
    width: 323.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_image {
    width: 392px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_image {
    width: 323.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_image {
    width: 441px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_image {
    width: 617.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_image {
    height: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_image {
    height: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_image {
    height: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_image {
    height: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_image {
    height: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_image {
    height: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_image {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_image {
    height: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_image {
    height: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_image {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_image {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_image {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_image {
    height: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_image {
    height: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_image {
    height: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_image {
    height: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_image {
    height: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_image {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_image {
    height: 360px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_image {
    height: 504px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture::-webkit-scrollbar {
    width: 12.6px;
  }
}
#furniture .house__furniture::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#furniture .house__furniture::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#furniture .house__furniture .house__furniture_element {
  background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    width: 194.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    width: 216px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    width: 278.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    width: 295.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    width: 324px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    width: 302.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    width: 367.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    width: 345.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    width: 410.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    width: 432px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    width: 432px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    width: 540px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    width: 583.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    width: 561.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    width: 540px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    width: 712.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    width: 864px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    width: 712.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    width: 972px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    width: 1360.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    height: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    height: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    height: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    height: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    height: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    height: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    height: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    height: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    height: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    height: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    height: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    height: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    height: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    height: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    height: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    height: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    height: 540px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    height: 756px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    padding-top: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .house__furniture_element {
    padding-bottom: 63px;
  }
}
#furniture .house__furniture .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#furniture .house__furniture .box-between .house__element_button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-between .house__element_button {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__furniture .box-between .house__element_button {
    height: 126px;
  }
}
#furniture .house__furniture .box-between .house__element_button:hover {
  color: black;
  background: white;
}
#furniture .house__buy {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#furniture .house__background {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.03;
}
@media (max-width: 799px) {
  #furniture .house__background {
    font-size: 315px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__background {
    font-size: 350px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__background {
    font-size: 451.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__background {
    font-size: 479.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__background {
    font-size: 525px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__background {
    font-size: 490px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__background {
    font-size: 595px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__background {
    font-size: 560px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__background {
    font-size: 665px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__background {
    font-size: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__background {
    font-size: 875px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__background {
    font-size: 945px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__background {
    font-size: 910px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__background {
    font-size: 875px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__background {
    font-size: 1155px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__background {
    font-size: 1400px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__background {
    font-size: 1155px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__background {
    font-size: 1575px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__background {
    font-size: 2205px;
  }
}
#furniture .house__info_flex {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #furniture .house__info_flex {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info_flex {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex {
    margin-bottom: 56.7px;
  }
}
#furniture .house__info_flex .house__stat {
  text-align: right;
}
@media (max-width: 799px) {
  #furniture .house__info_flex .house__stat {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex .house__stat {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex .house__stat {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex .house__stat {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex .house__stat {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex .house__stat {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex .house__stat {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex .house__stat {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex .house__stat {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex .house__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex .house__stat {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex .house__stat {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex .house__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex .house__stat {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex .house__stat {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex .house__stat {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex .house__stat {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info_flex .house__stat {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex .house__stat {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex .house__stat {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex .house__stat {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex .house__stat {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex .house__stat {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex .house__stat {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex .house__stat {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex .house__stat {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex .house__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex .house__stat {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex .house__stat {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex .house__stat {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex .house__stat {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex .house__stat {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex .house__stat {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info_flex .house__stat {
    width: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info_flex .house__stat {
    width: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info_flex .house__stat {
    width: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info_flex .house__stat {
    width: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info_flex .house__stat {
    width: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info_flex .house__stat {
    width: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info_flex .house__stat {
    width: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info_flex .house__stat {
    width: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info_flex .house__stat {
    width: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info_flex .house__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info_flex .house__stat {
    width: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info_flex .house__stat {
    width: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info_flex .house__stat {
    width: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info_flex .house__stat {
    width: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info_flex .house__stat {
    width: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    width: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    width: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info_flex .house__stat {
    width: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info_flex .house__stat {
    width: 360px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info_flex .house__stat {
    width: 504px;
  }
}
#furniture .house__buy_flex {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #furniture .house__buy_flex {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_flex {
    margin-top: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex {
    margin-top: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex {
    margin-top: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex {
    margin-top: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex {
    margin-top: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex {
    margin-top: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex {
    margin-top: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex {
    margin-top: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex {
    margin-top: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex {
    margin-top: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex {
    margin-top: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex {
    margin-top: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex {
    margin-top: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex {
    margin-top: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex {
    margin-top: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex {
    margin-top: 202.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex {
    margin-top: 283.5px;
  }
}
#furniture .house__buy_flex .house__line {
  background: url(/src/views/house/furniture/images/lines.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__buy_flex .house__line {
    width: 38.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex .house__line {
    width: 43px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex .house__line {
    width: 55.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex .house__line {
    width: 58.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex .house__line {
    width: 64.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex .house__line {
    width: 60.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex .house__line {
    width: 73.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex .house__line {
    width: 68.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex .house__line {
    width: 81.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex .house__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex .house__line {
    width: 86px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex .house__line {
    width: 107.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex .house__line {
    width: 116.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex .house__line {
    width: 111.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex .house__line {
    width: 107.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    width: 141.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    width: 172px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    width: 141.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    width: 193.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex .house__line {
    width: 270.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_flex .house__line {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex .house__line {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex .house__line {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex .house__line {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex .house__line {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex .house__line {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex .house__line {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex .house__line {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex .house__line {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex .house__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex .house__line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex .house__line {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex .house__line {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex .house__line {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex .house__line {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex .house__line {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 121.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex .house__line {
    margin-left: 170.1px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 24.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 27px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 34.83px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 36.99px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 40.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 37.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 45.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 43.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 51.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 54px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 72.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 70.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 67.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 108px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 89.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 121.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_flex .house__line {
    margin-right: 170.1px;
  }
}
#furniture .house__buy_flex .box-column {
  align-items: center;
}
#furniture .house__buy_center {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #furniture .house__buy_center .box-column {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_center .box-column {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_center .box-column {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_center .box-column {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_center .box-column {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_center .box-column {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_center .box-column {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_center .box-column {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_center .box-column {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_center .box-column {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_center .box-column {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_center .box-column {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_center .box-column {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_center .box-column {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_center .box-column {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_center .box-column {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_center .box-column {
    margin-top: 63px;
  }
}
#furniture .house__buy_center .house__upgrade_element {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 799px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_center .house__upgrade_element {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_center .house__upgrade_element {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_center .house__upgrade_element {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__buy_center .house__upgrade_element {
    margin-bottom: 31.5px;
  }
}
#furniture .house__buy_center .house__upgrade_element:hover {
  background: rgba(255, 255, 255, 0.07);
}
#furniture .house__info {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 799px) {
  #furniture .house__info {
    margin-top: 106.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info {
    margin-top: 118px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info {
    margin-top: 152.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info {
    margin-top: 161.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info {
    margin-top: 177px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info {
    margin-top: 165.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info {
    margin-top: 200.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info {
    margin-top: 188.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info {
    margin-top: 224.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info {
    margin-top: 236px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info {
    margin-top: 295px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info {
    margin-top: 318.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info {
    margin-top: 306.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info {
    margin-top: 295px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info {
    margin-top: 472px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info {
    margin-top: 389.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info {
    margin-top: 531px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info {
    margin-top: 743.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info {
    margin-bottom: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info {
    margin-bottom: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info {
    margin-bottom: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info {
    margin-bottom: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info {
    margin-bottom: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info {
    margin-bottom: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info {
    margin-bottom: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info {
    margin-bottom: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info {
    margin-bottom: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info {
    margin-bottom: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info {
    margin-bottom: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info {
    margin-bottom: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info {
    margin-bottom: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info {
    margin-bottom: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info {
    margin-bottom: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info {
    font-size: 75.6px;
  }
}
#furniture .house__info span {
  color: white;
}
@media (max-width: 799px) {
  #furniture .house__info.small {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__info.small {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__info.small {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__info.small {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__info.small {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__info.small {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__info.small {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__info.small {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__info.small {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__info.small {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__info.small {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__info.small {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__info.small {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__info.small {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__info.small {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__info.small {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__info.small {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__info.small {
    font-size: 50.4px;
  }
}
#furniture .house__info.m-0 {
  margin-top: 0;
  text-align: right;
}
#furniture .house__info.margin-none {
  margin: 0;
  text-align: center;
}
#furniture .house__menu {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
#furniture .house__stat {
  z-index: 1;
}
@media (max-width: 799px) {
  #furniture .house__stat {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__stat {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__stat {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__stat {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__stat {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__stat {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__stat {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__stat {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__stat {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__stat {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__stat {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__stat {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__stat {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__stat {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__stat {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__stat {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__stat {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__stat {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #furniture .house__stat {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__stat {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__stat {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__stat {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__stat {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__stat {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__stat {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__stat {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__stat {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__stat {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__stat {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__stat {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__stat {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__stat {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__stat {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__stat {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__stat {
    line-height: 179.55px;
  }
}
#furniture .house__stat.mint {
  color: #2BB6A8;
}
#furniture .house__stat.orange {
  color: #FF9F1C;
}
#furniture .house__header {
  z-index: 1;
  text-align: center;
}
@media (max-width: 799px) {
  #furniture .house__header {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__header {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__header {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__header {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__header {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__header {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__header {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__header {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__header {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__header {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__header {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__header {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__header {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__header {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__header {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__header {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__header {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__header {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__header {
    line-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__header {
    line-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__header {
    line-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__header {
    line-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__header {
    line-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__header {
    line-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__header {
    line-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__header {
    line-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__header {
    line-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__header {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__header {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__header {
    line-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__header {
    line-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__header {
    line-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__header {
    line-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__header {
    line-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__header {
    line-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__header {
    line-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__header {
    line-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__header {
    line-height: 119.7px;
  }
}
#furniture .house__panel {
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #furniture .house__panel {
    max-height: 392.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__panel {
    max-height: 436px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__panel {
    max-height: 562.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__panel {
    max-height: 597.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__panel {
    max-height: 654px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__panel {
    max-height: 610.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__panel {
    max-height: 741.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__panel {
    max-height: 697.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__panel {
    max-height: 828.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__panel {
    max-height: 872px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__panel {
    max-height: 1090px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__panel {
    max-height: 1177.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__panel {
    max-height: 1133.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__panel {
    max-height: 1090px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__panel {
    max-height: 1744px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__panel {
    max-height: 1438.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__panel {
    max-height: 1962px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__panel {
    max-height: 2746.8px;
  }
}
#furniture .house__mainmenu {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#furniture .house__mainmenu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#furniture .house__mainmenu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#furniture .house__mainmenu_block {
  display: flex;
  flex-direction: column;
  align-items: left;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block {
    width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block {
    width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block {
    width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block {
    width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block {
    width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block {
    width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block {
    width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block {
    width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block {
    width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block {
    width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block {
    width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block {
    width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    width: 900px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block {
    width: 1260px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block {
    min-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block {
    min-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block {
    min-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block {
    min-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block {
    min-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block {
    min-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block {
    min-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block {
    min-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block {
    min-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block {
    min-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block {
    min-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block {
    min-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block {
    min-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    min-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    min-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    min-width: 900px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block {
    min-width: 1260px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block {
    max-width: 180px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block {
    max-width: 200px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block {
    max-width: 258px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block {
    max-width: 274px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block {
    max-width: 300px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block {
    max-width: 280px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block {
    max-width: 340px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block {
    max-width: 320px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block {
    max-width: 380px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block {
    max-width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block {
    max-width: 540px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block {
    max-width: 520px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block {
    max-width: 500px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    max-width: 800px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block {
    max-width: 660px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block {
    max-width: 900px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block {
    max-width: 1260px;
  }
}
#furniture .house__mainmenu_block.parking {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block.parking {
    width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block.parking {
    width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block.parking {
    width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block.parking {
    width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block.parking {
    width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block.parking {
    width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block.parking {
    width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block.parking {
    width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block.parking {
    width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block.parking {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block.parking {
    width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block.parking {
    width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block.parking {
    width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    width: 675px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block.parking {
    width: 945px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 675px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block.parking {
    min-width: 945px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 135px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 150px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 193.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 205.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 225px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 210px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 255px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 240px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 285px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 405px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 390px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 375px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 495px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 675px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block.parking {
    max-width: 945px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_block.parking {
    padding-right: 47.25px;
  }
}
#furniture .house__mainmenu_categorie {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie {
    width: 128.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie {
    width: 143px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie {
    width: 184.47px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie {
    width: 195.91px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie {
    width: 214.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie {
    width: 200.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie {
    width: 243.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie {
    width: 228.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie {
    width: 271.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie {
    width: 286px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie {
    width: 386.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie {
    width: 371.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie {
    width: 357.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    width: 572px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    width: 471.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    width: 643.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie {
    width: 900.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie {
    margin-bottom: 18.9px;
  }
}
#furniture .house__mainmenu_categorie:hover, #furniture .house__mainmenu_categorie.active {
  color: black;
  background: white;
}
#furniture .house__mainmenu_categorie:hover .house__mainmenu_categorie-header, #furniture .house__mainmenu_categorie.active .house__mainmenu_categorie-header {
  color: black;
}
#furniture .house__mainmenu_categorie:hover .house__gray, #furniture .house__mainmenu_categorie.active .house__gray {
  color: #313131;
}
#furniture .house__mainmenu_categorie:hover .house__gray .house__white, #furniture .house__mainmenu_categorie.active .house__gray .house__white {
  color: black;
}
#furniture .house__mainmenu_categorie:hover .line, #furniture .house__mainmenu_categorie.active .line {
  background: black;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie.big {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie.big {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie.big {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie.big {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie.big {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie.big {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie.big {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie.big {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie.big {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie.big {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie.big {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie.big {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie.big {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie.big {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie.big {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie.big {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie.big {
    height: 315px;
  }
}
#furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
  color: white;
  font-weight: 500;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie .house__mainmenu_categorie-header {
    line-height: 66.15px;
  }
}
#furniture .house__mainmenu_categorie .line {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: white;
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie .line {
    height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie .line {
    height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie .line {
    height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie .line {
    height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie .line {
    height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie .line {
    height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie .line {
    height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie .line {
    height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie .line {
    height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie .line {
    height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie .line {
    height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie .line {
    height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie .line {
    height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .line {
    height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .line {
    height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .line {
    height: 72px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie .line {
    height: 100.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__mainmenu_categorie .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__mainmenu_categorie .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__mainmenu_categorie .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__mainmenu_categorie .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__mainmenu_categorie .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__mainmenu_categorie .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__mainmenu_categorie .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__mainmenu_categorie .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__mainmenu_categorie .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__mainmenu_categorie .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__mainmenu_categorie .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__mainmenu_categorie .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__mainmenu_categorie .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__mainmenu_categorie .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__mainmenu_categorie .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__mainmenu_categorie .line {
    width: 12.6px;
  }
}
#furniture .house__mainmenu_center {
  z-index: 1;
  width: 100%;
  max-width: 1102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#furniture .house__mainmenu_center.left {
  align-items: flex-start;
}
#furniture .box-between {
  z-index: 1;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#furniture .house__main_menu {
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #furniture .house__main_menu {
    width: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu {
    width: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu {
    width: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu {
    width: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu {
    width: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu {
    width: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu {
    width: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu {
    width: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu {
    width: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu {
    width: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu {
    width: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu {
    width: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu {
    width: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu {
    width: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    width: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    width: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    width: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    width: 1035px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu {
    width: 1449px;
  }
}
@media (max-width: 799px) {
  #furniture .house__main_menu {
    max-height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu {
    max-height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu {
    max-height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu {
    max-height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu {
    max-height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu {
    max-height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu {
    max-height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu {
    max-height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu {
    max-height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu {
    max-height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu {
    max-height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu {
    max-height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu {
    max-height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    max-height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    max-height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    max-height: 1035px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu {
    max-height: 1449px;
  }
}
@media (max-width: 799px) {
  #furniture .house__main_menu {
    padding-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu {
    padding-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu {
    padding-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu {
    padding-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu {
    padding-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu {
    padding-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu {
    padding-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu {
    padding-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu {
    padding-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu {
    padding-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu {
    padding-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu {
    padding-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    padding-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    padding-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    padding-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu {
    padding-right: 47.25px;
  }
}
@media (max-width: 799px) {
  #furniture .house__main_menu {
    height: 207px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu {
    height: 230px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu {
    height: 296.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu {
    height: 315.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu {
    height: 345px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu {
    height: 322px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu {
    height: 391px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu {
    height: 368px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu {
    height: 437px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu {
    height: 460px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu {
    height: 575px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu {
    height: 621px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu {
    height: 598px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu {
    height: 575px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    height: 759px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    height: 920px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu {
    height: 759px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu {
    height: 1035px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu {
    height: 1449px;
  }
}
@media (max-width: 799px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu::-webkit-scrollbar {
    width: 12.6px;
  }
}
#furniture .house__main_menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#furniture .house__main_menu::-webkit-scrollbar-thumb {
  background: white;
}
@media (max-width: 799px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__main_menu::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#furniture .house__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #furniture .house__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__gray.ml {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__gray.ml {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__gray.ml {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__gray.ml {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__gray.ml {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__gray.ml {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__gray.ml {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__gray.ml {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__gray.ml {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__gray.ml {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__gray.ml {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__gray.ml {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__gray.ml {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__gray.ml {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__gray.ml {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__gray.ml {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__gray.ml {
    margin-left: 31.5px;
  }
}
#furniture .house__gray .house__white {
  font-weight: bold;
  color: white;
}
@media (max-width: 799px) {
  #furniture .house__gray .house__white {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__gray .house__white {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__gray .house__white {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__gray .house__white {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__gray .house__white {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__gray .house__white {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__gray .house__white {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__gray .house__white {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__gray .house__white {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__gray .house__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__gray .house__white {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__gray .house__white {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__gray .house__white {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__gray .house__white {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__gray .house__white {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__gray .house__white {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__gray .house__white {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__gray .house__white {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__gray .house__white {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__gray .house__white {
    font-size: 44.1px;
  }
}
#furniture .house__box_button {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #furniture .house__box_button {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__box_button {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__box_button {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__box_button {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__box_button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__box_button {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__box_button {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__box_button {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__box_button {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__box_button {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__box_button {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__box_button {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__box_button {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__box_button {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__box_button {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__box_button {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__box_button {
    margin-bottom: 63px;
  }
}
#furniture .house__button_orange {
  background: #FF9F1C;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
@media (max-width: 799px) {
  #furniture .house__button_orange {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_orange {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_orange {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_orange {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_orange {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_orange {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_orange {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_orange {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_orange {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_orange {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_orange {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_orange {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_orange {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_orange {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_orange {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_orange {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_orange {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_orange {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_orange {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_orange {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_orange {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_orange {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_orange {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_orange {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_orange {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_orange {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_orange {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_orange {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_orange {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_orange {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_orange {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_orange {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_orange {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_orange {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_orange {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_orange {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_orange {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_orange {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_orange {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_orange {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_orange {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_orange {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_orange {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_orange {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_orange {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_orange {
    height: 126px;
  }
}
#furniture .house__element {
  z-index: 1;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 799px) {
  #furniture .house__element {
    min-height: 40.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element {
    min-height: 45px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element {
    min-height: 58.05px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element {
    min-height: 61.65px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element {
    min-height: 67.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element {
    min-height: 63px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element {
    min-height: 76.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element {
    min-height: 72px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element {
    min-height: 85.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element {
    min-height: 90px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element {
    min-height: 112.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element {
    min-height: 121.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element {
    min-height: 117px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element {
    min-height: 112.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element {
    min-height: 148.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element {
    min-height: 180px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element {
    min-height: 148.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element {
    min-height: 202.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element {
    min-height: 283.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element {
    padding-right: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element {
    padding-right: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element {
    padding-right: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element {
    padding-right: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element {
    padding-right: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element {
    padding-right: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element {
    padding-right: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element {
    padding-right: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element {
    padding-right: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element {
    padding-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element {
    padding-right: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element {
    padding-right: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element {
    padding-right: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element {
    padding-right: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element {
    padding-right: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element {
    padding-right: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element {
    padding-right: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element {
    padding-right: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element {
    padding-right: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element {
    padding-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element {
    padding-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element {
    padding-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element {
    padding-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element {
    padding-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element {
    padding-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element {
    padding-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element {
    padding-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element {
    padding-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element {
    padding-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element {
    padding-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element {
    padding-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element {
    padding-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element {
    padding-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element {
    padding-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element {
    padding-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element {
    padding-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element {
    padding-left: 45px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element {
    padding-left: 63px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element .house__garage_icon {
    font-size: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .house__garage_icon {
    font-size: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .house__garage_icon {
    font-size: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .house__garage_icon {
    font-size: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .house__garage_icon {
    font-size: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .house__garage_icon {
    font-size: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .house__garage_icon {
    font-size: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .house__garage_icon {
    font-size: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .house__garage_icon {
    font-size: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .house__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .house__garage_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .house__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .house__garage_icon {
    font-size: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .house__garage_icon {
    font-size: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .house__garage_icon {
    font-size: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .house__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .house__garage_icon {
    font-size: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .house__garage_icon {
    font-size: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .house__garage_icon {
    font-size: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .house__garage_icon {
    font-size: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .house__garage_icon {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element.small {
    min-height: 31.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element.small {
    min-height: 35px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element.small {
    min-height: 45.15px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element.small {
    min-height: 47.95px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element.small {
    min-height: 52.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element.small {
    min-height: 49px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element.small {
    min-height: 59.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element.small {
    min-height: 56px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element.small {
    min-height: 66.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element.small {
    min-height: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element.small {
    min-height: 94.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element.small {
    min-height: 91px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element.small {
    min-height: 87.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element.small {
    min-height: 140px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element.small {
    min-height: 115.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element.small {
    min-height: 157.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element.small {
    min-height: 220.5px;
  }
}
#furniture .house__element.small .box-flex {
  align-items: center;
}
#furniture .house__element:hover {
  color: black;
  background: white;
}
#furniture .house__element:hover .house__gray {
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 799px) {
  #furniture .house__element .house__element_icon {
    font-size: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .house__element_icon {
    font-size: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .house__element_icon {
    font-size: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .house__element_icon {
    font-size: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .house__element_icon {
    font-size: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .house__element_icon {
    font-size: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .house__element_icon {
    font-size: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .house__element_icon {
    font-size: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .house__element_icon {
    font-size: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .house__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .house__element_icon {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .house__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .house__element_icon {
    font-size: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .house__element_icon {
    font-size: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .house__element_icon {
    font-size: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .house__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .house__element_icon {
    font-size: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .house__element_icon {
    font-size: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .house__element_icon {
    font-size: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .house__element_icon {
    font-size: 189px;
  }
}
@media (max-width: 799px) {
  #furniture .house__element .house__element_icon {
    margin-right: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .house__element_icon {
    margin-right: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .house__element_icon {
    margin-right: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .house__element_icon {
    margin-right: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .house__element_icon {
    margin-right: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .house__element_icon {
    margin-right: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .house__element_icon {
    margin-right: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .house__element_icon {
    margin-right: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .house__element_icon {
    margin-right: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .house__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .house__element_icon {
    margin-right: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .house__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .house__element_icon {
    margin-right: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .house__element_icon {
    margin-right: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .house__element_icon {
    margin-right: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .house__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .house__element_icon {
    margin-right: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .house__element_icon {
    margin-right: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .house__element_icon {
    margin-right: 51.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .house__element_icon {
    margin-right: 72.45px;
  }
}
#furniture .house__element .box-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#furniture .house__element .box-column .house__info {
  text-align: inherit;
}
@media (max-width: 799px) {
  #furniture .house__element .box-column .house__info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .box-column .house__info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .box-column .house__info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .box-column .house__info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .box-column .house__info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .box-column .house__info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .box-column .house__info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .box-column .house__info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .box-column .house__info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .box-column .house__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .box-column .house__info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .box-column .house__info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .box-column .house__info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .box-column .house__info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .box-column .house__info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .box-column .house__info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .box-column .house__info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .box-column .house__info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .box-column .house__info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .box-column .house__info {
    font-size: 44.1px;
  }
}
#furniture .house__element .line {
  position: absolute;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #furniture .house__element .line {
    width: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element .line {
    width: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element .line {
    width: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element .line {
    width: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element .line {
    width: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element .line {
    width: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element .line {
    width: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element .line {
    width: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element .line {
    width: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element .line {
    width: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element .line {
    width: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element .line {
    width: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element .line {
    width: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element .line {
    width: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element .line {
    width: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element .line {
    width: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element .line {
    width: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element .line {
    width: 9px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element .line {
    width: 12.6px;
  }
}
#furniture .house__element .line.done {
  background: #2BB6A8;
}
#furniture .house__element .box-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #furniture .house__element.big {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__element.big {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__element.big {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__element.big {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__element.big {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__element.big {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__element.big {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__element.big {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__element.big {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__element.big {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__element.big {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__element.big {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__element.big {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__element.big {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__element.big {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__element.big {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__element.big {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__element.big {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__element.big {
    height: 378px;
  }
}
#furniture .house__element .green {
  color: #2BB6A8;
}
#furniture .house__element .house_element_center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#furniture .house__button_white {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  background: #FDFFFC;
  color: black;
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    min-width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    min-width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    min-width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    min-width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    min-width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    min-width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    min-width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    min-width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    min-width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    min-width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    min-width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    min-width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    min-width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    min-width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    min-width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    min-width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    min-width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    min-width: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    min-width: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    padding-left: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    padding-left: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    padding-left: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    padding-left: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    padding-left: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    padding-left: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    padding-left: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    padding-left: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    padding-left: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    padding-left: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    padding-left: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    padding-left: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    padding-left: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    padding-left: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    padding-left: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    padding-left: 15.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    padding-left: 22.05px;
  }
}
@media (max-width: 799px) {
  #furniture .house__button_white {
    padding-right: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__button_white {
    padding-right: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__button_white {
    padding-right: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__button_white {
    padding-right: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__button_white {
    padding-right: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__button_white {
    padding-right: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__button_white {
    padding-right: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__button_white {
    padding-right: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__button_white {
    padding-right: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__button_white {
    padding-right: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__button_white {
    padding-right: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__button_white {
    padding-right: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__button_white {
    padding-right: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    padding-right: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__button_white {
    padding-right: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__button_white {
    padding-right: 15.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__button_white {
    padding-right: 22.05px;
  }
}
#furniture .house__floor {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 799px) {
  #furniture .house__floor {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor {
    margin-top: 176.4px;
  }
}
#furniture .house__floor .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #furniture .house__floor .box-flex {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .box-flex {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .box-flex {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .box-flex {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .box-flex {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .box-flex {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .box-flex {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .box-flex {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .box-flex {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .box-flex {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .box-flex {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .box-flex {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .box-flex {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .box-flex {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .box-flex {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .box-flex {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .box-flex {
    margin-top: 31.5px;
  }
}
#furniture .house__floor .box-column {
  align-items: center;
}
@media (max-width: 799px) {
  #furniture .house__floor .box-column {
    margin-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .box-column {
    margin-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .box-column {
    margin-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .box-column {
    margin-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .box-column {
    margin-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .box-column {
    margin-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .box-column {
    margin-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .box-column {
    margin-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .box-column {
    margin-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .box-column {
    margin-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .box-column {
    margin-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .box-column {
    margin-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .box-column {
    margin-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column {
    margin-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column {
    margin-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column {
    margin-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .box-column {
    margin-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__floor .box-column {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .box-column {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .box-column {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .box-column {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .box-column {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .box-column {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .box-column {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .box-column {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .box-column {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .box-column {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .box-column {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .box-column {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .box-column {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .box-column {
    margin-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .box-column .house__current_floor {
    font-size: 151.2px;
  }
}
@media (max-width: 799px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 25.65px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 28.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 36.765px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 39.045px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 42.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 39.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 48.45px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 45.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 54.15px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 57px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 76.95px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 74.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 71.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 114px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 94.05px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 128.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .box-column .house__current_floor {
    line-height: 179.55px;
  }
}
#furniture .house__floor .house__floor_lines {
  display: flex;
  align-items: center;
}
#furniture .house__floor .house__floor_lines .house__floor_line {
  background: rgba(253, 255, 252, 0.3);
}
@media (max-width: 799px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    height: 18.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 15.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 17px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 21.93px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 23.29px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 25.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 23.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 28.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 32.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 34px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 45.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 44.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 42.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 68px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 56.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 76.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    min-width: 107.1px;
  }
}
@media (max-width: 799px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__floor .house__floor_lines .house__floor_line {
    margin-right: 15.75px;
  }
}
#furniture .house__floor .house__floor_lines .house__floor_line:last-child {
  margin-right: 0;
}
#furniture .house__floor .house__floor_lines .house__floor_line.active {
  background: #FDFFFC;
}
#furniture .house__parking_names {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #furniture .house__parking_names {
    margin-top: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_names {
    margin-top: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_names {
    margin-top: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_names {
    margin-top: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_names {
    margin-top: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_names {
    margin-top: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_names {
    margin-top: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_names {
    margin-top: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_names {
    margin-top: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_names {
    margin-top: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_names {
    margin-top: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_names {
    margin-top: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_names {
    margin-top: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    margin-top: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    margin-top: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    margin-top: 126px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_names {
    margin-top: 176.4px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_names {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_names {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_names {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_names {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_names {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_names {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_names {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_names {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_names {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_names {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_names {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_names {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_names {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_names {
    min-width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_names {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_names {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_names {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_names {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_names {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_names {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_names {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_names {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_names {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_names {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_names {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_names {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_names {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_names {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_names {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_names {
    padding-left: 384.3px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_names.bottom {
    margin-top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_names.bottom {
    margin-top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_names.bottom {
    margin-top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_names.bottom {
    margin-top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_names.bottom {
    margin-top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_names.bottom {
    margin-top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_names.bottom {
    margin-top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_names.bottom {
    margin-top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_names.bottom {
    margin-top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_names.bottom {
    margin-top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_names.bottom {
    margin-top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_names.bottom {
    margin-top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_names.bottom {
    margin-top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_names.bottom {
    margin-top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_names.bottom {
    margin-top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_names.bottom {
    margin-top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_names.bottom {
    margin-top: 15.75px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_names.bottom {
    padding-left: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_names.bottom {
    padding-left: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_names.bottom {
    padding-left: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_names.bottom {
    padding-left: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_names.bottom {
    padding-left: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_names.bottom {
    padding-left: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_names.bottom {
    padding-left: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_names.bottom {
    padding-left: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_names.bottom {
    padding-left: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_names.bottom {
    padding-left: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_names.bottom {
    padding-left: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_names.bottom {
    padding-left: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_names.bottom {
    padding-left: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_names.bottom {
    padding-left: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_names.bottom {
    padding-left: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_names.bottom {
    padding-left: 81px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_names.bottom {
    padding-left: 113.4px;
  }
}
#furniture .house__car_name {
  z-index: 1;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 799px) {
  #furniture .house__car_name {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_name {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_name {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_name {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_name {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_name {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_name {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_name {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_name {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_name {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_name {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_name {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_name {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_name {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_name {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_name {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_name {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_name {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_name {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_name:last-child {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_name:last-child {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_name:last-child {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_name:last-child {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_name:last-child {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_name:last-child {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_name:last-child {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_name:last-child {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_name:last-child {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_name:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_name:last-child {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_name:last-child {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_name:last-child {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_name:last-child {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_name:last-child {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_name:last-child {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_name:last-child {
    width: 472.5px;
  }
}
#furniture .house__car_name.active {
  color: white;
}
#furniture .house__parking_top {
  z-index: 1;
  position: relative;
  background: url(/src/views/house/furniture/images/garage_top.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__parking_top {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_top {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_top {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_top {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_top {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_top {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_top {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_top {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_top {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_top {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_top {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_top {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_top {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_top {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_top {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_top {
    margin-top: 18.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_top {
    height: 72px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_top {
    height: 80px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_top {
    height: 103.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_top {
    height: 109.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_top {
    height: 120px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_top {
    height: 112px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_top {
    height: 136px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_top {
    height: 128px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_top {
    height: 152px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_top {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_top {
    height: 160px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_top {
    height: 200px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_top {
    height: 216px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_top {
    height: 208px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_top {
    height: 200px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    height: 264px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    height: 320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    height: 264px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    height: 360px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_top {
    height: 504px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_top {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_top {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_top {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_top {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_top {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_top {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_top {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_top {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_top {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_top {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_top {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_top {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_top {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_top {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_top {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_top {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_top {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_top {
    min-width: 3313.8px;
  }
}
#furniture .house__parking_top.bottom {
  background: url(/src/views/house/furniture/images/garage_bot.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#furniture .house__parking_places {
  z-index: 1;
  display: flex;
}
@media (max-width: 799px) {
  #furniture .house__parking_places {
    min-width: 473.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places {
    min-width: 526px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places {
    min-width: 678.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places {
    min-width: 720.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places {
    min-width: 789px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places {
    min-width: 736.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places {
    min-width: 894.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places {
    min-width: 841.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places {
    min-width: 999.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places {
    min-width: 1052px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places {
    min-width: 1315px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places {
    min-width: 1420.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places {
    min-width: 1367.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places {
    min-width: 1315px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places {
    min-width: 1735.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places {
    min-width: 2104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places {
    min-width: 1735.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places {
    min-width: 2367px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places {
    min-width: 3313.8px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places {
    padding-left: 54.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places {
    padding-left: 61px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places {
    padding-left: 78.69px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places {
    padding-left: 83.57px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places {
    padding-left: 91.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places {
    padding-left: 85.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places {
    padding-left: 103.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places {
    padding-left: 97.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places {
    padding-left: 115.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places {
    padding-left: 122px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places {
    padding-left: 152.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places {
    padding-left: 164.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places {
    padding-left: 158.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places {
    padding-left: 152.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places {
    padding-left: 201.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places {
    padding-left: 244px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places {
    padding-left: 201.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places {
    padding-left: 274.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places {
    padding-left: 384.3px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom {
    padding-left: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom {
    padding-left: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom {
    padding-left: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom {
    padding-left: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom {
    padding-left: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom {
    padding-left: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom {
    padding-left: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom {
    padding-left: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom {
    padding-left: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom {
    padding-left: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom {
    padding-left: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom {
    padding-left: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom {
    padding-left: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom {
    padding-left: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom {
    padding-left: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom {
    padding-left: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom {
    padding-left: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom {
    padding-left: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom {
    padding-left: 144px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom {
    padding-left: 201.6px;
  }
}
#furniture .house__parking_places.bottom .house__car_position {
  right: 20%;
  left: auto;
}
#furniture .house__parking_places.bottom .house__car_image {
  transform: rotate(33deg);
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 90px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-right: 126px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -33.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image {
    margin-top: -47.25px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image {
    width: 538.65px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image {
    max-width: 538.65px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 76.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 85.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 110.295px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 117.135px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 128.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 119.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 145.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 136.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 162.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 171px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 213.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 230.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 222.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 213.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 282.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 342px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 282.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 384.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image {
    min-width: 538.65px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image .house__car_details {
    right: 160.65px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 22.95px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 25.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 32.895px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 34.935px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 38.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 35.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 43.35px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 48.45px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 51px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 63.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 68.85px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 66.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 63.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 84.15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 102px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 84.15px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 114.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places.bottom .house__car_image .house__bike_details {
    right: 160.65px;
  }
}
#furniture .house__parking_places.bottom .house__car_place .house__circle_green {
  top: auto;
  bottom: 0;
}
#furniture .house__parking_places.bottom .house__car_place .house__car_position {
  top: auto;
  bottom: 25%;
  right: 14%;
}
#furniture .house__parking_places .house__car_place {
  position: relative;
  text-align: end;
}
@media (max-width: 799px) {
  #furniture .house__parking_places .house__car_place {
    width: 81.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places .house__car_place {
    width: 91px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places .house__car_place {
    width: 117.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places .house__car_place {
    width: 124.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places .house__car_place {
    width: 136.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places .house__car_place {
    width: 127.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places .house__car_place {
    width: 154.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places .house__car_place {
    width: 145.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places .house__car_place {
    width: 172.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places .house__car_place {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places .house__car_place {
    width: 182px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places .house__car_place {
    width: 227.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places .house__car_place {
    width: 245.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places .house__car_place {
    width: 236.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places .house__car_place {
    width: 227.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    width: 300.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    width: 364px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    width: 300.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    width: 409.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places .house__car_place {
    width: 573.3px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places .house__car_place {
    padding-left: 15.75px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places .house__car_place {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 67.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 75px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 96.75px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 102.75px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 112.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 105px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 127.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 120px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 142.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 187.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 202.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 187.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 247.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 300px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 247.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 337.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__parking_places .house__car_place.top:last-child {
    width: 472.5px;
  }
}
#furniture .house__parking_places .house__car_place.active {
  color: white;
}
#furniture .house__car_image {
  z-index: 1;
  transform: rotate(209deg);
  position: relative;
}
@media (max-width: 799px) {
  #furniture .house__car_image {
    margin-top: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image {
    margin-top: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image {
    margin-top: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image {
    margin-top: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image {
    margin-top: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image {
    margin-top: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image {
    margin-top: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image {
    margin-top: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image {
    margin-top: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image {
    margin-top: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image {
    margin-top: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image {
    margin-top: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image {
    margin-top: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image {
    margin-top: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image {
    margin-top: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image {
    margin-top: 67.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image {
    margin-top: 94.5px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image {
    font-size: 68.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image {
    font-size: 76.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image {
    font-size: 98.685px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image {
    font-size: 104.805px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image {
    font-size: 114.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image {
    font-size: 107.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image {
    font-size: 130.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image {
    font-size: 122.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image {
    font-size: 145.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image {
    font-size: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image {
    font-size: 153px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image {
    font-size: 191.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image {
    font-size: 206.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image {
    font-size: 198.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image {
    font-size: 191.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image {
    font-size: 252.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image {
    font-size: 306px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image {
    font-size: 252.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image {
    font-size: 344.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image {
    font-size: 481.95px;
  }
}
#furniture .house__car_image .house__car_details {
  position: absolute;
  top: 0;
  background: url(/src/views/house/furniture/images/car_details.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__car_details {
    right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__car_details {
    right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__car_details {
    right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__car_details {
    right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__car_details {
    right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__car_details {
    right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__car_details {
    right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__car_details {
    right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__car_details {
    right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__car_details {
    right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__car_details {
    right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__car_details {
    right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__car_details {
    right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__car_details {
    right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__car_details {
    right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__car_details {
    right: 18.9px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__car_details {
    height: 69.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__car_details {
    height: 77px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__car_details {
    height: 99.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__car_details {
    height: 105.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__car_details {
    height: 115.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__car_details {
    height: 107.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__car_details {
    height: 130.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__car_details {
    height: 123.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__car_details {
    height: 146.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__car_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__car_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__car_details {
    height: 192.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__car_details {
    height: 207.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__car_details {
    height: 200.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__car_details {
    height: 192.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    height: 254.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    height: 308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    height: 254.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    height: 346.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__car_details {
    height: 485.1px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__car_details {
    min-width: 31.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__car_details {
    min-width: 34.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__car_details {
    min-width: 44.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__car_details {
    min-width: 47.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__car_details {
    min-width: 51.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__car_details {
    min-width: 48.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__car_details {
    min-width: 58.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__car_details {
    min-width: 55.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__car_details {
    min-width: 65.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__car_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__car_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__car_details {
    min-width: 86.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__car_details {
    min-width: 93.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__car_details {
    min-width: 89.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__car_details {
    min-width: 86.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    min-width: 113.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    min-width: 138px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__car_details {
    min-width: 113.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__car_details {
    min-width: 155.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__car_details {
    min-width: 217.35px;
  }
}
#furniture .house__car_image .house__bike_details {
  position: absolute;
  background: url(/src/views/house/furniture/images/bycicle_details.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__bike_details {
    right: -0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__bike_details {
    right: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__bike_details {
    right: -1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    right: -2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    right: -1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    right: -2.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__bike_details {
    right: -3.15px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__bike_details {
    top: 3.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__bike_details {
    top: 3.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__bike_details {
    top: 4.515px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__bike_details {
    top: 4.795px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__bike_details {
    top: 5.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__bike_details {
    top: 4.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__bike_details {
    top: 5.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__bike_details {
    top: 5.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__bike_details {
    top: 6.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__bike_details {
    top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__bike_details {
    top: 7px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__bike_details {
    top: 8.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__bike_details {
    top: 9.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__bike_details {
    top: 9.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__bike_details {
    top: 8.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    top: 11.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    top: 14px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    top: 11.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    top: 15.75px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__bike_details {
    top: 22.05px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__bike_details {
    height: 69.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__bike_details {
    height: 77px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__bike_details {
    height: 99.33px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__bike_details {
    height: 105.49px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__bike_details {
    height: 115.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__bike_details {
    height: 107.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__bike_details {
    height: 130.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__bike_details {
    height: 123.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__bike_details {
    height: 146.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__bike_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__bike_details {
    height: 154px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__bike_details {
    height: 192.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__bike_details {
    height: 207.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__bike_details {
    height: 200.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__bike_details {
    height: 192.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    height: 254.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    height: 308px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    height: 254.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    height: 346.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__bike_details {
    height: 485.1px;
  }
}
@media (max-width: 799px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 31.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 34.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 44.505px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 47.265px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 51.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 48.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 58.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 55.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 65.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 69px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 86.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 93.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 89.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 86.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 113.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 138px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 113.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 155.25px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_image .house__bike_details {
    min-width: 217.35px;
  }
}
#furniture .house__car_position {
  position: absolute;
  top: 30%;
  left: 0%;
  transform: translate(-50%, -50%);
}
@media (max-width: 799px) {
  #furniture .house__car_position {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__car_position {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__car_position {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__car_position {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__car_position {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__car_position {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__car_position {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__car_position {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__car_position {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__car_position {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__car_position {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__car_position {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__car_position {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__car_position {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__car_position {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__car_position {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__car_position {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__car_position {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__car_position {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__car_position {
    font-size: 81.9px;
  }
}
#furniture .house__circle_green {
  background: rgba(43, 182, 168, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 29%;
  left: 36%;
  transform: translate(-50%, -50%);
  color: rgb(43, 182, 168);
}
@media (max-width: 799px) {
  #furniture .house__circle_green {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__circle_green {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__circle_green {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__circle_green {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__circle_green {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__circle_green {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__circle_green {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__circle_green {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__circle_green {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__circle_green {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__circle_green {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__circle_green {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__circle_green {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__circle_green {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__circle_green {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__circle_green {
    height: 189px;
  }
}
@media (max-width: 799px) {
  #furniture .house__circle_green {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__circle_green {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__circle_green {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__circle_green {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__circle_green {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__circle_green {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__circle_green {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__circle_green {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__circle_green {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__circle_green {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__circle_green {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__circle_green {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__circle_green {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__circle_green {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__circle_green {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__circle_green {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #furniture .house__circle_green {
    font-size: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__circle_green {
    font-size: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__circle_green {
    font-size: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__circle_green {
    font-size: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__circle_green {
    font-size: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__circle_green {
    font-size: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__circle_green {
    font-size: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__circle_green {
    font-size: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__circle_green {
    font-size: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__circle_green {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__circle_green {
    font-size: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__circle_green {
    font-size: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__circle_green {
    font-size: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__circle_green {
    font-size: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__circle_green {
    font-size: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    font-size: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    font-size: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__circle_green {
    font-size: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__circle_green {
    font-size: 58.5px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__circle_green {
    font-size: 81.9px;
  }
}
#furniture .house__parking_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  #furniture .house__text_big {
    font-size: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__text_big {
    font-size: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__text_big {
    font-size: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__text_big {
    font-size: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__text_big {
    font-size: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__text_big {
    font-size: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__text_big {
    font-size: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__text_big {
    font-size: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__text_big {
    font-size: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__text_big {
    font-size: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__text_big {
    font-size: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__text_big {
    font-size: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__text_big {
    font-size: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__text_big {
    font-size: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__text_big {
    font-size: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__text_big {
    font-size: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__text_big {
    font-size: 144px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__text_big {
    font-size: 201.6px;
  }
}
@media (max-width: 799px) {
  #furniture .house__text_big {
    line-height: 34.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .house__text_big {
    line-height: 38px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .house__text_big {
    line-height: 49.02px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .house__text_big {
    line-height: 52.06px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .house__text_big {
    line-height: 57px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .house__text_big {
    line-height: 53.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .house__text_big {
    line-height: 64.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .house__text_big {
    line-height: 60.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .house__text_big {
    line-height: 72.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .house__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .house__text_big {
    line-height: 76px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .house__text_big {
    line-height: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .house__text_big {
    line-height: 102.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .house__text_big {
    line-height: 98.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .house__text_big {
    line-height: 95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .house__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .house__text_big {
    line-height: 152px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .house__text_big {
    line-height: 125.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .house__text_big {
    line-height: 171px;
  }
}
@media (min-width: 6000px) {
  #furniture .house__text_big {
    line-height: 239.4px;
  }
}
@media (max-width: 799px) {
  #furniture .m-60 {
    margin-top: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .m-60 {
    margin-top: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .m-60 {
    margin-top: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .m-60 {
    margin-top: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .m-60 {
    margin-top: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .m-60 {
    margin-top: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .m-60 {
    margin-top: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .m-60 {
    margin-top: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .m-60 {
    margin-top: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .m-60 {
    margin-top: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .m-60 {
    margin-top: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .m-60 {
    margin-top: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .m-60 {
    margin-top: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .m-60 {
    margin-top: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .m-60 {
    margin-top: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .m-60 {
    margin-top: 144px;
  }
}
@media (min-width: 6000px) {
  #furniture .m-60 {
    margin-top: 201.6px;
  }
}
@media (max-width: 799px) {
  #furniture .m-60 {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #furniture .m-60 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #furniture .m-60 {
    margin-bottom: 41.28px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #furniture .m-60 {
    margin-bottom: 43.84px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #furniture .m-60 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #furniture .m-60 {
    margin-bottom: 44.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #furniture .m-60 {
    margin-bottom: 54.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #furniture .m-60 {
    margin-bottom: 51.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #furniture .m-60 {
    margin-bottom: 60.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #furniture .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #furniture .m-60 {
    margin-bottom: 64px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #furniture .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #furniture .m-60 {
    margin-bottom: 86.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #furniture .m-60 {
    margin-bottom: 83.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #furniture .m-60 {
    margin-bottom: 80px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #furniture .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #furniture .m-60 {
    margin-bottom: 128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #furniture .m-60 {
    margin-bottom: 105.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #furniture .m-60 {
    margin-bottom: 144px;
  }
}
@media (min-width: 6000px) {
  #furniture .m-60 {
    margin-bottom: 201.6px;
  }
}

#house__popup {
  position: fixed;
  z-index: 10000;
  background: rgba(1, 22, 39, 0.89);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-family: "TTNorms-Bold";
}
#house__popup .house__popup_block {
  background: rgba(71, 71, 71, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  border-radius: 45px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    height: 162px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    height: 180px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    height: 232.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    height: 246.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    height: 270px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    height: 252px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    height: 306px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    height: 288px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    height: 342px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    height: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    height: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    height: 486px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    height: 468px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    height: 450px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    height: 594px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    height: 720px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    height: 594px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    height: 810px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    height: 1134px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    padding-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    padding-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    padding-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    padding-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    padding-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    padding-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    padding-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    padding-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    padding-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    padding-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    padding-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    padding-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    padding-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    padding-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    padding-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    padding-top: 90px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    padding-top: 126px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block {
    margin-bottom: 63px;
  }
}
#house__popup .house__popup_block .house__popup_image {
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(50%, -50%);
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 39.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 44px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 56.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 60.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 66px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 61.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 74.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 70.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 83.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 88px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 110px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 118.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 114.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 110px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 145.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 145.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 198px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_image {
    font-size: 277.2px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_header {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_block .house__popup_header {
    font-size: 100.8px;
  }
}
#house__popup .house__popup_block .house__popup_header .orange {
  color: #FF9F1C;
}
#house__popup .house__gray {
  z-index: 1;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #house__popup .house__gray {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__gray {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__gray {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__gray {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__gray {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__gray {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__gray {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__gray {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__gray {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__gray {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__gray {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__gray {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__gray {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__gray {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__gray {
    max-width: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__gray {
    max-width: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__gray {
    max-width: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__gray {
    max-width: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__gray {
    max-width: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__gray {
    max-width: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__gray {
    max-width: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__gray {
    max-width: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__gray {
    max-width: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__gray {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__gray {
    max-width: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__gray {
    max-width: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__gray {
    max-width: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__gray {
    max-width: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__gray {
    max-width: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    max-width: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    max-width: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__gray {
    max-width: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__gray {
    max-width: 310.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__gray {
    max-width: 434.7px;
  }
}
#house__popup .house__white {
  font-family: "TTNorms-Regular";
}
@media (max-width: 799px) {
  #house__popup .house__white {
    margin-top: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    margin-top: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    margin-top: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    margin-top: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    margin-top: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    margin-top: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    margin-top: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    margin-top: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    margin-top: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    margin-top: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    margin-top: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    margin-top: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    margin-top: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-top: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-top: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-top: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-top: 36px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    margin-top: 50.4px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__white {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    margin-bottom: 94.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__white {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__white {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__white {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__white {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__white {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__white {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__white {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__white {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__white {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__white {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__white {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__white {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__white {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__white {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__white {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__white {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__white {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__white {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__white {
    font-size: 56.7px;
  }
}
#house__popup .box-flex {
  align-items: center;
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    margin-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    margin-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    margin-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    margin-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    margin-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    margin-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    margin-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    margin-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    margin-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    margin-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    margin-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    margin-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    margin-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-left: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    margin-left: 75.6px;
  }
}
@media (max-width: 799px) {
  #house__popup .box-flex .house__and {
    margin-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .house__and {
    margin-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .house__and {
    margin-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .house__and {
    margin-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .house__and {
    margin-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .house__and {
    margin-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .house__and {
    margin-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .house__and {
    margin-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .house__and {
    margin-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .house__and {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .house__and {
    margin-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .house__and {
    margin-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .house__and {
    margin-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .house__and {
    margin-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .house__and {
    margin-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .house__and {
    margin-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .house__and {
    margin-right: 54px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .house__and {
    margin-right: 75.6px;
  }
}
#house__popup .box-flex .box-column {
  align-items: center;
}
#house__popup .box-flex .box-column .house__popup_top {
  position: relative;
}
@media (max-width: 799px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #house__popup .box-flex .box-column .house__popup_top {
    font-size: 100.8px;
  }
}
#house__popup .house__popup_icon {
  position: absolute;
  top: 50%;
  left: -100%;
  transform: translate(-50%, -50%);
  background: url(/src/views/house/furniture/images/star.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  #house__popup .house__popup_icon {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_icon {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_icon {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_icon {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_icon {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_icon {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_icon {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_icon {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_icon {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_icon {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_icon {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_icon {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_icon {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_icon {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_icon {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  #house__popup .house__popup_icon {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #house__popup .house__popup_icon {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #house__popup .house__popup_icon {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #house__popup .house__popup_icon {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #house__popup .house__popup_icon {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #house__popup .house__popup_icon {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #house__popup .house__popup_icon {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #house__popup .house__popup_icon {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #house__popup .house__popup_icon {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #house__popup .house__popup_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #house__popup .house__popup_icon {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #house__popup .house__popup_icon {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #house__popup .house__popup_icon {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #house__popup .house__popup_icon {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #house__popup .house__popup_icon {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #house__popup .house__popup_icon {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #house__popup .house__popup_icon {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #house__popup .house__popup_icon {
    height: 94.5px;
  }
}

.house_bottom_buttons {
  z-index: 1;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .house_bottom_buttons {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons {
    font-size: 56.7px;
  }
}
.house_bottom_buttons.back {
  flex-direction: row-reverse;
}
.house_bottom_buttons.back .house_bottom_button {
  margin-left: 0;
}
@media (max-width: 799px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons.back .house_bottom_button {
    margin-right: 37.8px;
  }
}
.house_bottom_buttons.esc {
  position: absolute;
  right: 0;
  bottom: 0;
}
.house_bottom_buttons .house_bottom_button {
  color: black;
  background: #FDFFFC;
  border-radius: 6px;
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-right: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons .house_bottom_button {
    margin-left: 37.8px;
  }
}
@media (max-width: 799px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  .house_bottom_buttons.ml-20 {
    margin-left: 63px;
  }
}
@font-face {
  font-family: "houseicon";
  src: url(../src/views/house/furniture/fonts//houseicon.eot);
  src: url(../src/views/house/furniture/fonts//houseicon.eot#iefix) format("embedded-opentype"), url(../src/views/house/furniture/fonts//houseicon.ttf) format("truetype"), url(../src/views/house/furniture/fonts//houseicon.woff) format("woff"), url(/src/views/house/furniture/fonts/houseicon.svg#houseicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=houseicon-], [class*=" houseicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "houseicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.houseicon-check:before {
  content: "\e90b";
}

.houseicon-car-top:before {
  content: "\e900";
}

.houseicon-time:before {
  content: "\e902";
}

.houseicon-star:before {
  content: "\e903";
}

.houseicon-garage:before {
  content: "\e904";
}

.houseicon-bike-top:before {
  content: "\e905";
}

.houseicon-safe:before {
  content: "\e906";
}

.houseicon-medkit:before {
  content: "\e907";
}

.houseicon-bike:before {
  content: "\e908";
}

.houseicon-car:before {
  content: "\e909";
}

.houseicon-house:before {
  content: "\e90a";
}

.houseicon-ban:before {
  content: "\e901";
}
.database-arrest {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.database-arrest * {
  font-family: "ProximaNova", sans-serif;
}
.database-modal {
  width: 30rem;
  border-radius: 0.75rem;
  background-color: #fbfbfb;
  padding: 1.875rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-header {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.database-modal .modal-header .close-block {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #dadada;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}
.database-modal .modal-header .close-block svg {
  width: 0.6875rem;
  height: 0.6875rem;
}
.database-modal .modal-header .close-block svg path {
  stroke: rgba(33, 33, 33, 0.5);
}
.database-modal .modal-header__picture {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}
.database-modal .modal-header__picture.FIB, .database-modal .modal-header__picture.LSPD {
  background-color: #000;
}
.database-modal .modal-header__picture > img {
  width: 100%;
  height: 100%;
}
.database-modal .modal-header .header-data {
  margin-left: 1.25rem;
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-header .header-data__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.37rem;
  color: #060606;
}
.database-modal .modal-header .header-data__subtitle {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
  line-height: 1.065625rem;
}
.database-modal .modal-main {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .user-data {
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: #efefef;
  gap: 1.25rem;
  display: flex;
  flex-direction: row;
}
.database-modal .modal-main .user-data-container {
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .user-data-container .data-block {
  width: 7.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: row;
}
.database-modal .modal-main .user-data-container .data-block__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
  line-height: 0.875rem;
}
.database-modal .modal-main .user-data-container .data-block__value {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  line-height: 0.875rem;
}
.database-modal .modal-main .user-data__image {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  pointer-events: none;
}
.database-modal .modal-main .user-data .user-info {
  gap: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .user-data .user-info__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #060606;
}
.database-modal .modal-main .user-data .user-info .user-elements {
  gap: 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.database-modal .modal-main .input-container {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .input-container.bail-possibility {
  margin-top: 0;
}
.database-modal .modal-main .input-container__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.database-modal .modal-main .input-container .input-element {
  margin-top: 0.875rem;
  height: 3rem;
  background-color: #efefef;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  padding: 0 1rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.database-modal .modal-main .input-container .input-element__value {
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1rem;
  background-color: transparent;
  border: none;
}
.database-modal .modal-main .input-container .input-element__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
  line-height: 0.875rem;
}
.database-modal .modal-main .input-container .rangeSlider {
  position: absolute !important;
  height: 0.25rem !important;
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
}
.database-modal .modal-main .input-container .rangeSlider .rangeHandle {
  top: 0 !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  background-color: #fff;
  border-radius: 50%;
  border: 0.125rem solid #1d6fc0;
  cursor: pointer;
}
.database-modal .modal-main .input-container .rangeSlider .rangeHandle::before {
  box-shadow: none !important;
}
.database-modal .modal-main .input-container .rangeSlider .rangeHandle .rangeNub {
  background: none !important;
}
.database-modal .modal-main .input-container .rangeSlider .rangeBar {
  height: 100% !important;
  background-color: #1d6fc0;
  border-radius: 0 0 0 0.375rem !important;
}
.database-modal .modal-main .checkboxes {
  width: 100%;
  margin-top: 1.625rem;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .checkboxes .checkbox-container {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.database-modal .modal-main .checkboxes .checkbox-container__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
}
.database-modal .modal-main .checkboxes .checkbox-container__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 2.25rem;
  height: 1.25rem;
  border-radius: 6.25rem;
  background-color: #dadada;
  display: flex;
  align-items: center;
  position: relative;
  transition: background-color 0.2s ease;
}
.database-modal .modal-main .checkboxes .checkbox-container__input:checked {
  background-color: #1a6fc4;
}
.database-modal .modal-main .checkboxes .checkbox-container__input:checked::after {
  left: 1.125rem;
}
.database-modal .modal-main .checkboxes .checkbox-container__input::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 0.125rem;
  transition: left 0.2s ease;
}
.database-modal .modal-main .orders {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.database-modal .modal-main .orders__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.database-modal .modal-main .orders__input {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-top: 0.875rem;
  height: 2.875rem;
  background-color: #efefef;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  padding: 0 1rem;
}
.database-modal .modal-main .control-buttons {
  margin-top: 1.875rem;
  height: 2.625rem;
  gap: 0.875rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.database-modal .modal-main .control-buttons .control-button {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 0.875rem;
  background-color: #eaeaea;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  color: rgba(6, 6, 6, 0.5);
  cursor: pointer;
  transition: 0.2s ease;
  transition-property: background-color, border-color;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.database-modal .modal-main .control-buttons .control-button:hover {
  background-color: #1a6fc4;
  border-color: #1a6fc4;
  color: #fff;
}
.wanted {
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem 1.875rem;
  width: 100%;
}
.wanted-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  pointer-events: none;
  background: linear-gradient(180deg, hsla(0, 0%, 39%, 0) 0, hsla(0, 0%, 39%, 0.2));
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanted-wrapper * {
  font-family: "ProximaNova", sans-serif;
}
.wanted-wrapper .close-block {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #1c1c1c;
  border: 1px solid #3a3a3a;
  background: none;
}
.wanted-wrapper .close-block:hover {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  cursor: pointer;
}
.wanted-wrapper .close-block:hover svg {
  opacity: 1;
}
.wanted-wrapper .close-block:hover svg path {
  stroke: #111;
}
.wanted-wrapper .close-block svg {
  transition: all 0.2s ease-in-out;
  height: 0.625rem;
  max-height: 0.625rem;
  min-height: 0.625rem;
  width: 0.625rem;
  max-width: 0.625rem;
  min-width: 0.625rem;
  opacity: 0.5;
}
.wanted-wrapper .close-block svg path {
  transition: all 0.2s ease-in-out;
}
.wanted-container {
  padding: 1.625rem 0 0 0;
  display: flex;
  flex-direction: column;
  width: 31.25rem;
  background: #1a1a1a;
  overflow: hidden;
  position: relative;
  pointer-events: all;
  border-radius: 0.75rem;
}
.wanted-container__title {
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  padding-left: 1.875rem;
  width: 100%;
  color: #fff;
}
.wanted-container__message {
  margin-bottom: 0.875rem;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 98%, 0.5);
  line-height: 1.5rem;
  text-align: left;
  white-space: pre-wrap;
}
.wanted__input {
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  width: 100%;
  height: 3rem;
  color: #fbfbfb;
  background: #212121;
  border: 1px solid #2e2e2e;
  padding: 0 1rem;
  margin-top: 2rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  margin-top: 0;
  margin-bottom: 1.5625rem;
}
.wanted__input::-webkit-outer-spin-button, .wanted__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.wanted__input:focus {
  background-color: #0d0d0d;
}
.wanted.custom {
  margin-top: 1.5625rem;
}
.wanted .buttons-container {
  margin-top: 0.3125rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 0.375rem;
}
.wanted .buttons-container__button-cancel, .wanted .buttons-container__button-accept {
  text-align: center;
  padding: 0.1875rem 0.625rem;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  width: 50%;
  min-height: 3rem;
  color: #fff;
  background: hsla(0, 0%, 100%, 0.08);
  color: hsla(0, 0%, 100%, 0.5);
  transition: 0.2s ease;
  transition-property: color, background-color;
  cursor: pointer;
  border-radius: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wanted .buttons-container__button-cancel:hover, .wanted .buttons-container__button-accept:hover {
  background: #fff;
  color: #000;
}
.gas-station {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.7777777778vh;
  border-radius: 1.8518518519vh;
  overflow: hidden;
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgba(var(--gasSt-bg), 1);
}
.gas-station * {
  font-family: "ProximaNova", sans-serif;
}
.gas-station.LimitedLtd {
  --gasSt-main: 71, 74, 202;
}
.gas-station.GlobeOil {
  --gasSt-main: 182, 0, 0 ;
}
.gas-station.XEro {
  --gasSt-main: 0, 169, 202 ;
}
.gas-station.Ron {
  --gasSt-main: 255, 117, 0 ;
}
.gas-station.light {
  --gasSt-bg: 248, 248, 248;
  --gasSt-txt: 16, 16, 16;
  --gasSt-bg-cont: 255, 255, 255;
  --gasSt-bg-btn: 236, 236, 236;
  --gasSt-bg-hov: 242, 242, 242;
}
.gas-station.light .scale-main::before {
  background: 50%/contain url(/src/views/eternal-dev/businesses/gas-station/images/light/scale-background.svg) no-repeat, linear-gradient(rgba(var(--gasSt-bg), 1), rgba(var(--gasSt-bg), 1) 80%, rgba(var(--gasSt-bg), 0));
}
.gas-station.dark {
  --gasSt-bg: 22, 22, 22;
  --gasSt-txt: 255, 255, 255;
  --gasSt-bg-cont: 20, 20, 20;
  --gasSt-bg-btn: 32, 32, 32;
  --gasSt-bg-hov: 26, 26, 26;
}
.gas-station.dark .scale-main::before {
  background: 50%/contain url(/src/views/eternal-dev/businesses/gas-station/images/dark/scale-background.svg) no-repeat, linear-gradient(rgba(var(--gasSt-bg), 1), rgba(var(--gasSt-bg), 1) 80%, rgba(var(--gasSt-bg), 0));
}
.gas-station .header {
  padding: 3.7037037037vh 3.7037037037vh 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.gas-station .header-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gas-station .header-side:first-child {
  align-items: flex-start;
}
.gas-station .header-side:last-child {
  align-items: flex-end;
}
.gas-station .header-side__cross {
  display: block;
  border-radius: 0.3703703704vh;
  padding: 0.6481481481vh;
  border: 0.0925925926vh solid rgba(var(--gasSt-txt), 0.4);
  background-color: transparent;
  outline: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.gas-station .header-side__cross:hover {
  background-color: rgba(var(--gasSt-main), 1);
  border-color: rgba(var(--gasSt-main), 1);
}
.gas-station .header-side__cross:hover svg {
  fill: #fff;
}
.gas-station .header-side__cross svg {
  display: block;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  fill: rgba(var(--gasSt-txt), 0.4);
  transition: fill 0.2s ease;
}
.gas-station .header-side .data {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.8518518519vh;
}
.gas-station .header-side .data-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.7407407407vh;
}
.gas-station .header-side .data-item p {
  font-size: 1.2962962963vh;
  font-weight: 500;
  line-height: 1.2962962963vh;
  color: rgba(var(--gasSt-txt), 0.7);
}
.gas-station .header-side .data-item__state {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.gas-station .header-side .data-item__state p {
  font-size: 1.2962962963vh;
  font-weight: 900;
  line-height: 1.2962962963vh;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .header-side .data-item__state svg {
  display: block;
  width: 1.1111111111vh;
  height: 1.2962962963vh;
  fill: rgba(var(--gasSt-txt), 0.4);
}
.gas-station .header-side .station {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9259259259vh;
}
.gas-station .header-side .station img {
  display: block;
  width: 6.6666666667vh;
  height: 6.6666666667vh;
  pointer-events: none;
}
.gas-station .header-side .station-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vh;
}
.gas-station .header-side .station-main p {
  font-size: 1.4814814815vh;
  font-weight: 900;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .header-side .station-main__data {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.gas-station .header-side .station-main__data svg {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: rgba(var(--gasSt-txt), 0.7);
}
.gas-station .header-side .station-main__data p {
  font-size: 1.2962962963vh;
  font-weight: 500;
  line-height: 1.2962962963vh;
  color: rgba(var(--gasSt-txt), 0.7);
}
.gas-station .header-side__car {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1111111111vh;
}
.gas-station .header-side__car p {
  font-size: 1.2962962963vh;
  line-height: 1.2962962963vh;
}
.gas-station .header-side__car p:first-child {
  font-weight: 500;
  color: rgba(var(--gasSt-txt), 0.7);
}
.gas-station .header-side__car p:not(:first-child) {
  font-weight: 900;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .header .scale {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  width: 42.2222222222vh;
  height: 22.5925925926vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transition: opacity 0.2s ease;
}
.gas-station .header .scale.transparent {
  opacity: 0.4;
}
.gas-station .header .scale-main {
  position: relative;
  width: 41.8518518519vh;
  height: 20.9259259259vh;
  padding: 0.1851851852vh 0.1851851852vh 0;
}
.gas-station .header .scale-main::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask: center/contain url(/src/views/eternal-dev/businesses/gas-station/images/scale-mask.svg) no-repeat;
  mask: center/contain url(/src/views/eternal-dev/businesses/gas-station/images/scale-mask.svg) no-repeat;
}
.gas-station .header .scale-main svg {
  position: absolute;
  display: block;
  width: 41.8518518519vh;
  height: 20.8333333333vh;
  left: 0;
  top: 0;
}
.gas-station .header .scale-main svg circle:last-child {
  stroke: rgba(var(--gasSt-txt), 0.1);
}
.gas-station .header .scale-main svg circle:first-child {
  stroke: rgba(var(--gasSt-main), 1);
}
.gas-station .header .scale-data {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 3.7037037037vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.gas-station .header .scale-data__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.8518518519vh;
}
.gas-station .header .scale-data__main-type {
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
}
.gas-station .header .scale-data__main-type > p {
  font-size: 1.6666666667vh;
  line-height: 1.6666666667vh;
  color: rgba(var(--gasSt-txt), 1);
  font-weight: 500;
}
.gas-station .header .scale-data__main-type > p.uppercase {
  text-transform: uppercase;
}
.gas-station .header .scale-data__main-type svg {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: rgba(var(--gasSt-txt), 0.5);
}
.gas-station .header .scale-data__main > p {
  font-size: 1.6666666667vh;
  line-height: 1.6666666667vh;
  color: rgba(var(--gasSt-txt), 1);
  font-weight: 900;
}
.gas-station .header .scale-data__images {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.gas-station .header .scale-data__images svg {
  display: block;
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  fill: rgba(var(--gasSt-txt), 0.5);
}
.gas-station .header .scale-data__images img {
  display: block;
  max-width: 25.462962963vh;
  max-height: 12.2222222222vh;
}
.gas-station .content {
  padding: 2.7777777778vh 3.7037037037vh 3.7037037037vh;
  border-radius: 4.6296296296vh 4.6296296296vh 0 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.7777777778vh;
  background-color: rgba(var(--gasSt-bg-cont), 1);
}
.gas-station .content::before {
  order: 2;
  display: block;
  content: "";
  height: 0.0925925926vh;
  background-color: rgba(var(--gasSt-txt), 0.1);
}
.gas-station .content-wrapper {
  position: relative;
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2.7777777778vh;
  transition: opacity 0.2s ease;
}
.gas-station .content-wrapper.transparent {
  opacity: 0.4;
  pointer-events: none;
}
.gas-station .content-type {
  display: flex;
  align-items: stretch;
  gap: 0.9259259259vh;
}
.gas-station .content-type .type {
  position: relative;
  width: 17.2222222222vh;
  height: 7.962962963vh;
  border: 0.0925925926vh solid rgba(var(--gasSt-txt), 0.1);
  border-radius: 0.9259259259vh;
  background-color: rgba(var(--gasSt-bg), 1);
  padding: 1.3888888889vh 1.7592592593vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  transition: background-color 0.2s ease;
}
.gas-station .content-type .type-data {
  display: flex;
  flex-direction: column;
  gap: 1.2962962963vh;
}
.gas-station .content-type .type-data > p {
  text-transform: uppercase;
  font-size: 1.6666666667vh;
  font-weight: 500;
  line-height: 1.6666666667vh;
  color: rgba(var(--gasSt-txt), 1);
  transition: color 0.2s ease;
}
.gas-station .content-type .type-data__price {
  padding-right: 0.9259259259vh;
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  background-color: rgba(var(--gasSt-txt), 0.05);
  border-radius: 0.9259259259vh;
  overflow: hidden;
  transition: background-color 0.2s ease;
}
.gas-station .content-type .type-data__price svg {
  display: block;
  width: 2.037037037vh;
  height: 2.037037037vh;
}
.gas-station .content-type .type-data__price svg path:first-child {
  fill: rgba(var(--gasSt-main), 1);
}
.gas-station .content-type .type-data__price svg path:last-child {
  fill: #fff;
}
.gas-station .content-type .type-data__price p {
  font-size: 1.4814814815vh;
  font-weight: 900;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 1);
  transition: color 0.2s ease;
}
.gas-station .content-type .type::after {
  position: absolute;
  content: "";
  width: 0.7407407407vh;
  height: 0.7407407407vh;
  top: 0.8333333333vh;
  right: 0.8333333333vh;
  border-radius: 50%;
}
.gas-station .content-type .type.locked:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--gasSt-bg), 0.8);
}
.gas-station .content-type .type.absent {
  pointer-events: none;
}
.gas-station .content-type .type.absent .type-data {
  opacity: 0.4;
}
.gas-station .content-type .type.absent::after {
  background-color: #d00 !important;
  box-shadow: inset 0 0 0.0925925926vh 0 rgba(255, 78, 78, 0.7) !important;
  filter: drop-shadow(0 0 0.3703703704vh rgba(221, 0, 0, 0.4)) !important;
}
.gas-station .content-type .type.stock::after {
  background-color: #01c600;
  box-shadow: inset 0 0 0.0925925926vh 0 rgba(152, 255, 152, 0.7);
  filter: drop-shadow(0 0 0.3703703704vh rgba(1, 198, 0, 0.4));
}
.gas-station .content-type .type.selected {
  background-color: rgba(var(--gasSt-main), 1);
}
.gas-station .content-type .type.selected .type-data__price {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.gas-station .content-type .type.selected .type-data__price > svg path:first-child {
  fill: #fff;
}
.gas-station .content-type .type.selected .type-data__price > svg path:last-child {
  fill: rgba(var(--gasSt-main), 1);
}
.gas-station .content-type .type.selected .type-data__price > p {
  color: #fff;
}
.gas-station .content-type .type.selected .type-data > p {
  color: #fff;
}
.gas-station .content-type .type.selected .type-data > svg {
  fill: #fff;
}
.gas-station .content-type .type:not(.locked):not(.selected):hover {
  background-color: rgba(var(--gasSt-bg-hov), 1);
}
.gas-station .content-action {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.9259259259vh;
  transition: opacity 0.2s ease;
}
.gas-station .content-action.transparent {
  opacity: 0.4;
  pointer-events: none;
}
.gas-station .content-action .action {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: stretch;
  background-color: rgba(var(--gasSt-bg-cont), 1);
  border: 0.0925925926vh solid rgba(var(--gasSt-txt), 0.1);
  border-radius: 0.7407407407vh;
  overflow: hidden;
}
.gas-station .content-action .action-main {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: stretch;
}
.gas-station .content-action .action-main__part {
  flex-shrink: 0;
  flex-grow: 0;
  width: 10vh;
  padding: 1.6666666667vh 1.1111111111vh;
  background-color: rgba(var(--gasSt-bg-btn), 0.5);
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.gas-station .content-action .action-main__part svg {
  display: block;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}
.gas-station .content-action .action-main__part svg path:first-child {
  fill: rgba(var(--gasSt-main), 1);
}
.gas-station .content-action .action-main__part svg path:last-child {
  fill: #fff;
}
.gas-station .content-action .action-main__part > p {
  font-size: 1.6666666667vh;
  font-weight: 900;
  color: rgba(var(--gasSt-txt), 1);
  line-height: 1.6666666667vh;
}
.gas-station .content-action .action-main__part-main {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.gas-station .content-action .action-main__part-main input {
  display: block;
  width: 100%;
  background-color: transparent;
  font-size: 1.6666666667vh;
  font-weight: 900;
  color: rgba(var(--gasSt-txt), 1);
  line-height: 1.6666666667vh;
  border: none;
  outline: none;
  text-align: end;
}
.gas-station .content-action .action-main__part-main p {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 1.6666666667vh;
  font-weight: 900;
  color: rgba(var(--gasSt-txt), 0.5);
  line-height: 1.6666666667vh;
}
.gas-station .content-action .action-main__input {
  width: 15.9259259259vh !important;
  margin: 0 1.8518518519vh;
  height: 5.376vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gas-station .content-action .action-main__input .rangeSlider {
  height: 0.1851851852vh !important;
  width: 100%;
  margin: 0;
  background-color: rgba(var(--gasSt-txt), 0.1) !important;
}
.gas-station .content-action .action-main__input .rangeSlider .rangeHandle {
  width: 1.4814814815vh !important;
  height: 1.4814814815vh !important;
  border-radius: 50% !important;
  border: 0.1851851852vh solid rgba(var(--gasSt-main), 1) !important;
  background-color: #fff !important;
  top: 0 !important;
}
.gas-station .content-action .action-main__input .rangeSlider .rangeHandle::before {
  box-shadow: none !important;
}
.gas-station .content-action .action-main__input .rangeSlider .rangeHandle .rangeNub {
  background: none !important;
}
.gas-station .content-action .action-main__input .rangeSlider .rangeBar {
  height: 100% !important;
  background-color: rgba(var(--gasSt-main), 1) !important;
}
.gas-station .content-action .action-button {
  flex-shrink: 0;
  flex-grow: 0;
  width: 6.1111111111vh;
  padding: 1.6666666667vh 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  border-left: 0.0925925926vh solid rgba(var(--gasSt-txt), 0.1);
  background-color: rgba(var(--gasSt-bg-btn), 1);
  font-size: 1.6666666667vh;
  font-weight: 500;
  line-height: 1.6666666667vh;
  color: rgba(var(--gasSt-txt), 0.8);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.gas-station .content-action .action-button:hover {
  border-color: rgba(var(--gasSt-main), 1);
  background-color: rgba(var(--gasSt-main), 1);
  color: #fff;
}
.gas-station .content-action__buttons {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 0.9259259259vh;
}
.gas-station .content-action__buttons-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vh;
  border: none;
  outline: none;
  padding: 1.7592592593vh 0;
  background-color: rgba(var(--gasSt-bg-btn), 1);
  border-radius: 0.7407407407vh;
  transition: background-color 0.2s ease;
}
.gas-station .content-action__buttons-item:hover {
  background-color: rgba(var(--gasSt-main), 1);
}
.gas-station .content-action__buttons-item:hover p {
  color: #fff;
}
.gas-station .content-action__buttons-item:hover svg {
  fill: #fff;
}
.gas-station .content-action__buttons-item svg {
  display: block;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  fill: rgba(var(--gasSt-txt), 0.25);
  transition: fill 0.2s ease;
}
.gas-station .content-action__buttons-item p {
  font-size: 1.6666666667vh;
  font-weight: 500;
  line-height: 1.6666666667vh;
  color: rgba(var(--gasSt-txt), 0.8);
  transition: color 0.2s ease;
}
.gas-station .content-product {
  order: 3;
  display: flex;
  align-items: stretch;
  gap: 0.9259259259vh;
}
.gas-station .content-product .product {
  position: relative;
  width: 21.7592592593vh;
  height: 19.4444444444vh;
  border-radius: 0.9259259259vh;
  background-color: rgba(var(--gasSt-bg), 1);
  border: 0.0925925926vh solid rgba(var(--gasSt-txt), 0.1);
  overflow: hidden;
  padding: 1.5740740741vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.gas-station .content-product .product.absent .product-popup {
  align-items: center;
  gap: 0.5555555556vh;
  opacity: 1;
}
.gas-station .content-product .product.absent .product-popup > svg {
  display: block;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  fill: rgba(var(--gasSt-txt), 0.5);
}
.gas-station .content-product .product p {
  font-size: 1.4814814815vh;
  font-weight: 500;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .content-product .product-main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.8518518519vh;
}
.gas-station .content-product .product-main img {
  display: block;
  height: 8.1481481481vh;
  align-self: center;
}
.gas-station .content-product .product-main__data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gas-station .content-product .product-main__data-price {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  padding-right: 0.9259259259vh;
  background-color: rgba(var(--gasSt-txt), 0.05);
  border-radius: 1.1111111111vh;
}
.gas-station .content-product .product-main__data-price svg {
  display: block;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
}
.gas-station .content-product .product-main__data-price svg path:first-child {
  fill: rgba(var(--gasSt-main), 1);
}
.gas-station .content-product .product-main__data-price svg path:last-child {
  fill: #fff;
}
.gas-station .content-product .product-main__data-price p {
  font-size: 1.4814814815vh;
  font-weight: 900;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .content-product .product-main__data-weight {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.gas-station .content-product .product-main__data-weight p {
  font-size: 1.4814814815vh;
  font-weight: 500;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 1);
}
.gas-station .content-product .product-main__data-weight svg {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}
.gas-station .content-product .product-main__data-weight svg rect {
  fill: rgba(var(--gasSt-txt), 0.2);
}
.gas-station .content-product .product-main__data-weight svg path {
  fill: #fff;
}
.gas-station .content-product .product:hover .product-popup {
  opacity: 1;
}
.gas-station .content-product .product-popup {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1.6666666667vh;
  background-color: rgba(var(--gasSt-bg), 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.3703703704vh;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.gas-station .content-product .product-popup__button {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2037037037vh 0;
  border: none;
  outline: none;
  border-radius: 0.7407407407vh;
  background-color: rgba(var(--gasSt-bg-btn), 1);
  gap: 1.1111111111vh;
  transition: background-color 0.2s ease;
}
.gas-station .content-product .product-popup__button:hover {
  background-color: rgba(var(--gasSt-main), 1);
}
.gas-station .content-product .product-popup__button:hover svg {
  fill: #fff;
}
.gas-station .content-product .product-popup__button:hover p {
  color: #fff;
}
.gas-station .content-product .product-popup__button svg {
  display: block;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  fill: rgba(var(--gasSt-txt), 0.25);
  transition: fill 0.2s ease;
}
.gas-station .content-product .product-popup__button p {
  font-size: 1.4814814815vh;
  font-weight: 500;
  line-height: 1.4814814815vh;
  color: rgba(var(--gasSt-txt), 0.8);
  transition: color 0.2s ease;
}
.creatorBlips {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--e-background));
  padding: 1.5vh;
  border-radius: 0.5vh;
  display: flex;
  gap: 1.5vh;
  transition: width 0.2s;
  overflow: hidden;
  width: 53vh;
}
.creatorBlips * {
  font-family: "ProximaNova", sans-serif;
}
.creatorBlips.showed {
  width: 84.5vh;
}
.creatorBlips .modal {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(var(--e-background), 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
.creatorBlips .modal-container {
  position: relative;
  background: rgba(var(--e-background));
  padding: 1vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1vh;
  width: 30vh;
  border-radius: 0.5vh;
}
.creatorBlips .modal-container .name {
  font-size: 1.65vh;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.creatorBlips .modal-container .input {
  background: rgba(255, 255, 255, 0.05);
  padding: 1vh;
  width: 100%;
  border-radius: 0.5vh;
}
.creatorBlips .modal-container .input input {
  width: 100%;
  height: 100%;
  background: none;
  outline: none;
  border: none;
  color: #fff;
  font-size: 1.5vh;
  text-align: center;
}
.creatorBlips .header {
  display: flex;
  flex-direction: column;
  width: 30vh;
}
.creatorBlips .header .headline {
  font-size: 2vh;
  font-weight: 800;
  color: #fff;
}
.creatorBlips .header .description {
  font-size: 1.25vh;
  color: rgba(255, 255, 255, 0.25);
}
.creatorBlips .buttons {
  display: flex;
  flex-direction: column;
  gap: 1vh;
  margin-top: auto;
  width: 100%;
}
.creatorBlips .buttons-button {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  text-align: center;
  padding: 1vh;
  border-radius: 0.5vh;
  font-size: 1.5vh;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s;
  transition-property: background, box-shadow;
}
.creatorBlips .buttons-button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.creatorBlips .buttons-button.submit {
  background: rgba(var(--e-main));
  font-weight: 800;
  color: #000;
}
.creatorBlips .buttons-button.submit:hover {
  box-shadow: 0 0 2vh rgba(var(--e-main), 0.25);
}
.creatorBlips .content {
  height: 50vh;
  gap: 1.5vh;
  display: flex;
  flex-direction: column;
}
.creatorBlips .content .list {
  display: flex;
  flex-direction: column;
  width: 50vh;
  gap: 1vh;
}
.creatorBlips .content .list .blip-block {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  padding: 1.5vh 2vh;
  border-radius: 0.5vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: background 0.2s;
  cursor: pointer;
}
.creatorBlips .content .list .blip-block:hover {
  background: rgba(255, 255, 255, 0.1);
}
.creatorBlips .content .list .blip-block.selected {
  background: rgba(255, 255, 255, 0.15);
}
.creatorBlips .content .list .blip-id {
  position: absolute;
  color: #fff;
  font-size: 5vh;
  font-weight: 600;
  font-style: italic;
  left: -2vh;
  opacity: 0.05;
  z-index: -1;
}
.creatorBlips .content .list .blip-name {
  display: flex;
  gap: 1vh;
  font-size: 1.5vh;
  color: #fff;
}
.creatorBlips .content .list .blip-name p {
  color: rgba(var(--e-main));
  font-weight: 800;
}
.creatorBlips .content .list .blip-remove {
  margin-left: auto;
  width: 2vh;
  height: 2vh;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(255, 255, 255, 0.25);
  line-height: 120%;
  font-size: 1.5vh;
  transition: 0.2s;
  transition-property: background, color;
  cursor: pointer;
}
.creatorBlips .content .list .blip-remove:hover {
  background: rgba(var(--e-main));
  color: #000;
}
.creatorBlips .control {
  height: 50vh;
  gap: 1.5vh;
  display: flex;
  flex-direction: column;
}
.creatorBlips .control .settings {
  display: flex;
  flex-direction: column;
  gap: 1vh;
  overflow-y: auto;
}
.creatorBlips .control .settings::-webkit-scrollbar {
  display: none;
}
.creatorBlips .control .settings-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.creatorBlips .control .settings-block .data {
  display: flex;
  flex-direction: column;
}
.creatorBlips .control .settings-block .data .label {
  font-size: 1.25vh;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.25);
}
.creatorBlips .control .settings-block .data .value {
  font-size: 1.5vh;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.creatorBlips .control .settings-block .action {
  background: rgba(var(--e-main));
  padding: 0.5vh 1.5vh;
  font-size: 1.35vh;
  font-weight: 500;
  border-radius: 0.5vh;
  transition: 0.2s;
  transition-property: box-shadow;
  cursor: pointer;
}
.creatorBlips .control .settings-block .action:hover {
  box-shadow: 0 0 2vh rgba(var(--e-main), 0.25);
}
.marketPlace .user-info {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.marketPlace .user-info .money-info {
  display: flex;
  flex-direction: column;
  gap: 0.3703703704vh;
  align-items: flex-end;
}
.marketPlace .user-info .money-info .row {
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
  height: 1.5740740741vh;
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .user-info .money-info .row .cents {
  opacity: 0.5;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .user-info .money-info .row.bank svg {
  opacity: 0.25;
}
.marketPlace .user-info .money-info .row svg {
  height: 1.2962962963vh;
  max-height: 1.2962962963vh;
  min-height: 1.2962962963vh;
  width: 1.2962962963vh;
  max-width: 1.2962962963vh;
  min-width: 1.2962962963vh;
}
.marketPlace .user-info .create-button {
  width: 11.4814814815vh;
  height: 3.8888888889vh;
  margin-left: 2.7777777778vh;
}
.marketPlace .user-info .create-button button {
  width: 7.75rem;
  height: 2.625rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  --color: #fcfcfc;
  --background-color: #3d82d5;
  --color-hover: #fcfcfc;
  --background-color-hover: #346fb5;
  justify-content: flex-start;
  gap: 0.625rem;
  padding: 0 0.9375rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  color: var(--color);
  background-color: var(--background-color);
}
.marketPlace .user-info .create-button button:hover {
  cursor: pointer;
  color: var(--color-hover);
  background-color: var(--background-color-hover);
}
.marketPlace .user-info .create-button button svg {
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  max-width: 0.875rem;
  min-width: 0.875rem;
}
.marketPlace .user-info .avatar {
  margin-left: 1.6666666667vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.462962963vh;
}
.marketPlace .user-info .avatar img {
  border-radius: 0.7407407407vh;
  height: 3.5185185185vh;
  max-height: 3.5185185185vh;
  min-height: 3.5185185185vh;
  width: 3.5185185185vh;
  max-width: 3.5185185185vh;
  min-width: 3.5185185185vh;
  pointer-events: none;
}
.store-select {
  width: 21.2962962963vh;
  position: relative;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.store-select.selected .store-select__input {
  background-color: #fff;
  color: #000;
}
.store-select.selected .store-select__input__icon svg {
  opacity: 1;
}
.store-select.selected .store-select__input__icon svg path, .store-select.selected .store-select__input__icon svg circle {
  fill: #3d82d5;
}
.store-select__input {
  height: 2.625rem;
  padding: 0 2.5rem 0 0.875rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  gap: 0.75rem;
  position: relative;
  background-color: #fafafa;
  color: hsla(0, 0%, 6%, 0.5);
  border-radius: 0.375rem;
  border: 0.0625rem solid #e8e8e8;
}
.store-select__input:hover {
  background-color: #f0f0f0 !important;
  color: #101010;
  cursor: pointer;
}
.store-select__input:hover svg {
  opacity: 1;
}
.store-select__input.opened {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fff;
  color: #101010;
  box-shadow: 0 0.375rem 0.625rem rgba(0, 0, 0, 0.05);
}
.store-select__input__icon {
  width: 0.875rem;
  height: auto;
  max-height: 0.875rem;
  display: grid;
}
.store-select__input__icon svg {
  width: 0.875rem;
  height: auto;
  max-height: 0.875rem;
  min-width: 0.875rem;
  min-height: 0.875rem;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.store-select__input__arrow {
  position: absolute;
  right: 1.25rem;
  transition: all 0.2s;
  display: grid;
}
.store-select__input__arrow svg {
  margin-top: 0.3125rem;
  width: 0.75rem;
  height: 0.375rem;
  min-width: 0.875rem;
  min-height: 0.875rem;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.store-select__input input {
  width: 90%;
  background: transparent;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.store-select__input input:-moz-read-only {
  pointer-events: none;
}
.store-select__input input:read-only {
  pointer-events: none;
}
.store-select__options {
  position: absolute;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 16.125rem;
  width: inherit;
  border: 0.0625rem solid #e8e8e8;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  box-shadow: 0 0.375rem 0.625rem rgba(0, 0, 0, 0.05);
}
.store-select__options::-webkit-scrollbar {
  width: 0.1875rem;
  background-color: #e8e8e8;
}
.store-select__options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.store-select__options__row {
  width: 100%;
  height: 2.625rem;
  padding: 0 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: background-color 0.2s ease-in-out;
  color: #101010;
  background-color: #fafafa;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.store-select__options__row:hover {
  background-color: #efefef;
  color: #101010;
  cursor: pointer;
}
.store-select__options__row span {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.store-select__options__row span.highlighted {
  color: #3d82d5;
}
.store-select__options__row .icon {
  width: 0.875rem;
  min-width: 0.875rem;
  height: auto;
  max-height: 0.875rem;
}
.marketPlace .page-data.auction .business-info {
  position: relative;
  width: 100%;
}
.marketPlace .page-data.auction .business-info .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  font-size: 2.037037037vh;
  line-height: 2.5vh;
}
.marketPlace .page-data.auction .business-info .title .price {
  white-space: nowrap;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.marketPlace .page-data.auction .business-info .additional-info {
  margin-top: 1.3888888889vh;
  text-align: center;
}
.marketPlace .page-data.auction .business-info .additional-info__label {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .page-data.auction .business-info .additional-info__value {
  color: #101010;
  font-weight: 900;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row {
  text-align: center;
  line-height: 1.8518518519vh;
  margin-top: 1.3888888889vh;
  gap: 1.8518518519vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  display: flex;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row.first {
  margin-top: 1.8518518519vh;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row .column {
  display: flex;
  gap: 0.7407407407vh;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row .gov-price {
  margin-left: auto;
  display: flex;
  gap: 0.7407407407vh;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.8518518519vh;
  color: #101010;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row .gov-price__label {
  opacity: 0.5;
}
.marketPlace .page-data.auction .business-info .additional-info__second-row .gov-price__value {
  font-weight: 900;
}
.marketPlace .state-info {
  text-align: left;
  margin-top: 2.8703703704vh;
}
.marketPlace .state-info__title {
  color: hsla(0, 0%, 6%, 0.85);
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 2.037037037vh;
}
.marketPlace .state-info__cards {
  margin-top: 1.6666666667vh;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.9259259259vh;
}
.marketPlace .state-info__cards .card {
  height: 8.3333333333vh;
  max-height: 8.3333333333vh;
  min-height: 8.3333333333vh;
  width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 1.4814814815vh;
  border-radius: 0.5555555556vh;
  background-color: #fcfcfc;
  border: 0.0625rem solid #e8e8e8;
  display: flex;
  flex-direction: column;
}
.marketPlace .state-info__cards .card__title {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #101010;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marketPlace .state-info__cards .card__value {
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
  white-space: nowrap;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
  margin-top: auto;
}
.marketPlace .state-info__cards .card__value .vehicle-icon {
  display: flex;
}
.marketPlace .state-info__cards .card__value .vehicle-icon svg {
  height: 1.3888888889vh;
  max-height: 1.3888888889vh;
  min-height: 1.3888888889vh;
  width: 1.3888888889vh;
  max-width: 1.3888888889vh;
  min-width: 1.3888888889vh;
}
.marketPlace .page-data.auction .vehicle-info {
  position: relative;
  width: 100%;
}
.marketPlace .page-data.auction .vehicle-info .additional-info {
  text-align: center;
  margin-top: 1.85185vh;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__date {
  gap: 0.740741vh;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__second-row {
  text-align: center;
  margin-top: 1.38889vh;
  gap: 1.85185vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  line-height: 1.57407vh;
  display: flex;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__second-row .column {
  display: flex;
  gap: 0.740741vh;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__label {
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .page-data.auction .vehicle-info .additional-info__value {
  color: rgb(16, 16, 16);
  font-weight: 900;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__counters {
  margin-left: auto;
  color: rgba(15, 15, 15, 0.5);
  display: flex;
  gap: 1.38889vh;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__counters .counter {
  display: flex;
  align-items: center;
  gap: 0.555556vh;
}
.marketPlace .page-data.auction .vehicle-info .additional-info__counters .counter svg {
  opacity: 0.25;
  width: 1.2963vh;
  height: 1.2963vh;
}
.marketPlace .page-data.auction .vehicle-info .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  font-size: 2.03704vh;
  line-height: 2.5vh;
}
.marketPlace .page-data.auction .vehicle-info .title .price {
  white-space: nowrap;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.648148vh;
  text-transform: lowercase;
}
.marketPlace .page-data.auction .vehicle-info .title .price__gray {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .page-data.auction .vehicle-info .title .price__second-part {
  color: rgb(61, 130, 213);
}
.marketPlace .page-data.auction .vehicle-info .title .price__arrow-icon {
  margin-left: 0.555556vh;
  height: 0.925926vh;
  width: 0.555556vh;
}
.marketPlace .page-data.auction .vehicle-info .badges {
  display: flex;
  gap: 1.85185vh;
  align-items: center;
  margin-top: 1.38889vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .gov-price {
  margin-left: auto;
  display: flex;
  gap: 0.740741vh;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.48148vh;
  line-height: 1.85185vh;
  color: rgb(16, 16, 16);
}
.marketPlace .page-data.auction .vehicle-info .badges .gov-price__label {
  opacity: 0.5;
}
.marketPlace .page-data.auction .vehicle-info .badges .gov-price__value {
  font-weight: 900;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type {
  display: flex;
  align-items: center;
  gap: 0.740741vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__icon {
  opacity: 0.25;
  width: 1.66667vh;
  height: 1.66667vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge {
  width: 5.37037vh;
  height: 1.85185vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.277778vh;
  font-weight: 500;
  font-style: normal;
  font-size: 0.925926vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge-regular {
  background-color: #6b6b6b;
  color: #fcfcfc;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge-premium {
  background-color: #c14242;
  color: #fff;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge-plus {
  background-color: #3d82d5;
  color: #fff;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge-diesel {
  background-color: #849d63;
  color: #fff;
}
.marketPlace .page-data.auction .vehicle-info .badges .gas-type__badge-electro {
  background-color: #00cf92;
  color: #fcfcfc;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.648148vh;
  height: 2.59259vh;
  padding: 0px 0.648148vh;
  border-radius: 0.37037vh;
  background-color: rgb(239, 239, 239);
  color: rgb(16, 16, 16);
  font-weight: 900;
  font-style: normal;
  font-size: 1.2037vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge.mileage {
  padding-right: 0.833333vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge.kg {
  gap: 0.462963vh;
  padding-left: 0.925926vh;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge.kg svg path {
  fill: rgb(252, 252, 252);
}
.marketPlace .page-data.auction .vehicle-info .badges .badge.kg svg rect {
  fill: rgb(61, 130, 213);
  opacity: 1;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge svg {
  width: 1.2963vh;
  height: 1.2963vh;
  opacity: 1;
}
.marketPlace .page-data.auction .vehicle-info .badges .badge svg path {
  fill: rgb(61, 130, 213);
}
.marketPlace .page-data.auction .house-info {
  position: relative;
  width: 100%;
}
.marketPlace .page-data.auction .house-info .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  font-size: 2.03704vh;
  line-height: 2.5vh;
}
.marketPlace .page-data.auction .house-info .title .price {
  white-space: nowrap;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.marketPlace .page-data.auction .house-info .title .price__second-part {
  color: rgb(61, 130, 213);
}
.marketPlace .page-data.auction .house-info .title .price__arrow-icon {
  margin-left: 0.555556vh;
  height: 0.925926vh;
  width: 0.555556vh;
}
.marketPlace .page-data.auction .house-info .badges {
  display: flex;
  gap: 0.462963vh;
  align-items: center;
  margin-top: 1.38889vh;
}
.marketPlace .page-data.auction .house-info .badges .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.648148vh;
  padding: 0.648148vh 0.925926vh 0.648148vh 0.648148vh;
  border-radius: 0.37037vh;
  background-color: rgb(239, 239, 239);
  color: rgb(16, 16, 16);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2037vh;
  line-height: 1.48148vh;
}
.marketPlace .page-data.auction .house-info .badges .badge svg {
  width: 1.2963vh;
  height: 1.2963vh;
  opacity: 0.5;
}
.marketPlace .page-data.auction .house-info .badges .badge svg path {
  fill: rgb(16, 16, 16);
}
.marketPlace .page-data.auction .house-info .badges .gov-price {
  margin-left: auto;
  display: flex;
  gap: 0.740741vh;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.48148vh;
  line-height: 1.85185vh;
  color: rgb(16, 16, 16);
}
.marketPlace .page-data.auction .house-info .badges .gov-price__label {
  opacity: 0.5;
}
.marketPlace .page-data.auction .house-info .badges .gov-price__value {
  font-weight: 900;
}
.marketPlace .page-data.auction .house-info .additional-info {
  text-align: center;
  margin-top: 1.85185vh;
}
.marketPlace .page-data.auction .house-info .additional-info__label {
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .page-data.auction .house-info .additional-info__value {
  color: rgb(16, 16, 16);
  font-weight: 900;
}
.marketPlace .page-data.auction .house-info .additional-info__date {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  line-height: 1.57407vh;
  display: flex;
  gap: 0.740741vh;
}
.marketPlace .page-data.auction .house-info .additional-info__counters {
  margin-left: auto;
  color: rgba(15, 15, 15, 0.5);
  display: flex;
  gap: 1.38889vh;
}
.marketPlace .page-data.auction .house-info .additional-info__counters .counter {
  display: flex;
  align-items: center;
  gap: 0.555556vh;
}
.marketPlace .page-data.auction .house-info .additional-info__counters .counter svg {
  opacity: 0.25;
  width: 1.2963vh;
  height: 1.2963vh;
}
.marketPlace .page-data.auction .house-info .additional-info__second-row {
  text-align: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  line-height: 1.85185vh;
  margin-top: 1.38889vh;
  display: flex;
  gap: 1.85185vh;
}
.marketPlace .page-data.auction .house-info .additional-info__second-row .column {
  display: flex;
  gap: 0.740741vh;
}
.marketPlace .page-data.auction .content {
  display: flex;
  padding: 1.875rem 2.5rem 2.5rem 1.875rem;
}
.marketPlace .page-data .content .left-side {
  background-color: #fff;
  border: 0.0625rem solid #e8e8e8;
  border-radius: 0.5rem 0 0 0.5rem;
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  height: 100%;
}
.marketPlace .page-data .content .left-side .lot-info__header {
  height: 17.5rem;
  max-height: 17.5rem;
  min-height: 17.5rem;
  width: 100%;
  border-top-left-radius: 0.5rem;
  position: relative;
  background-color: hsla(0, 0%, 6%, 0.1);
  border-bottom: 0.0625rem solid #e8e8e8;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto 12.5rem;
}
.marketPlace .page-data .content .left-side .lot-info__header-house, .marketPlace .page-data .content .left-side .lot-info__header-business {
  background-size: cover;
}
.marketPlace .page-data .content .left-side .lot-info__header__badges {
  position: absolute;
  top: 0.9375rem;
  left: 0.9375rem;
  display: flex;
  gap: 0.3125rem;
}
.marketPlace .page-data .content .left-side .lot-info__header__badges .badge {
  background-color: #fcfcfc;
  border-radius: 0.25rem;
  display: flex;
  gap: 0.4375rem;
  align-items: center;
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1rem;
  padding: 0.4375rem 0.625rem 0.4375rem 0.4375rem;
}
.marketPlace .page-data .content .left-side .lot-info__header__badges .badge svg {
  height: 0.875rem;
  width: 0.875rem;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button {
  z-index: 4;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  position: absolute;
  visibility: visible;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  background-color: hsla(0, 0%, 94%, 0.8);
  top: 0.9375rem;
  right: 1.25rem;
  cursor: pointer;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button svg {
  transition: all 0.2s ease-in-out;
  opacity: 0.35;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button svg path {
  transition: all 0.2s ease-in-out;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button.active {
  visibility: visible;
  opacity: 1;
  background-color: rgb(61, 130, 213) !important;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button.active svg {
  opacity: 1;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button.active svg path {
  fill: rgb(252, 252, 252) !important;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button:not(.active):hover {
  background-color: #fcfcfc !important;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button:not(.active):hover svg {
  opacity: 1;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button:not(.active):hover svg path {
  fill: #3d82d5 !important;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button.map {
  left: 1.25rem;
  bottom: 0.9375rem !important;
  top: inherit !important;
  right: inherit !important;
}
.marketPlace .page-data .content .left-side .lot-info__header .header-button.map svg path {
  fill: rgb(16, 16, 16);
}
.marketPlace .page-data .content .left-side .lot-info__container {
  padding: 1.875rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  max-height: 100%;
}
.marketPlace .page-data .content .left-side .lot-info__container .auction-admin-delete {
  margin-top: 1.25rem;
  height: 2.625rem;
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e8e8e8;
  background-color: #fcfcfc;
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}
.marketPlace .page-data .content .left-side .lot-info__container .auction-admin-delete:hover {
  color: #c14242;
}
.marketPlace .page-data .content .right-side {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  height: 100%;
  background-color: #fcfcfc;
  border: 0.0625rem solid #e8e8e8;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  position: relative;
}
.marketPlace .page-data .content .right-side .lot-broadcast__header {
  width: 100%;
  height: 3.875rem;
  padding: 1.25rem 1.875rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: hsla(0, 0%, 6%, 0.85);
  text-transform: uppercase;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container {
  width: 100%;
  height: calc(100% - 3.875rem);
  max-height: calc(100% - 3.875rem);
  min-height: calc(100% - 3.875rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages {
  width: 100%;
  height: calc(100% - 6.25rem);
  max-height: calc(100% - 6.25rem);
  min-height: calc(100% - 6.25rem);
  padding: 1.5625rem 1.875rem 1.5625rem 1.875rem;
  display: inline-flex;
  flex-direction: column-reverse;
  gap: 1rem;
  flex-grow: 0;
  overflow-y: auto;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages::-webkit-scrollbar {
  width: 0.1875rem;
  background-color: #e8e8e8;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message {
  display: inline-flex;
  border-radius: 0.375rem;
  position: relative;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message:last-child {
  margin-top: auto;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message-transition {
  transition: all 0.2s ease-in-out;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message-setBid {
  background-color: hsla(0, 0%, 94%, 0.5);
  border: 0.0625rem solid #e8e8e8;
  padding: 0.75rem 1.125rem;
  flex-direction: column;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message-extendTime {
  padding: 0px 1.125rem 0px 0.875rem;
  height: 2.5625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: rgb(252, 252, 252);
  border: 0.0625rem solid rgb(232, 232, 232);
  border-radius: 0.375rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message-owner {
  border-left: 0.1875rem solid #3d82d5 !important;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__participant {
  display: flex;
  gap: 0.375rem;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__participant__name {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #101010;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__participant__staticId {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__time {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  color: hsla(0, 0%, 6%, 0.5);
  margin-left: auto;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__content {
  margin-top: 0.4375rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__content .bid {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #101010;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  white-space: nowrap;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__content .bid.bold {
  font-weight: 900;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .messages .message__content .bid.blue {
  color: #3d82d5;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons {
  width: 100%;
  height: 6.25rem;
  padding: 1.5625rem 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.59375rem;
  border-top: 0.0625rem solid #e8e8e8;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid {
  width: 14.25rem;
  height: 3.125rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  --color: #101010;
  --background-color: #fcfcfc;
  --color-hover: #fcfcfc;
  --background-color-hover: #3d82d5;
  border-radius: 0.5rem;
  border: 0.0625rem solid #e8e8e8;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1.0625rem;
  transition: all 0.2s ease-in-out;
  color: var(--color);
  background-color: var(--background-color);
  display: flex;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid:hover {
  cursor: pointer;
  color: var(--color-hover);
  background-color: var(--background-color-hover);
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid:hover svg rect {
  fill: #fcfcfc;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid:hover svg path {
  fill: #3d82d5;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid svg {
  width: 1rem;
  height: 1rem;
}
.marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid svg rect, .marketPlace .page-data .content .right-side .lot-broadcast__container .buttons .marketPlace-button__lot-bid svg path {
  transition: all 0.2s ease-in-out;
}
.marketPlace .auction-card {
  height: 17.625rem;
  max-height: 17.625rem;
  min-height: 17.625rem;
  background-color: #fff;
  border: 0.0625rem solid #e8e8e8;
  border-radius: 0.625rem;
  transition: all 0.2s ease-in-out;
}
.marketPlace .auction-card:hover {
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}
.marketPlace .auction-card:hover .auction-card__header {
  background-color: rgba(15, 15, 15, 0.2);
}
.marketPlace .auction-card:hover .favorite-button {
  visibility: visible;
  opacity: 1;
}
.marketPlace .auction-card__header {
  position: relative;
  transition: 0.2s ease-in-out;
  height: 11.375rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  border: 0.0625rem solid rgb(232, 232, 232);
  background-color: rgba(15, 15, 15, 0.1);
}
.marketPlace .auction-card__header-vehicle .auction-card__header__image {
  width: 80% !important;
  height: 80% !important;
  background-size: contain !important;
}
.marketPlace .auction-card__header .favorite-button {
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
  background-color: rgba(240, 240, 240, 0.8);
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}
.marketPlace .auction-card__header .favorite-button.active {
  visibility: visible;
  opacity: 1;
  background-color: rgb(61, 130, 213) !important;
}
.marketPlace .auction-card__header .favorite-button.active svg {
  opacity: 1;
}
.marketPlace .auction-card__header .favorite-button.active svg path {
  fill: rgb(252, 252, 252) !important;
}
.marketPlace .auction-card__header .favorite-button svg {
  transition: 0.2s ease-in-out;
  opacity: 0.35;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.marketPlace .auction-card__header .favorite-button svg path {
  transition: 0.2s ease-in-out;
}
.marketPlace .auction-card__header .favorite-button:not(.active):hover {
  background-color: rgb(252, 252, 252) !important;
}
.marketPlace .auction-card__header .favorite-button:not(.active):hover svg {
  opacity: 1;
}
.marketPlace .auction-card__header .favorite-button:not(.active):hover svg path {
  fill: rgb(61, 130, 213) !important;
}
.marketPlace .auction-card__header__badges {
  z-index: 2;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: flex;
  gap: 0.25rem;
}
.marketPlace .auction-card__header__badges .badge {
  background-color: rgb(252, 252, 252);
  border-radius: 0.25rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  color: rgb(16, 16, 16);
  font-variant-numeric: tabular-nums;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  padding: 0.4375rem 0.5rem 0.4375rem 0.4375rem;
}
.marketPlace .auction-card__header__badges .badge svg {
  height: 0.75rem;
  max-height: 0.75rem;
  min-height: 0.75rem;
  width: 0.75rem;
  max-width: 0.75rem;
  min-width: 0.75rem;
}
.marketPlace .auction-card__header__image {
  background-size: cover !important;
  transition: 0.2s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: var(--background-image);
  background-position: 50% center;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.marketPlace .auction-card__content {
  height: 6.25rem;
  width: 100%;
  position: relative;
  padding: 0.875rem 1.125rem;
  color: rgb(16, 16, 16);
  text-align: left;
}
.marketPlace .auction-card__content .title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketPlace .auction-card__content .type {
  margin-top: 0.4375rem;
  color: rgba(15, 15, 15, 0.5);
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
}
.marketPlace .auction-card__content .price {
  margin-top: 0.6875rem;
  opacity: 0.9;
  color: rgb(16, 16, 16);
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.marketPlace .auction-card__content .ad-info {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  display: flex;
  gap: 0.9375rem;
  align-items: center;
}
.marketPlace .auction-card__content .ad-info__column {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .auction-card__content .ad-info__column svg {
  width: 0.8125rem;
  max-width: 0.8125rem;
  min-width: 0.8125rem;
  height: 0.8125rem;
  max-height: 0.8125rem;
  min-height: 0.8125rem;
  opacity: 0.25;
}
.marketPlace .business-info__stats {
  margin-top: 2.7777777778vh;
}
.marketPlace .business-info__stats__header {
  display: flex;
}
.marketPlace .business-info__stats__header__tabs {
  display: inline-flex;
  border-radius: 0.7407407407vh;
  overflow: hidden;
  border: 0.0625rem solid #e8e8e8;
}
.marketPlace .business-info__stats__header__tabs .tab {
  width: 15.7407407407vh;
  height: 3.8888888889vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  line-height: 1.5740740741vh;
  transition: all 0.2s ease-in-out;
}
.marketPlace .business-info__stats__header__tabs .tab.selected {
  background-color: #e8e8e8;
  color: #101010;
}
.marketPlace .business-info__stats__header__time-range {
  margin-left: auto;
  width: 21.2962962963vh;
}
.marketPlace .business-info__stats__container {
  margin-top: 1.8518518519vh;
  gap: 1.2037037037vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.marketPlace .business-info__stats__container .card {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vh;
  padding: 1.4814814815vh 1.6666666667vh;
  border-radius: 0.5555555556vh;
  background-color: #fcfcfc;
  border: 0.0625rem solid #e8e8e8;
}
.marketPlace .business-info__stats__container .card__header {
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  line-height: 1.5740740741vh;
}
.marketPlace .business-info__stats__container .card__value {
  color: #101010;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.5740740741vh;
  display: flex;
  flex-wrap: wrap;
}
.marketPlace .business-info__stats__container .card__value__money {
  display: flex;
  align-items: center;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
}
.marketPlace .business-info__stats__container .card__value__money__dollar-sign {
  color: #3d82d5;
  margin-right: 0.5555555556vh;
}
.marketPlace .business-info__stats__container .card__value__money__first {
  color: #101010;
  white-space: nowrap;
}
.marketPlace .business-info__stats__container .card__value__money__last {
  font-weight: 500;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .search-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1.2962962963vh;
  gap: 1.1111111111vh;
  width: 37.037037037vh;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 0.7407407407vh;
  position: relative;
}
.marketPlace .search-input svg {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}
.marketPlace .search-input svg path {
  fill: hsla(0, 0%, 6%, 0.25);
}
.marketPlace .search-input input {
  background-color: transparent;
  border: none;
  outline: none;
  margin-left: -1.2962962963vh;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 3.7037037037vh;
  padding-right: 1.2962962963vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #101010;
}
.marketPlace .search-input input::-moz-placeholder {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .search-input input::placeholder {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .market-remove__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #101010;
}
.marketPlace .market-modal-container .market-remove__text {
  margin-top: 3.8888888889vh;
  line-height: 1.8518518519vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .market-remove__to-pay {
  margin-top: 2.87037vh;
  display: flex;
  flex-direction: column;
  gap: 1.01852vh;
}
.marketPlace .market-modal-container .market-remove__to-pay .to-pay__label {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .market-modal-container .market-remove__to-pay .to-pay__value {
  font-weight: 900;
  font-style: normal;
  font-size: 2.03704vh;
  color: rgb(16, 16, 16);
}
.marketPlace .market-modal-container .market-remove__button {
  margin-top: 5.6481481481vh;
  height: 5.5555555556vh;
  width: 23.1481481481vh;
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;
  border-radius: 0.7407407407vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 6%, 0.5);
  transition: all 0.2s ease-in-out;
}
.marketPlace .market-modal-container .market-remove__button:hover {
  background-color: #c14242;
  color: #fcfcfc;
  border: none;
}
.marketPlace .market-modal-container {
  text-align: left;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(15, 15, 15, 0.2);
  overflow-y: auto;
}
.marketPlace .market-modal-container .modal-content {
  max-height: 92.5926vh;
  overflow-y: auto;
  background-color: rgb(255, 255, 255);
  color: rgb(16, 16, 16);
  border-radius: 1.11111vh;
  width: 61.1111vh;
  padding: 5.55556vh 7.40741vh 7.40741vh;
  position: relative;
}
.marketPlace .market-modal-container .modal-content__close {
  position: absolute;
  top: 5.55556vh;
  right: 5.55556vh;
  display: flex;
  align-items: center;
  gap: 0.925926vh;
  color: rgb(16, 16, 16);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  background: none;
}
.marketPlace .market-modal-container .modal-content__close > span {
  background-color: rgb(61, 130, 213);
  border-radius: 0.277778vh;
  color: rgb(240, 240, 240);
  font-weight: 900;
  font-style: normal;
  font-size: 1.11111vh;
  padding: 0.37037vh 0.925926vh;
}
.marketPlace .market-modal-container .item-create-lot__info {
  margin-top: 2.962962963vh;
  display: flex;
  flex-direction: column;
  gap: 2.962962963vh;
}
.marketPlace .market-modal-container .item-create-lot__info .info-row {
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}
.marketPlace .market-modal-container .item-create-lot__info .info-row.direction-row {
  flex-direction: row;
  align-items: center;
  gap: 4.537037037vh;
}
.marketPlace .market-modal-container .item-create-lot__info .info-row__column {
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}
.marketPlace .market-modal-container .item-create-lot__info .info-row__label {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .item-create-lot__info .info-row__value {
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .market-modal-container .item-create-lot__input {
  margin-top: 3.8888888889vh;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vh;
}
.marketPlace .market-modal-container .item-create-lot__input .input__label {
  width: 100%;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
  display: flex;
  justify-content: space-between;
}
.marketPlace .market-modal-container .item-create-lot__input .input__input {
  width: 100%;
  height: 5.5555555556vh;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0.7407407407vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
  padding: 0 1.6666666667vh;
}
.marketPlace .market-modal-container .item-create-lot__input .input__input::-moz-placeholder {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .item-create-lot__input .input__input::placeholder {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .market-create__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.85185vh;
  color: rgb(16, 16, 16);
}
.marketPlace .market-modal-container .market-create__text {
  margin-top: 4.81481vh;
  line-height: 1.85185vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .market-modal-container .market-create__payment {
  margin-top: 3.88889vh;
}
.marketPlace .market-modal-container .market-create__payment .payment__button {
  transition: 0.2s ease-in-out;
  height: 5.55556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.11111vh;
  color: rgb(16, 16, 16);
  font-weight: 500;
  font-style: normal;
  font-size: 1.48148vh;
  background-color: rgb(252, 252, 252);
  --icon-color: #3d82d5;
}
.marketPlace .market-modal-container .market-create__payment .payment__button:not(:first-child) {
  border-left: 0.0625rem solid rgb(232, 232, 232);
}
.marketPlace .market-modal-container .market-create__payment .payment__button:hover {
  cursor: pointer;
  --icon-color: #fcfcfc;
  color: rgb(252, 252, 252);
  background-color: rgb(61, 130, 213);
}
.marketPlace .market-modal-container .market-create__payment .payment__button svg {
  height: 1.48148vh;
  width: 1.48148vh;
}
.marketPlace .market-modal-container .market-create__payment .payment__button svg path {
  transition: 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .market-modal-container .market-create__payment .payment__button-container {
  margin-top: 3.88889vh;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-radius: 0.740741vh;
  border: 0.0625rem solid rgb(232, 232, 232);
  overflow: hidden;
}
.marketPlace .market-modal-container .market-create__to-pay {
  margin-top: 4.53704vh;
  display: flex;
  flex-direction: column;
  gap: 1.01852vh;
}
.marketPlace .market-modal-container .market-create__to-pay .to-pay__value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  font-weight: 900;
  font-style: normal;
  font-size: 2.03704vh;
  color: rgb(16, 16, 16);
}
.marketPlace .market-modal-container .market-create__to-pay .to-pay__title {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .market-modal-container .market-create__to-pay .to-pay__title.price {
  margin-top: 0.3125rem;
  font-weight: 500;
  font-style: normal;
  font-size: 1.48148vh;
  color: rgba(15, 15, 15, 0.7);
}
.marketPlace .market-modal-container .market-create__to-pay .to-pay__title-value {
  font-weight: 500;
  color: rgb(16, 16, 16);
}
.marketPlace .market-modal-container .market-create__slider {
  margin-top: 4.72222vh;
  display: flex;
  flex-direction: column;
  gap: 1.38889vh;
}
.marketPlace .market-modal-container .market-create__slider .slider__label {
  width: 100%;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
  display: flex;
  justify-content: space-between;
}
.marketPlace .market-modal-container .market-create__slider .slider__label span {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .market-modal-container .market-create__slider .slider__content {
  color: rgb(16, 16, 16);
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input {
  height: 4.81481vh;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0.37037vh;
  background-color: rgb(252, 252, 252);
  border-radius: 0.740741vh;
  border: 0.0625rem solid rgb(232, 232, 232);
  position: relative;
  --process-color: #3d82d5;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input > input {
  border-radius: 0.740741vh;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0px;
  background: transparent;
  font-weight: 500;
  font-style: normal;
  font-size: 1.66667vh;
  color: rgb(16, 16, 16);
  padding: 0px 1.48148vh;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__additional-info {
  font-weight: 500;
  font-style: normal;
  font-size: 1.66667vh;
  color: rgb(16, 16, 16);
  margin-right: 1.66667vh;
  white-space: nowrap;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input .slider-background {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 0.314815vh;
  background-color: rgb(232, 232, 232);
  z-index: 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='53' viewBox='0 0 504 53'%3E%3Crect width='506' height='52' rx='6' transform='translate(.5 .5)'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='53' viewBox='0 0 504 53'%3E%3Crect width='506' height='52' rx='6' transform='translate(.5 .5)'/%3E%3C/svg%3E");
  -webkit-mask-size: 46.1111vh 4.81481vh;
          mask-size: 46.1111vh 4.81481vh;
  -webkit-mask-position: left bottom;
          mask-position: left bottom;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100% !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  padding: 0px !important;
  width: 100% !important;
  height: 0.314815vh !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider .rangeSlider {
  height: 100% !important;
  width: 100%;
  margin: 0;
  background-color: rgba(var(--gasSt-txt), 0.1) !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider .rangeSlider .rangeHandle {
  top: 0 !important;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  border: 0.185185vh solid rgb(232, 232, 232) !important;
  height: 1.85185vh !important;
  width: 1.85185vh !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider .rangeSlider .rangeHandle::before {
  box-shadow: none !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider .rangeSlider .rangeHandle .rangeNub {
  background: none !important;
}
.marketPlace .market-modal-container .market-create__slider .slider__content .market-input__slider .rangeSlider .rangeBar {
  height: 100% !important;
  background-color: var(--process-color) !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='53' viewBox='0 0 504 53'%3E%3Crect width='506' height='52' rx='6' transform='translate(.5 .5)'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='53' viewBox='0 0 504 53'%3E%3Crect width='506' height='52' rx='6' transform='translate(.5 .5)'/%3E%3C/svg%3E");
  -webkit-mask-size: 46.1111vh 4.81481vh;
          mask-size: 46.1111vh 4.81481vh;
  -webkit-mask-position: left bottom;
          mask-position: left bottom;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.marketPlace .modal-content .interaction-buy__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #101010;
}
.marketPlace .modal-content .interaction-buy__info {
  margin-top: 2.962962963vh;
  display: flex;
  flex-direction: column;
  gap: 2.037037037vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row {
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row__column {
  display: flex;
  flex-direction: column;
  gap: 1.01852vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row__label {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .modal-content .interaction-buy__info .info-row__value {
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .modal-content .interaction-buy__info .info-row__value .static-id {
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .modal-content .interaction-buy__info .info-row.connection {
  justify-content: flex-start !important;
  gap: 1rem;
}
.marketPlace .modal-content .interaction-buy__info .info-row.direction-row {
  flex-direction: row;
  justify-content: space-between;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__phone-number {
  display: flex;
  flex-direction: column;
  gap: 0.648148vh;
  text-align: left;
  width: 9.25926vh;
  color: rgb(16, 16, 16);
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__phone-number .value {
  font-weight: 500;
  font-style: normal;
  font-size: 1.48148vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__phone-number .label {
  opacity: 0.5;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.88889vh;
  width: 3.88889vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  border: 0.0625rem solid rgb(239, 239, 239);
  border-radius: 0.740741vh;
  background-color: rgb(252, 252, 252);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  --icon-color: #3d82d5;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button:hover {
  background-color: rgb(61, 130, 213);
  border: 0.0625rem solid rgb(61, 130, 213);
  --icon-color: #fcfcfc;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button .tooltip {
  transition: 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 4.81481vh;
  position: absolute;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button .tooltip__arrow {
  display: flex;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button .tooltip__arrow svg {
  width: 1.2037vh;
  height: 0.555556vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button .tooltip__arrow svg path {
  fill: rgb(239, 239, 239) !important;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button .tooltip__text {
  background-color: rgb(239, 239, 239);
  padding: 0.648148vh 1.2963vh;
  border-radius: 0.555556vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button svg {
  height: 1.66667vh;
  width: 1.66667vh;
}
.marketPlace .modal-content .interaction-buy__info .info-row .author-interaction__square-button svg path {
  transition: 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .modal-content .interaction-buy__warning {
  margin-top: 4.6296296296vh;
}
.marketPlace .modal-content .interaction-buy__warning .warning__label {
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #3d82d5;
}
.marketPlace .modal-content .interaction-buy__warning .warning__text {
  margin-top: 1.1111111111vh;
  line-height: 2.2222222222vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.6);
}
.marketPlace .modal-content .interaction-buy__payment {
  margin-top: 3.8888888889vh;
}
.marketPlace .modal-content .interaction-buy__payment .payment__to-pay__label {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .modal-content .interaction-buy__payment .payment__to-pay__amount {
  margin-top: 1.0185185185vh;
  font-weight: 900;
  font-style: normal;
  font-size: 2.037037037vh;
  color: #101010;
}
.marketPlace .modal-content .interaction-buy__payment .payment__button {
  transition: all 0.2s ease-in-out;
  height: 5.5555555556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vh;
  color: #101010;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  background-color: #fcfcfc;
  --icon-color: #3d82d5;
}
.marketPlace .modal-content .interaction-buy__payment .payment__button:not(:first-child) {
  border-left: 0.0625rem solid rgb(232, 232, 232);
}
.marketPlace .modal-content .interaction-buy__payment .payment__button:hover {
  cursor: pointer;
  --icon-color: #fcfcfc;
  color: #fcfcfc;
  background-color: #3d82d5;
}
.marketPlace .modal-content .interaction-buy__payment .payment__button svg {
  height: 1.4814814815vh;
  width: 1.4814814815vh;
}
.marketPlace .modal-content .interaction-buy__payment .payment__button svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .modal-content .interaction-buy__payment .payment__button-container {
  margin-top: 3.8888888889vh;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-radius: 0.7407407407vh;
  border: 0.0625rem solid #e8e8e8;
  overflow: hidden;
}
.marketPlace .container__inner {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid rgb(232, 232, 232);
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.35fr 0.65fr;
  position: relative;
}
.marketPlace .container__inner.no-right {
  width: 50%;
  grid-template-columns: 1fr;
  overflow: hidden;
}
.marketPlace .container__inner__left-side {
  border-right: 1px solid rgb(232, 232, 232);
  height: 100%;
}
.marketPlace .container__inner__left-side .item-info__container {
  padding: 1.375rem 1.875rem;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction {
  margin-top: 2.5625rem;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__text {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  margin-top: 1.25rem;
  color: rgba(15, 15, 15, 0.5);
  line-height: 1.25rem;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button {
  height: 2.625rem;
  width: 100%;
  padding: 0px 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  border-radius: 0.5rem;
  transition: 0.2s ease-in-out;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fcfcfc;
  --icon-color: hsla(0, 0%, 6%, .25);
  --border-color: #e8e8e8;
  border: var(--border-color) 1px solid;
  color: var(--text-color);
  background-color: var(--bg-color);
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button.add-lot {
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
  --border-color: transparent;
  --bg-color: #3d82d5;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button.add-lot:hover:not(.disabled) {
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
  --border-color: transparent;
  --bg-color: #346fb5;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button.remove-lot {
  --text-color: hsla(0, 0%, 6%, .5);
  --icon-color: hsla(0, 0%, 6%, .5);
  --border-color: #e8e8e8;
  --bg-color: #fcfcfc;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button.remove-lot:hover:not(.disabled) {
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
  --border-color: transparent;
  --bg-color: #c14242;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button svg {
  width: 0.875rem;
  height: 0.875rem;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__button svg path {
  transition: 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__buttons {
  display: grid;
  gap: 0.9375rem;
  grid-template-columns: 1fr 1fr;
}
.marketPlace .container__inner__left-side .item-info__container .platform-interaction__buttons__text {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .container__inner__left-side .item-info__container__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: rgba(15, 15, 15, 0.85);
}
.marketPlace .container__inner__left-side .item-info__container__rows {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
}
.marketPlace .container__inner__left-side .item-info__container__rows .info__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.marketPlace .container__inner__left-side .item-info__container__rows .info__row .info__column {
  display: flex;
  gap: 0.5625rem;
}
.marketPlace .container__inner__left-side .item-info__container__rows .info__row .info__column__label {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .container__inner__left-side .item-info__container__rows .info__row .info__column__value {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: rgb(16, 16, 16);
}
.marketPlace .container__inner__left-side .item-info__container__description {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.marketPlace .container__inner__left-side .item-info__container__description__label {
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: rgba(15, 15, 15, 0.9);
}
.marketPlace .container__inner__left-side .item-info__container__description__value {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(15, 15, 15, 0.75);
}
.marketPlace .container__inner__left-side .item-info__header {
  width: 100%;
  background-color: rgba(15, 15, 15, 0.1);
  height: 17.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.marketPlace .container__inner__left-side .item-info__header-image {
  position: absolute;
  width: 80%;
  height: 80%;
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button {
  z-index: 3;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
  background-color: rgba(240, 240, 240, 0.8);
  top: 0.9375rem;
  right: 1.25rem;
  cursor: pointer;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button.active {
  visibility: visible;
  opacity: 1;
  background-color: rgb(61, 130, 213) !important;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button.active svg {
  opacity: 1;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button.active svg path {
  fill: rgb(252, 252, 252) !important;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button:not(.active):hover {
  background-color: rgb(252, 252, 252) !important;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button:not(.active):hover svg {
  opacity: 1;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button:not(.active):hover svg path {
  fill: rgb(61, 130, 213) !important;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button svg {
  transition: 0.2s ease-in-out;
  opacity: 0.35;
  width: 1rem;
  height: 1rem;
}
.marketPlace .container__inner__left-side .item-info__header .favorite-button svg path {
  transition: 0.2s ease-in-out;
}
.marketPlace .container__inner__right-side {
  display: flex;
  flex-direction: column;
  right: 0px;
  width: 65%;
  position: absolute;
  height: 100%;
}
.marketPlace .container__inner__right-side .lot-list {
  z-index: 4;
  background-color: rgb(252, 252, 252);
  height: 57%;
  max-height: 57%;
  min-height: 57%;
  overflow: hidden;
  border-bottom: 0.0625rem solid rgb(232, 232, 232);
}
.marketPlace .container__inner__right-side .lot-list__table {
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background-color: rgb(252, 252, 252);
  position: relative;
  overflow: hidden;
}
.marketPlace .container__inner__right-side .lot-list__table .table__row {
  transition: 0.2s ease-in-out;
  border-bottom: 0.0625rem solid rgb(232, 232, 232);
  align-items: center;
  color: rgb(16, 16, 16);
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  display: grid;
  grid-template-columns: 120fr 175fr 105fr 120fr 110fr 150fr 120fr;
  height: 2.9375rem;
  min-height: 2.9375rem;
  max-height: 2.9375rem;
}
.marketPlace .container__inner__right-side .lot-list__table .table__row.header {
  background-color: rgb(255, 255, 255);
  border-bottom: 0.0625rem solid rgb(232, 232, 232);
}
.marketPlace .container__inner__right-side .lot-list__table .table__row .table-column {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  text-align: center;
  overflow: hidden;
}
.marketPlace .container__inner__right-side .lot-list__table .table__row .table-column__icon {
  width: 0.875rem;
  height: 0.875rem;
  cursor: pointer;
}
.marketPlace .container__inner__right-side .lot-list__table .table__row .table-column__icon svg {
  transform: rotate(90deg);
  transition: transform 0.2s;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: auto;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container::-webkit-scrollbar {
  width: 0.1875rem;
  background-color: rgb(232, 232, 232);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row {
  transition: 0.2s ease-in-out;
  border-bottom: 1px solid rgb(232, 232, 232);
  align-items: center;
  color: rgb(16, 16, 16);
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  display: grid;
  grid-template-columns: 120fr 175fr 105fr 120fr 110fr 150fr 120fr;
  height: 2.9375rem;
  min-height: 2.9375rem;
  max-height: 2.9375rem;
  z-index: 2;
  background-color: rgb(252, 252, 252);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row:hover {
  background-color: rgb(242, 242, 242);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row__author {
  font-weight: 900;
  color: rgb(61, 130, 213);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row__author .table-column__button {
  color: rgb(193, 66, 66);
  background: none;
  font-weight: 500;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row__author .table-column__button:hover {
  color: rgb(252, 252, 252);
  background-color: rgb(193, 66, 66) !important;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row .table-column {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  text-align: center;
  overflow: hidden;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row .table-column:not(:first-child) {
  border-left: 0.0625rem solid rgb(232, 232, 232);
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row .table-column__button {
  transition: 0.2s ease-in-out;
  cursor: pointer;
  background: none;
}
.marketPlace .container__inner__right-side .lot-list__table .table__rows-container .table__row .table-column__button:hover {
  background-color: rgb(232, 232, 232);
}
.marketPlace .page-data.create-modal .content {
  display: flex;
  padding: 1.875rem 2.5rem 2.5rem 1.875rem;
}
.marketPlace .page-data.create-modal .container__inner:not(.no-right) {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #e8e8e8;
  border-radius: 0.7407407407vh;
}
.marketPlace .page-data.create-modal .container__inner__left-side {
  border-top-left-radius: 0.7407407407vh;
  border-bottom-left-radius: 0.7407407407vh;
  background-color: #fcfcfc;
  padding: 2.7777777778vh 2.7777777778vh 2.962962963vh 2.7777777778vh;
  overflow-y: auto;
}
.marketPlace .page-data.create-modal .container__inner__left-side::-webkit-scrollbar {
  width: 0.2777777778vh;
  background-color: #e8e8e8;
}
.marketPlace .page-data.create-modal .container__inner__left-side::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.marketPlace .page-data.create-modal .container__inner__right-side {
  padding: 2.7777777778vh;
  border-left: 1px solid #e8e8e8;
  border-top-right-radius: 0.7407407407vh;
  border-bottom-right-radius: 0.7407407407vh;
  background-color: #fff;
  position: relative;
  width: 100%;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__title {
  color: #101010;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__columns {
  margin-top: 1.6666666667vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.8518518519vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover {
  display: flex;
  gap: 1.4814814815vh;
  flex-direction: column;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .title {
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square {
  width: 100%;
  aspect-ratio: 347/190;
  border-radius: 0.7407407407vh;
  border: 1px solid #e8e8e8;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square-service {
  display: flex;
  align-items: center;
  justify-content: center;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square-business, .marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square-house {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square-vehicle {
  background-color: #efefef;
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__default-cover .square svg {
  width: 6.4814814815vh;
  height: auto;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.25;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover {
  display: flex;
  gap: 1.4814814815vh;
  flex-direction: column;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .title {
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square {
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 347/190;
  border-radius: 0.7407407407vh;
  border: 1px solid #e8e8e8;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square .no-cover {
  border-radius: 0.7407407407vh;
  --background-color: #fff;
  --text-color: hsla(0, 0%, 6%, .5);
  --icon-color: hsla(0, 0%, 6%, .2);
  transition: all 0.2s ease-in-out;
  background-color: var(--background-color);
  color: var(--text-color);
  height: 100%;
  width: 100%;
  display: flex;
  gap: 2.037037037vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square .no-cover:hover {
  --background-color: #3d82d5;
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square .no-cover svg {
  height: 5.1851851852vh;
  width: 5.1851851852vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square .no-cover svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .page-data.create-modal .container__inner .adv__cover__own-cover .square .no-cover span {
  max-width: 25.462962963vh;
  text-align: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos {
  margin-top: 2.7777777778vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header {
  height: 3.8888888889vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .adv__button {
  height: 3.8888888889vh;
  width: auto;
  flex-basis: 50%;
  cursor: pointer;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fff;
  --icon-color: #3d82d5;
  --border-color: #e8e8e8;
  padding: 0 1.3888888889vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.9259259259vh;
  border-radius: 0.7407407407vh;
  transition: all 0.2s ease-in-out;
  border: var(--border-color) 1px solid;
  color: var(--text-color);
  background-color: var(--bg-color);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .adv__button:hover {
  --text-color: #fcfcfc;
  --bg-color: #3d82d5;
  --icon-color: #fcfcfc;
  --border-color: #3d82d5;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .adv__button.upload {
  min-width: 0;
  width: 100%;
  max-width: 32.1296296296vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .adv__button svg {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__photos__header .adv__button svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .page-data.create-modal .container__inner .adv__photos .no-images {
  margin-top: 0.9259259259vh;
  display: block;
  width: 100%;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2.7777777778vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input__title > p {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input__title > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input__title > div span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input__title > div > p {
  color: #000;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input .adv__input {
  width: 100%;
  height: 4.8148148148vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__enter-input .adv__input input {
  width: 100%;
  height: 4.8148148148vh;
  padding: 0 1.6666666667vh;
  border-radius: 0.7407407407vh;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  outline: none;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .page-data.create-modal .container__inner .adv__comment {
  margin-top: 2.7777777778vh;
  display: flex;
  flex-direction: column;
  gap: 1.4814814815vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__comment__textarea {
  outline: none;
  resize: none;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  height: 10.1851851852vh;
  border-radius: 0.7407407407vh;
  font-weight: 500;
  padding: 1.4814814815vh 1.8518518519vh;
  line-height: 2.2222222222vh;
}
.marketPlace .page-data.create-modal .container__inner .adv__comment__title {
  font-style: normal;
  font-size: 1.4814814815vh;
  font-weight: 900;
  color: #101010;
}
.marketPlace .page-data.create-modal .container__inner .adv__button {
  height: 3.8888888889vh;
  width: auto;
  flex-basis: 50%;
  cursor: pointer;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fff;
  --icon-color: #3d82d5;
  --border-color: #e8e8e8;
  padding: 0 1.3888888889vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.9259259259vh;
  border-radius: 0.7407407407vh;
  transition: all 0.2s ease-in-out;
  border: var(--border-color) 1px solid;
  color: var(--text-color);
  background-color: var(--bg-color);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  width: 100%;
  min-height: 3rem;
}
.marketPlace .page-data.create-modal .container__inner .adv__button.place-ad {
  text-align: center;
  justify-content: center;
  height: 4.8148148148vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  --text-color: #fcfcfc;
  --bg-color: #3d82d5;
  --border-color: #3d82d5;
}
.marketPlace .page-data.create-modal .container__inner .adv__button.place-ad:hover {
  --bg-color: #3671b7;
}
.marketPlace .market-modal-container .market-prolong__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #101010;
}
.marketPlace .market-modal-container .market-prolong__text {
  margin-top: 4.8148148148vh;
  line-height: 1.8518518519vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .market-prolong__to-pay {
  margin-top: 4.537037037vh;
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}
.marketPlace .market-modal-container .market-prolong__to-pay .to-pay__title {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-modal-container .market-prolong__to-pay .to-pay__value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  font-weight: 900;
  font-style: normal;
  font-size: 2.037037037vh;
  color: #101010;
}
.marketPlace .market-modal-container .market-prolong__payment {
  margin-top: 3.8888888889vh;
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button {
  transition: all 0.2s ease-in-out;
  height: 5.5555555556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vh;
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  background-color: #fcfcfc;
  --icon-color: #3d82d5;
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button:hover {
  cursor: pointer;
  --icon-color: #fcfcfc;
  color: #fcfcfc;
  background-color: #3d82d5;
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button svg {
  height: 1.4814814815vh;
  width: 1.4814814815vh;
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button:not(:first-child) {
  border-left: 0.0625rem solid #e8e8e8;
}
.marketPlace .market-modal-container .market-prolong__payment .payment__button-container {
  margin-top: 3.8888888889vh;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border-radius: 0.7407407407vh;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}
.marketPlace .table-info {
  position: relative;
  width: 100%;
}
.marketPlace .table-info .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  font-size: 2.037037037vh;
  line-height: 2.5vh;
}
.marketPlace .table-info .title .price {
  white-space: nowrap;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.marketPlace .table-info .badges {
  display: flex;
  gap: 1.8518518519vh;
  align-items: center;
  margin-top: 1.3888888889vh;
}
.marketPlace .table-info .badges.house {
  gap: 0.462962963vh;
}
.marketPlace .table-info .badges.house svg {
  opacity: 0.5 !important;
}
.marketPlace .table-info .badges.house svg path {
  fill: #101010 !important;
}
.marketPlace .table-info .badges .badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6481481481vh;
  height: 2.5925925926vh;
  padding: 0 0.6481481481vh;
  border-radius: 0.3703703704vh;
  background-color: #efefef;
  color: #101010;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2037037037vh;
}
.marketPlace .table-info .badges .badge.mileage {
  padding-right: 0.8333333333vh;
}
.marketPlace .table-info .badges .badge.kg {
  gap: 0.462962963vh;
  padding-left: 0.9259259259vh;
}
.marketPlace .table-info .badges .badge.kg svg path {
  fill: #fcfcfc;
}
.marketPlace .table-info .badges .badge svg {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  opacity: 1;
}
.marketPlace .table-info .badges .badge svg path, .marketPlace .table-info .badges .badge svg rect {
  opacity: 1;
  fill: #3d82d5;
}
.marketPlace .table-info .badges .gas-type {
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
}
.marketPlace .table-info .badges .gas-type svg {
  opacity: 0.25;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}
.marketPlace .table-info .badges .gas-type__badge {
  width: 5.3703703704vh;
  height: 1.8518518519vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2777777778vh;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9259259259vh;
}
.marketPlace .table-info .badges .gas-type__badge-regular {
  background-color: #6b6b6b;
  color: #fcfcfc;
}
.marketPlace .table-info .badges .gas-type__badge-premium {
  background-color: #c14242;
  color: #fff;
}
.marketPlace .table-info .badges .gas-type__badge-plus {
  background-color: #3d82d5;
  color: #fff;
}
.marketPlace .table-info .badges .gas-type__badge-diesel {
  background-color: #849d63;
  color: #fff;
}
.marketPlace .table-info .badges .gas-type__badge-electro {
  background-color: #00cf92;
  color: #fcfcfc;
}
.marketPlace .table-info .badges .gov-price {
  margin-left: auto;
  display: flex;
  gap: 0.7407407407vh;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.8518518519vh;
  color: #101010;
}
.marketPlace .table-info .badges .gov-price__label {
  opacity: 0.5;
}
.marketPlace .table-info .badges .gov-price__value {
  font-weight: 900;
}
.marketPlace .table-info .additional-info {
  margin-top: 1.3888888889vh;
  text-align: center;
}
.marketPlace .table-info .additional-info__label {
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .table-info .additional-info__value {
  color: #101010;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .table-info .additional-info__second-row {
  text-align: center;
  line-height: 1.8518518519vh;
  margin-top: 1.3888888889vh;
  gap: 1.8518518519vh;
  display: flex;
}
.marketPlace .table-info .additional-info__second-row.first {
  margin-top: 1.8518518519vh;
}
.marketPlace .table-info .additional-info__second-row .column {
  display: flex;
  gap: 0.7407407407vh;
}
.marketPlace .table-info .additional-info__second-row .gov-price {
  margin-left: auto;
  display: flex;
  gap: 0.7407407407vh;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 1.8518518519vh;
  color: #101010;
}
.marketPlace .table-info .additional-info__second-row .gov-price__label {
  opacity: 0.5;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .table-info .additional-info__second-row .gov-price__value {
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #101010;
}
.marketPlace .table-info .additional-info__date {
  font-weight: 500;
  font-style: normal;
  font-size: 1.2963vh;
  line-height: 1.57407vh;
  display: flex;
  gap: 0.740741vh;
}
.marketPlace .table-info .additional-info__counters {
  margin-left: auto;
  color: hsla(0, 0%, 6%, 0.5);
  display: flex;
  gap: 1.3888888889vh;
}
.marketPlace .table-info .additional-info__counters .counter {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}
.marketPlace .table-info .additional-info__counters .counter svg {
  opacity: 0.25;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}
.marketPlace .table-info .author-interaction {
  margin-top: 3.8888888889vh;
  margin-bottom: 3.7037037037vh;
  display: flex;
  align-items: center;
}
.marketPlace .table-info .author-interaction__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.8148148148vh;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  gap: 0.9259259259vh;
  padding: 0 1.3888888889vh;
  height: 3.8888888889vh;
  border-radius: 0.7407407407vh;
  background-color: #3d82d5;
  color: #fcfcfc;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.marketPlace .table-info .author-interaction__button:hover {
  background-color: #346fb5;
}
.marketPlace .table-info .author-interaction__button svg {
  height: 1.2962962963vh;
  width: 1.2962962963vh;
}
.marketPlace .table-info .author-interaction__square-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.9259259259vh;
  height: 3.8888888889vh;
  width: 3.8888888889vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  border: 1px solid #efefef;
  border-radius: 0.7407407407vh;
  background-color: #fcfcfc;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  --icon-color: #3d82d5;
}
.marketPlace .table-info .author-interaction__square-button:hover {
  background-color: #3d82d5;
  border: 1px solid #3d82d5;
  --icon-color: #fcfcfc;
}
.marketPlace .table-info .author-interaction__square-button:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.marketPlace .table-info .author-interaction__square-button .tooltip {
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 4.8148148148vh;
  position: absolute;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marketPlace .table-info .author-interaction__square-button .tooltip__arrow {
  display: flex;
}
.marketPlace .table-info .author-interaction__square-button .tooltip__arrow svg {
  width: 1.2037037037vh;
  height: 0.5555555556vh;
}
.marketPlace .table-info .author-interaction__square-button .tooltip__text {
  background-color: #efefef;
  padding: 0.6481481481vh 1.2962962963vh;
  border-radius: 0.5555555556vh;
}
.marketPlace .table-info .author-interaction__square-button > svg {
  height: 1.6666666667vh;
  width: 1.6666666667vh;
}
.marketPlace .table-info .author-interaction__square-button > svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .table-info .author-interaction__phone-number {
  display: flex;
  flex-direction: column;
  gap: 0.6481481481vh;
  text-align: left;
  margin-left: 1.2962962963vh;
  width: 9.2592592593vh;
  color: #101010;
}
.marketPlace .table-info .author-interaction__phone-number .value {
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
}
.marketPlace .table-info .author-interaction__phone-number .label {
  opacity: 0.5;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .table-info .author-interaction__author {
  display: flex;
  gap: 1.3888888889vh;
  align-items: center;
  margin-left: 1.8518518519vh;
}
.marketPlace .table-info .author-interaction__author .author__avatar {
  width: 3.8888888889vh;
  height: 3.8888888889vh;
  border-radius: 0.7407407407vh;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
.marketPlace .table-info .author-interaction__author .author__data {
  display: flex;
  flex-direction: column;
  gap: 0.6481481481vh;
}
.marketPlace .table-info .author-interaction__author .author__data__name {
  text-align: left;
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
}
.marketPlace .table-info .author-interaction__author .author__data__additional {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  white-space: nowrap;
}
.marketPlace .table-info .author-interaction__author .author__data__additional .additional__static {
  color: #101010;
  opacity: 0.5;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .page-data.service .author-interaction {
  justify-content: flex-end;
}
.marketPlace .page-data.market .content {
  display: flex;
  padding: 1.875rem 2.5rem 2.5rem 1.875rem;
}
.marketPlace .page-data.market .content .left-side {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  border-radius: 0.5rem 0 0 0.5rem;
  display: flex;
  flex-direction: column;
}
.marketPlace .page-data.market .content .left-side__header {
  position: relative;
}
.marketPlace .page-data.market .content .left-side__header .header-button {
  z-index: 4;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  position: absolute;
  top: 0.9375rem;
  right: 1.25rem;
  visibility: visible;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  background-color: hsla(0, 0%, 94%, 0.8);
  cursor: pointer;
}
.marketPlace .page-data.market .content .left-side__header .header-button.map {
  left: 1.25rem;
  bottom: 0.9375rem !important;
  top: inherit !important;
  right: inherit !important;
}
.marketPlace .page-data.market .content .left-side__header .header-button.map svg path {
  fill: rgb(16, 16, 16);
}
.marketPlace .page-data.market .content .left-side__header .header-button.active {
  visibility: visible;
  opacity: 1;
  background-color: rgb(61, 130, 213) !important;
}
.marketPlace .page-data.market .content .left-side__header .header-button.active svg {
  opacity: 1;
}
.marketPlace .page-data.market .content .left-side__header .header-button.active svg path {
  fill: rgb(252, 252, 252) !important;
}
.marketPlace .page-data.market .content .left-side__header .header-button:not(.active):hover {
  background-color: #fcfcfc !important;
}
.marketPlace .page-data.market .content .left-side__header .header-button:not(.active):hover svg {
  opacity: 1;
}
.marketPlace .page-data.market .content .left-side__header .header-button:not(.active):hover svg path {
  fill: #3d82d5 !important;
}
.marketPlace .page-data.market .content .left-side__header .header-button svg {
  transition: all 0.2s ease-in-out;
  opacity: 0.35;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.marketPlace .page-data.market .content .left-side__header .header-button svg path {
  transition: all 0.2s ease-in-out;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures {
  background-color: hsla(0, 0%, 6%, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures__main {
  transition: all 0.2s ease-in-out;
  width: 100%;
  height: 27.25rem;
  background-position: 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures__main .create-hands-svg {
  width: 13.125rem;
  height: auto;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.25;
  pointer-events: none;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures__others {
  transition: all 0.2s ease-in-out;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.125rem;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures__others .other-picture {
  width: 100%;
  background-size: cover;
  background-position: 50%;
  aspect-ratio: 1.53/1;
  transition: all 0.2s ease-in-out;
  opacity: 0.9;
}
.marketPlace .page-data.market .content .left-side .item-info__pictures__others .other-picture.selected {
  opacity: 1;
  cursor: pointer;
  box-shadow: inset 0 0 0 62.5rem rgba(0, 0, 0, 0.2);
}
.marketPlace .page-data.market .content .left-side .item-info__content {
  padding: 1.875rem;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container .adv__button {
  height: 2.625rem;
  width: 16.6875rem;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fcfcfc;
  --icon-color: hsla(0, 0%, 6%, .25);
  --border-color: #e8e8e8;
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  border: var(--border-color) 1px solid;
  color: var(--text-color);
  background-color: var(--bg-color);
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  cursor: pointer;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container .adv__button.test-drive {
  --bg-color: #43ad78;
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
  --border-color: transparent;
  margin-top: 1.875rem;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.625rem;
  padding: 0 0.9375rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container .adv__button.test-drive:hover {
  --bg-color: #399366;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container .adv__button.admin-delete {
  --bg-color: #fcfcfc;
  --text-color: hsla(0, 0%, 6%, .5);
  --border-color: #e8e8e8;
  margin-bottom: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  cursor: pointer;
}
.marketPlace .page-data.market .content .left-side .item-info__content .adv-button__container .adv__button.admin-delete:hover {
  --text-color: #c14242;
  --bg-color: #fcfcfc;
  --border-color: #e8e8e8;
}
.marketPlace .page-data.market .content .left-side .item-info__content__comment {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.marketPlace .page-data.market .content .left-side .item-info__content__comment .comment__label {
  color: hsla(0, 0%, 6%, 0.9);
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
}
.marketPlace .page-data.market .content .left-side .item-info__content__comment .comment__value {
  color: hsla(0, 0%, 6%, 0.75);
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketPlace .page-data.market .content .right-side {
  background-color: #fcfcfc;
  border: 1px solid #e8e8e8;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  position: relative;
  padding: 1.875rem;
}
.marketPlace .page-data.market .content .right-side .button-container {
  position: absolute;
  height: 2.625rem;
  width: calc(100% - 3.75rem);
  bottom: 1.875rem;
  left: 1.875rem;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button {
  height: 2.625rem;
  width: 16.6875rem;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fcfcfc;
  --icon-color: hsla(0, 0%, 6%, .25);
  --border-color: #e8e8e8;
  padding: 0 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease-in-out;
  border: var(--border-color) 1px solid;
  color: var(--text-color);
  background-color: var(--bg-color);
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button:hover {
  --text-color: #101010;
  --bg-color: #efefef;
  --icon-color: #c14242;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default {
  white-space: nowrap;
  --text-color: hsla(0, 0%, 6%, .5);
  --bg-color: #fcfcfc;
  --border-color: #e8e8e8;
  --icon-color: hsla(0, 0%, 6%, .5);
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default:hover {
  --text-color: #fcfcfc;
  --bg-color: #3d82d5;
  --icon-color: #fcfcfc;
  --border-color: transparent;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default:not(:hover) .highlighted {
  color: #3d82d5;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default:not(:hover) .endTime {
  color: hsla(0, 0%, 6%, 0.9);
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default .highlighted {
  font-weight: 700;
  transition: all 0.2s;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.default .endTime {
  margin-left: -0.125rem;
  transition: all 0.2s;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.edit {
  width: 9.8125rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.prolong {
  width: 19rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.remove {
  width: 12.375rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button.remove:hover {
  --text-color: #fcfcfc;
  --icon-color: #fcfcfc;
  --bg-color: #c14242;
  --border-color: transparent;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button svg {
  width: 0.875rem;
  max-width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
}
.marketPlace .page-data.market .content .right-side .button-container .adv__button svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--icon-color);
}
.marketPlace .market-card.clothes .market-card__header-image,
.marketPlace .market-card.item .market-card__header-image {
  transition: 0.2s ease-in-out;
  position: absolute;
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-position: 50% center !important;
  width: 80% !important;
  height: 80% !important;
  background-size: contain !important;
}
.marketPlace .market-card {
  height: 17.625rem;
  max-height: 17.625rem;
  min-height: 17.625rem;
  position: relative;
  background-color: #fff;
  border: 0.0625rem solid #e8e8e8;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  text-align: left;
}
.marketPlace .market-card:hover {
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
}
.marketPlace .market-card:hover .market-card__header {
  background-color: rgba(15, 15, 15, 0.2);
}
.marketPlace .market-card:hover .market-card__image-sections {
  visibility: visible;
  opacity: 1;
}
.marketPlace .market-card:hover .market-card__image-sections .image-section {
  visibility: visible;
}
.marketPlace .market-card:hover .favorite-button {
  visibility: visible;
  opacity: 1;
}
.marketPlace .market-card:hover .create-hands-svg {
  opacity: 0.5;
}
.marketPlace .market-card .favorite-button {
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  background-color: hsla(0, 0%, 94%, 0.8);
  top: 0.9375rem;
  right: 0.9375rem;
  cursor: pointer;
}
.marketPlace .market-card .favorite-button.active {
  visibility: visible;
  opacity: 1;
  background-color: rgb(61, 130, 213) !important;
}
.marketPlace .market-card .favorite-button.active svg {
  opacity: 1;
}
.marketPlace .market-card .favorite-button.active svg path {
  fill: rgb(252, 252, 252) !important;
}
.marketPlace .market-card .favorite-button:not(.active):hover {
  background-color: #fcfcfc !important;
}
.marketPlace .market-card .favorite-button:not(.active):hover svg {
  opacity: 1;
}
.marketPlace .market-card .favorite-button:not(.active):hover svg path {
  fill: #3d82d5 !important;
}
.marketPlace .market-card .favorite-button svg {
  transition: all 0.2s ease-in-out;
  opacity: 0.35;
  width: 1rem;
  height: 1rem;
}
.marketPlace .market-card .favorite-button svg path {
  transition: all 0.2s ease-in-out;
}
.marketPlace .market-card__more-images {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 6%, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.75rem;
  color: #fcfcfc;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25rem;
}
.marketPlace .market-card__more-images svg {
  height: 2.5rem;
  width: 2.5rem;
}
.marketPlace .market-card__image-sections {
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  padding: 0 1.25rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: grid;
  gap: 0.1875rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  cursor: pointer;
}
.marketPlace .market-card__image-sections .image-section {
  position: relative;
  visibility: hidden;
}
.marketPlace .market-card__image-sections .image-section:hover .image-section__bottom-line {
  background-color: #3d82d5;
  transition: all 0.2s ease-in-out;
}
.marketPlace .market-card__image-sections .image-section__bottom-line {
  position: absolute;
  width: 100%;
  height: 0.1875rem;
  bottom: 0.625rem;
  transition: all 0.2s ease-in-out;
  background-color: #efefef;
}
.marketPlace .market-card__header {
  position: relative;
  transition: all 0.2s ease-in-out;
  height: 11.375rem;
  width: 100%;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #e8e8e8;
  background-color: hsla(0, 0%, 6%, 0.1);
}
.marketPlace .market-card__header .create-hands-svg {
  width: 4.375rem;
  height: auto;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.25;
  pointer-events: none;
}
.marketPlace .market-card__header-image {
  background-position: 50% !important;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: var(--background-image);
  transition: all 0.2s ease-in-out;
  background-size: cover !important;
}
.marketPlace .market-card__content {
  position: relative;
  height: 6.25rem;
  width: 100%;
  padding: 0.875rem 1.125rem;
  color: #101010;
}
.marketPlace .market-card__content .title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.marketPlace .market-card__content .title__wrapper {
  margin-right: 0.3125rem;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketPlace .market-card__content .title__text {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #101010;
}
.marketPlace .market-card__content .type {
  margin-top: 0.4375rem;
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketPlace .market-card__content .price {
  margin-top: 0.6875rem;
  color: hsla(0, 0%, 6%, 0.9);
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3125rem;
}
.marketPlace .market-card__content .price .column {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.marketPlace .market-card__content .price .column__label {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(15, 15, 15, 0.5);
}
.marketPlace .market-card__content .price .column__value {
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: rgba(15, 15, 15, 0.9);
}
.marketPlace .market-card__content .ad-info {
  position: absolute;
  bottom: 1.3125rem;
  right: 1.125rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.marketPlace .market-card__content .ad-info__column {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  color: hsla(0, 0%, 6%, 0.5);
}
.marketPlace .market-card__content .ad-info__column svg {
  width: 0.8125rem;
  max-width: 0.8125rem;
  min-width: 0.8125rem;
  height: 0.8125rem;
  max-height: 0.8125rem;
  min-height: 0.8125rem;
  opacity: 0.25;
}
.marketPlace .storage-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(232, 232, 232);
  border-radius: 0.925926vh;
}
.marketPlace .storage-card:hover {
  cursor: pointer;
}
.marketPlace .storage-card:hover .storage-card__header {
  background-color: hsla(0, 0%, 6%, 0.2);
}
.marketPlace .storage-card:hover .storage-card__header-business .storage-card__header__image {
  box-shadow: inset 0 0 0 92.5925925926vh rgba(0, 0, 0, 0.1);
}
.marketPlace .storage-card:hover .create-hands-svg {
  opacity: 0.5;
}
.marketPlace .storage-card__header {
  position: relative;
  height: 16.8519vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s;
  border-top-left-radius: 0.925926vh;
  border-top-right-radius: 0.925926vh;
  overflow: hidden;
  border: 1px solid rgb(232, 232, 232);
  background-color: rgba(15, 15, 15, 0.1);
  background-image: var(--background-image);
}
.marketPlace .storage-card__header .create-hands-svg {
  width: 4.375rem;
  height: auto;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.25;
  pointer-events: none;
}
.marketPlace .storage-card__header__badges {
  position: absolute;
  z-index: 2;
  top: 0.925926vh;
  left: 0.925926vh;
  display: flex;
  gap: 0.462963vh;
}
.marketPlace .storage-card__header__badges .badge {
  background-color: #fcfcfc;
  border-radius: 0.3703703704vh;
  display: flex;
  gap: 0.6481481481vh;
  align-items: center;
  color: #101010;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2037037037vh;
  line-height: 1.4814814815vh;
  padding: 0.6481481481vh 0.9259259259vh 0.6481481481vh 0.6481481481vh;
}
.marketPlace .storage-card__header__badges .badge svg {
  height: 1.2962962963vh;
  width: 1.2962962963vh;
}
.marketPlace .storage-card__header__badges .badge svg path {
  fill: #3d82d5;
}
.marketPlace .storage-card__header-clothes .storage-card__header__image, .marketPlace .storage-card__header-item .storage-card__header__image {
  width: 80% !important;
  height: 80% !important;
  background-size: contain !important;
}
.marketPlace .storage-card__header__image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: var(--background-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: box-shadow 0.2s ease-in-out;
}
.marketPlace .storage-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
  padding: 1.2962962963vh 1.6666666667vh;
  color: #101010;
}
.marketPlace .storage-card__content .title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketPlace .storage-card__content .type {
  margin-top: 0.6481481481vh;
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
}
.marketPlace .storage-card__content .state {
  margin-top: 1.3888888889vh;
  margin-bottom: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
}
.marketPlace .storage-card__content .state-inStorage {
  color: #3d82d5;
}
.marketPlace .storage-card__content .state-inStorage__time {
  margin-left: 0.3703703704vh;
  color: hsla(0, 0%, 6%, 0.9);
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  line-height: 1.7592592593vh;
}
.marketPlace .storage-card__content .state-available {
  color: #43ad78;
}
.marketPlace .storage-card__content .returnFromStorage-button {
  margin-top: 1.4814814815vh;
  padding: 1.2962962963vh 1.3888888889vh;
  font-style: normal;
  font-size: 1.2962962963vh;
  border: 1px solid #e8e8e8;
  border-radius: 0.7407407407vh;
  background-color: #fcfcfc;
  color: hsla(0, 0%, 6%, 0.5);
  font-weight: 500;
  line-height: 1.5740740741vh;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: flex;
  gap: 0.9259259259vh;
}
.marketPlace .storage-card__content .returnFromStorage-button.active {
  pointer-events: none;
}
.marketPlace .storage-card__content .returnFromStorage-button.active, .marketPlace .storage-card__content .returnFromStorage-button:hover {
  background-color: #3d82d5;
  color: #fcfcfc;
}
.marketPlace {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  display: flex;
}
.marketPlace * {
  font-family: "ProximaNova", sans-serif;
}
.marketPlace .sidebar {
  height: 100%;
  width: 17.5rem;
  max-width: 17.5rem;
  min-width: 17.5rem;
  background-color: #fcfcfc;
  border-right: 0.0625rem solid #e8e8e8;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2.5rem;
}
.marketPlace .sidebar .logo {
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
}
.marketPlace .sidebar .logo svg {
  height: 2.625rem;
}
.marketPlace .sidebar .button {
  width: 13.75rem;
  height: 2.8125rem;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  --color: #101010;
  --background-color: transparent;
  --color-hover: #101010;
  --background-color-hover: #efefef;
  justify-content: flex-start;
  gap: 0.625rem;
  padding: 0 1rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
  color: var(--color);
  background-color: var(--background-color);
}
.marketPlace .sidebar .button.mt-auto {
  margin-top: auto;
}
.marketPlace .sidebar .button.mt-logout {
  margin-top: 2.5rem;
}
.marketPlace .sidebar .button.selected {
  --color: #fcfcfc;
  --background-color: #3d82d5;
  --color-hover: #fcfcfc;
  --background-color-hover: #3d82d5;
}
.marketPlace .sidebar .button.selected svg path {
  fill: #fcfcfc;
}
.marketPlace .sidebar .button:hover {
  cursor: pointer;
  color: var(--color-hover);
  background-color: var(--background-color-hover);
}
.marketPlace .sidebar .button svg {
  width: 0.875rem;
  height: 0.875rem;
}
.marketPlace .sidebar .button svg path {
  transition: fill 0.2s ease-in-out;
  fill: #3d82d5;
}
.marketPlace .container {
  width: 100%;
  height: 100%;
  position: relative;
}
.marketPlace .container .page-data {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
}
.marketPlace .container .page-data > .header {
  height: 8.5185185185vh;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 2.7777777778vh;
  background-color: #fff;
  border-bottom: 0.0625rem solid #e8e8e8;
  z-index: 5;
}
.marketPlace .container .page-data > .header .header__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1.8518518519vh;
}
.marketPlace .container .page-data > .header .header__content .header__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.85185vh;
  color: rgba(15, 15, 15, 0.85);
}
.marketPlace .container .page-data > .header .header__content .back-container {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: rgba(15, 15, 15, 0.85);
}
.marketPlace .container .page-data > .header .header__content .back-container__button {
  height: 2.625rem;
  width: 2.625rem;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in-out;
  background-color: rgb(252, 252, 252);
  border: 1px solid rgb(232, 232, 232);
}
.marketPlace .container .page-data > .header .header__content .back-container__button:hover {
  cursor: pointer;
  background-color: rgb(239, 239, 239);
}
.marketPlace .container .page-data > .header .header__content .back-container__button svg {
  width: 0.875rem;
  height: 0.875rem;
}
.marketPlace .container .page-data > .content {
  height: calc(100% - 5.75rem);
  max-height: calc(100% - 5.75rem);
  min-height: calc(100% - 5.75rem);
  overflow-y: auto;
  width: 100%;
  overflow: hidden;
}
.marketPlace .container .page-data > .content .list {
  width: 100%;
  max-height: 100%;
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  padding: 2rem;
  box-sizing: border-box;
  overflow-y: scroll;
  overflow-x: hidden;
}
.marketPlace .container .page-data > .content .list::-webkit-scrollbar {
  display: none;
}
.businessInfo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 31.25rem;
  background-color: rgba(26, 26, 26, 0.98);
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.businessInfo * {
  color: #fff;
  font-family: "ProximaNova", sans-serif;
}
.businessInfo .object-picture {
  min-height: 17.5rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.businessInfo .buy-body {
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
}
.businessInfo .buy-body .container-box {
  padding: 1.875rem;
}
.businessInfo .buy-body .container-box .business-info {
  margin-top: 1.25rem;
  width: 100%;
}
.businessInfo .buy-body .container-box .row-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.businessInfo .buy-body .container-box .row-block .big-container {
  display: flex;
  flex-direction: column;
}
.businessInfo .buy-body .container-box .row-block .big-container:last-child {
  align-items: flex-end;
}
.businessInfo .buy-body .container-box .row-block .big-container__subtitle {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: hsla(0, 0%, 100%, 0.5);
}
.businessInfo .buy-body .container-box .row-block .big-container__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #fff;
  margin-top: 0.75rem;
}
.businessInfo .buy-body__buttons {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.businessInfo .buy-body__buttons .line {
  display: flex;
  gap: 0.3125rem;
}
.businessInfo .buy-body__buttons .line .property-button {
  width: 100%;
  height: 3rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
  background-color: hsla(0, 0%, 100%, 0.08);
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.businessInfo .buy-body__buttons .line .property-button:hover {
  cursor: pointer;
  background-color: #e81c5a;
  color: #f8f8f8;
}
.businessInfo .close-block {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #1c1c1c;
  border: 1px solid #3a3a3a;
}
.businessInfo .close-block:hover {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  cursor: pointer;
}
.businessInfo .close-block:hover svg {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.businessInfo .close-block:hover svg path {
  transition: all 0.2s ease-in-out;
  stroke: #111;
}
.businessInfo .close-block svg {
  transition: all 0.2s ease-in-out;
  height: 0.625rem;
  max-height: 0.625rem;
  min-height: 0.625rem;
  width: 0.625rem;
  max-width: 0.625rem;
  min-width: 0.625rem;
  opacity: 0.5;
}
.businessInfo .close-block svg path {
  transition: all 0.2s ease-in-out;
  stroke: #fff;
}
.containers-modal {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.containers-modal * {
  font-family: "ProximaNova", sans-serif !important;
}
.containers-modal .background_close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: none;
}
.containers-modal .modal-container {
  width: 33.75rem;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.875rem;
  border-radius: 0.9375rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containers-modal .modal-header__title {
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  text-transform: uppercase;
}
.containers-modal .modal-header .close-modal-block {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #dadada;
  cursor: pointer;
  transition: background-color 0.2s ease;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containers-modal .modal-header .close-modal-block:hover {
  background-color: #1a6fc4;
}
.containers-modal .modal-header .close-modal-block:hover svg path {
  stroke: #f5f5f5;
}
.containers-modal .modal-header .close-modal-block svg {
  width: 0.6875rem;
  height: 0.6875rem;
}
.containers-modal .modal-header .close-modal-block svg path {
  stroke: rgba(33, 33, 33, 0.5);
  transition: stroke 0.2s ease;
}
.containers-modal .modal-body {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-body .data-blocks {
  width: 100%;
  gap: 0.875rem;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-body .data-blocks .container-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.containers-modal .modal-body .data-blocks .container-data__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body .data-blocks .container-data__value {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.containers-modal .modal-body .data-blocks .container-data__value.red {
  color: #df6565;
}
.containers-modal .modal-body .data-blocks .container-data__value img {
  width: 0.9rem;
  height: 0.9rem;
}
.containers-modal .modal-body .bet-size {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-body .bet-size__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body .bet-size .bet-input-container {
  margin-top: 0.875rem;
  height: 3.25rem;
  border: 0.0625rem solid #dadada;
  background-color: #efefef;
  border-radius: 0.375rem;
  padding: 0 1rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-block {
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-block__sign {
  color: rgba(6, 6, 6, 0.5);
  display: flex;
  align-items: center;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-block__sign img {
  width: 0.9rem;
  height: 0.9rem;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-block__value {
  color: #060606;
  margin-left: 0.375rem;
}
.containers-modal .modal-body .bet-size .bet-input-container .rangeSlider {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  height: 0.25rem !important;
  margin: 0 !important;
  background: none !important;
}
.containers-modal .modal-body .bet-size .bet-input-container .rangeSlider .rangeHandle {
  width: 1.125rem !important;
  height: 1.125rem !important;
  border-radius: 50%;
  background-color: #fff;
  border: 0.125rem solid #1d6fc0 !important;
  cursor: pointer;
  box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.1);
  margin-top: -0.15rem;
}
.containers-modal .modal-body .bet-size .bet-input-container .rangeSlider .rangeHandle::before {
  box-shadow: none !important;
}
.containers-modal .modal-body .bet-size .bet-input-container .rangeSlider .rangeHandle .rangeNub {
  background: none !important;
}
.containers-modal .modal-body .bet-size .bet-input-container .rangeSlider .rangeBar {
  height: 0.25rem !important;
  background-color: #1d6fc0;
  border-radius: 0 0.25rem;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-step {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.containers-modal .modal-body .bet-size .bet-input-container .bet-step img {
  width: 0.9rem;
  height: 0.9rem;
  margin: 0 0.25rem 0 0.5rem;
  filter: grayscale(100%);
  opacity: 0.5;
}
.containers-modal .modal-body .bet-size .pay-sum {
  margin-top: 1.875rem;
  display: flex;
  justify-content: space-between;
}
.containers-modal .modal-body .bet-size .pay-sum__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body .bet-size .pay-sum__value {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  color: #1a6fc4;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.containers-modal .modal-body .bet-size .pay-sum__value img {
  width: 0.9rem;
  height: 0.9rem;
}
.containers-modal .modal-body .bet-size .payment-buttons {
  margin-top: 1.375rem;
  gap: 0.875rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.containers-modal .modal-body .bet-size .payment-buttons .payment-button {
  width: 100%;
  border-radius: 0.375rem;
  background-color: #1a6fc4;
  height: 2.75rem;
  gap: 0.625rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containers-modal .modal-body .bet-size .payment-buttons .payment-button__image {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers-modal .modal-body .bet-size .payment-buttons .payment-button__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
}
.containers-modal .modal-body .bet-size .payment-buttons .payment-button:hover {
  background-color: #1860a9;
}
.containers-modal .modal-body .bet-size .warning {
  margin-top: 1.875rem;
  border: 0.0625rem solid #dadada;
  background-color: #efefef;
  padding: 1rem;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-body .bet-size .warning-header {
  gap: 0.375rem;
  display: flex;
  align-items: center;
}
.containers-modal .modal-body .bet-size .warning-header__picture {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers-modal .modal-body .bet-size .warning-header__title {
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #1d6fc0;
}
.containers-modal .modal-body .bet-size .warning__text {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  margin-top: 0.9375rem;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.containers-modal .modal-body .take-decision {
  margin-top: 1.875rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.containers-modal .modal-body .take-decision__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body .take-decision .time-left {
  padding: 0.5rem 0.375rem;
  gap: 0.5rem;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  width: 9.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.containers-modal .modal-body .take-decision .time-left__picture {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers-modal .modal-body .take-decision .time-left__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
}
.containers-modal .modal-body .control-buttons {
  margin-top: 1.25rem;
  gap: 0.875rem;
  width: 100%;
  display: flex;
  flex-direction: row;
}
.containers-modal .modal-body .control-buttons .control-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  border-radius: 0.375rem;
  gap: 0.625rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.containers-modal .modal-body .control-buttons .control-button.take {
  background-color: #1a6fc4;
  color: #fff;
}
.containers-modal .modal-body .control-buttons .control-button.take:hover {
  background-color: #1860a9;
}
.containers-modal .modal-body .control-buttons .control-button.sell {
  border: 0.0625rem solid #dadada;
  background-color: #eaeaea;
  color: rgba(6, 6, 6, 0.5);
}
.containers-modal .modal-body .control-buttons .control-button.sell:hover {
  background-color: #fff;
}
.containers-modal .modal-body .control-buttons .control-button__picture {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers-modal .modal-body .control-buttons .control-button__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.containers-modal .modal-body .control-buttons .control-button__title .highlighted {
  color: #060606;
}
.containers-modal .modal-body .container-content {
  height: 14.625rem;
  background-color: #fff;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.containers-modal .modal-body .container-content .color {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  width: 1.5rem;
  height: 0.375rem;
  border-radius: 6.25rem;
}
.containers-modal .modal-body .container-content .color.red {
  background-color: #e81c3f;
  box-shadow: 0 0 8rem 4rem rgba(232, 28, 63, 0.25);
}
.containers-modal .modal-body .container-content .color.gold {
  background-color: #feb336;
  box-shadow: 0 0 8rem 4rem rgba(254, 179, 54, 0.25);
}
.containers-modal .modal-body .container-content .color.pink {
  background-color: #ff39dd;
  box-shadow: 0 0 8rem 4rem rgba(255, 57, 221, 0.25);
}
.containers-modal .modal-body .container-content .color.purple {
  background-color: #5e47ff;
  box-shadow: 0 0 8rem 4rem rgba(94, 71, 255, 0.25);
}
.containers-modal .modal-body .container-content .color.blue {
  background-color: #77b5fe;
  box-shadow: 0 0 8rem 4rem rgba(119, 181, 254, 0.25);
}
.containers-modal .modal-body .container-content .color.gray {
  background-color: #d6d6d6;
  box-shadow: 0 0 8rem 4rem hsla(0, 0%, 84%, 0.25);
}
.containers-modal .modal-body .container-content .color.unique {
  background-color: #1ff5b3;
  box-shadow: 0 0 8rem 4rem rgba(31, 245, 179, 0.25);
}
.containers-modal .modal-body .container-content .confetti {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.containers-modal .modal-body .container-content__picture {
  width: 16.2225rem;
  height: 8rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: 2;
  position: relative;
  pointer-events: none;
}
.containers-modal .modal-body .container-content__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: #060606;
  position: relative;
  z-index: 2;
  margin-top: 1.875rem;
}
.containers {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75rem;
  height: 50rem;
  border-radius: 0.9375rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
}
.containers * {
  font-family: "ProximaNova", sans-serif !important;
}
.containers .container-info {
  width: 45rem;
  max-width: 45rem;
  min-width: 45rem;
  border-right: 0.0625rem solid #dadada;
  display: flex;
  flex-direction: column;
}
.containers .container-info .container-image {
  height: 15rem;
  background-image: url(https://cdn.just-rp.online/cdn.majestic-files.com/img/containers/background.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containers .container-info .container-image__picture {
  width: 24.625rem;
  height: 10rem;
  pointer-events: none;
}
.containers .container-info .container-metadata {
  width: 100%;
  padding: 1.5625rem 1.875rem 1.875rem 1.875rem;
  border-bottom: 0.0625rem solid var(--main-border, #dadada);
  display: flex;
  flex-direction: column;
}
.containers .container-info .container-metadata .title-data {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.containers .container-info .container-metadata .title-data__title {
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  color: #060606;
  text-transform: uppercase;
}
.containers .container-info .container-metadata .title-data-info {
  padding: 0.375rem 0.5rem;
  gap: 0.5rem;
  border: 0.0625rem solid var(--main-border, #dadada);
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
}
.containers .container-info .container-metadata .title-data-info img {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers .container-info .container-metadata .title-data-info__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
}
.containers .container-info .container-metadata .bet-fields {
  margin-top: 0.875rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.containers .container-info .container-metadata .bet-fields .row-block {
  display: flex;
  flex-direction: row;
}
.containers .container-info .container-metadata .bet-fields__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  opacity: 0.5;
  margin-right: 0.375rem;
}
.containers .container-info .container-metadata .bet-fields__value {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.containers .container-info .container-metadata .bet-fields__value img {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.25rem;
}
.containers .container-content {
  max-height: 28.0625rem;
  height: 28.0625rem;
  padding: 1.875rem 0;
  padding-left: 1.875rem;
  flex-wrap: wrap;
  overflow-y: overlay;
  overflow-x: hidden;
}
.containers .container-content::-webkit-scrollbar {
  width: 0.25rem;
  background-color: #dadada;
}
.containers .container-content::-webkit-scrollbar-thumb {
  background-color: #1d6fc0;
}
.containers .container-content__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  opacity: 0.5;
}
.containers .container-content .prizes-list {
  flex-wrap: wrap;
  margin-top: 1.25rem;
  display: flex;
  flex-direction: row;
}
.containers .container-content .prizes-list .prize-container {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  width: 13.333125rem;
  max-width: 13.333125rem;
  height: 9.125rem;
  border: 0.0625rem solid #dadada;
  border-radius: 0.375rem;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.containers .container-content .prizes-list .prize-container.red .color-indicator {
  background-color: #e81c3f;
  box-shadow: 0 0 8rem 4rem rgba(232, 28, 63, 0.25);
}
.containers .container-content .prizes-list .prize-container.gold .color-indicator {
  background-color: #feb336;
  box-shadow: 0 0 8rem 4rem rgba(254, 179, 54, 0.25);
}
.containers .container-content .prizes-list .prize-container.pink .color-indicator {
  background-color: #ff39dd;
  box-shadow: 0 0 8rem 4rem rgba(255, 57, 221, 0.25);
}
.containers .container-content .prizes-list .prize-container.purple .color-indicator {
  background-color: #5e47ff;
  box-shadow: 0 0 8rem 4rem rgba(94, 71, 255, 0.25);
}
.containers .container-content .prizes-list .prize-container.blue .color-indicator {
  background-color: #77b5fe;
  box-shadow: 0 0 8rem 4rem rgba(119, 181, 254, 0.25);
}
.containers .container-content .prizes-list .prize-container.gray .color-indicator {
  background-color: #d6d6d6;
  box-shadow: 0 0 8rem 4rem hsla(0, 0%, 84%, 0.25);
}
.containers .container-content .prizes-list .prize-container.unique .color-indicator {
  background-color: #1ff5b3;
  box-shadow: 0 0 8rem 4rem rgba(31, 245, 179, 0.25);
}
.containers .container-content .prizes-list .prize-container .color-indicator {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  width: 1.125rem;
  height: 0.25rem;
  border-radius: 6.25rem;
}
.containers .container-content .prizes-list .prize-container__picture {
  width: 9.125rem;
  height: 4.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.containers .container-content .prizes-list .prize-container__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.75);
  margin-top: 1.25rem;
  white-space: nowrap;
  width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.containers .trades {
  width: 30rem;
  height: 100%;
  max-width: 30rem;
  min-width: 30rem;
  display: flex;
  flex-direction: column;
}
.containers .trades-header {
  padding: 1.875rem;
  min-height: 7.625rem;
  width: 100%;
}
.containers .trades-header .header-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.containers .trades-header .header-title .row-block {
  display: flex;
  flex-direction: row;
}
.containers .trades-header .header-title .align-center {
  display: flex;
  align-items: center;
}
.containers .trades-header .header-title__title {
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  color: #060606;
  text-transform: uppercase;
  margin-right: 0.875rem;
}
.containers .trades-header .header-title .close-block {
  gap: 0.75rem;
  cursor: pointer;
  background: none;
}
.containers .trades-header .header-title .close-block:hover .close-block__key {
  background-color: #fff;
  color: #1d6fc0;
}
.containers .trades-header .header-title .close-block__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
}
.containers .trades-header .header-title .close-block__key {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
  background-color: #1d6fc0;
  padding: 0 0.5rem;
  border-radius: 0.1875rem;
  height: 1.875rem;
  border: 0.0625rem solid #1d6fc0;
  transition: 0.2s ease;
  transition-property: background-color, colors;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containers .trades-header .bet-data {
  margin-top: 0.875rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.containers .trades-header .bet-data__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  opacity: 0.5;
}
.containers .trades-header .bet-data__value {
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  color: #1d6fc0;
  display: flex;
  align-items: center;
}
.containers .trades-header .bet-data__value img {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.25rem;
}
.containers .trades-footer {
  width: 100%;
  min-height: 6.5rem;
  padding: 1.875rem;
  gap: 0.875rem;
  display: flex;
  flex-direction: row;
}
.containers .trades-footer .footer-button {
  gap: 0.625rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.containers .trades-footer .footer-button.place-bet {
  background-color: #1a6fc4;
  border-radius: 0.375rem;
}
.containers .trades-footer .footer-button.place-bet:hover {
  background-color: #1860a9;
}
.containers .trades-footer .footer-button.place-bet .footer-button__title {
  color: #fff;
}
.containers .trades-footer .footer-button.leave {
  width: 8rem;
  border-radius: 0.375rem;
  background-color: #eaeaea;
  border: 0.0625rem solid #dadada;
}
.containers .trades-footer .footer-button.leave:hover {
  background-color: #fff;
}
.containers .trades-footer .footer-button.leave .footer-button__title {
  color: #060606;
  opacity: 0.5;
}
.containers .trades-footer .footer-button__picture {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.containers .trades-footer .footer-button__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}
.containers .trades-body {
  width: 100%;
  height: 100%;
  border-top: 0.0625rem solid #dadada;
  border-bottom: 0.0625rem solid #dadada;
  max-height: 35.875rem;
  padding: 1.875rem;
  gap: 1.25rem;
  overflow: overlay;
  min-width: 26.25rem;
  display: flex;
  flex-direction: column;
}
.containers .trades-body::-webkit-scrollbar {
  width: 0.25rem;
  background-color: #dadada;
}
.containers .trades-body::-webkit-scrollbar-thumb {
  background-color: #1d6fc0;
}
.containers .trades-body .chat-element {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.containers .trades-body .chat-element .line {
  width: 100%;
  height: 0.0625rem;
  background-color: #060606;
  opacity: 0.15;
}
.containers .trades-body .chat-element .time-container {
  margin: 0 0.875rem;
  gap: 0.375rem;
  min-width: 14.1875rem;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.containers .trades-body .chat-element .time-container__icon {
  width: 1rem;
  height: 1rem;
}
.containers .trades-body .chat-element .time-container__title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: rgba(6, 6, 6, 0.35);
  white-space: nowrap;
}
.containers .trades-body .chat-element.right-side {
  justify-content: flex-end;
}
.containers .trades-body .chat-element.right-side .chat-cell {
  border-left: 0.25rem solid #1d6fc0;
}
.containers .trades-body .chat-element .chat-cell {
  padding: 0.875rem;
  width: 22.5rem;
  background-color: #fff;
  border-radius: 0.375rem;
  border: 0.0625rem solid #dadada;
  display: flex;
  flex-direction: column;
}
.containers .trades-body .chat-element .chat-cell .cell-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.containers .trades-body .chat-element .chat-cell .cell-header .row-block {
  display: flex;
  flex-direction: row;
}
.containers .trades-body .chat-element .chat-cell .cell-header__title-name {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
}
.containers .trades-body .chat-element .chat-cell .cell-header__title-id {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #060606;
  opacity: 0.5;
  margin-left: 0.375rem;
}
.containers .trades-body .chat-element .chat-cell .cell-header__title-date {
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  color: #060606;
  opacity: 0.35;
}
.containers .trades-body .chat-element .chat-cell .cell-body {
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  margin-top: 0.625rem;
  display: flex;
  flex-direction: row;
}
.containers .trades-body .chat-element .chat-cell .cell-body .highlighted {
  margin-left: 0.3125rem;
  color: #1d6fc0;
  display: flex;
  align-items: center;
}
.containers .trades-body .chat-element .chat-cell .cell-body .highlighted img {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.25rem;
}
@charset "UTF-8";
.fade-in {
  opacity: 1;
  animation-name: fade-in-opacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: 0.16s;
  transform: scale(1);
  transition: transform 0.15s;
}

@keyframes fade-in-opacity {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
  }
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.16s, transform 0.15s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
  transform: scale(0.9);
}

.capture_tablet_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.capture_tablet_main > .capture-tablet {
  background-image: url(/src/views/player/captures/assets/tablet-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 1110px;
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.capture_tablet_main > .capture-tablet > .screen {
  margin-top: 3px;
  margin-left: 5px;
  background: #161616;
  border-radius: 20px;
  width: 1015px;
  height: 705px;
  position: relative;
  overflow: hidden;
}
.capture_tablet_main > .capture-tablet > .screen > .header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 15px 22px 10px 22px;
  gap: 8px;
  font-family: "SF Pro Display", sans-serif;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: transparent;
  border-bottom: none;
}
.capture_tablet_main > .capture-tablet > .screen > .header > button, .capture_tablet_main > .capture-tablet > .screen > .header > .control, .capture_tablet_main > .capture-tablet > .screen > .header > .attacks, .capture_tablet_main > .capture-tablet > .screen > .header > .defends {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.capture_tablet_main > .capture-tablet > .screen > .header > button {
  background-color: rgb(12, 12, 12);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.capture_tablet_main > .capture-tablet > .screen > .header > button > svg {
  fill: white;
  opacity: 0.7;
}
.capture_tablet_main > .capture-tablet > .screen > .header > button:hover {
  transition: 0.2s;
  background-color: #404040;
}
.capture_tablet_main > .capture-tablet > .screen > .header > button:not(hover) {
  transition: 0.2s;
}
.capture_tablet_main > .capture-tablet > .screen > .header > .notifications {
  margin-left: auto;
  margin-right: 0;
}
.capture_tablet_main > .capture-tablet > .screen > .header > .control {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(12, 12, 12);
  border-radius: 5px;
  width: 185px;
  height: 40px;
}
.capture_tablet_main > .capture-tablet > .screen > .header > .control .control-info {
  color: rgb(255, 255, 255);
}
.capture_tablet_main > .capture-tablet > .screen > .header > .control .control-info span {
  color: rgba(255, 255, 255, 0.3);
}
.capture_tablet_main > .capture-tablet > .screen > .header > .attacks, .capture_tablet_main > .capture-tablet > .screen > .header > .defends {
  background-color: rgb(12, 12, 12);
  color: rgb(255, 255, 255);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 69px;
  height: 40px;
}
.capture_tablet_main > .capture-tablet > .screen > .header > .attacks img, .capture_tablet_main > .capture-tablet > .screen > .header > .defends img {
  margin-right: 5px;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #161616;
  /* Квадраты поверх карты — фиксированные позиции */
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper {
  pointer-events: all;
  position: absolute;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  border-radius: 5px;
  background-color: #494949;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square:hover {
  opacity: 1;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square .skull {
  width: 65%;
  height: 65%;
  background-image: url(/src/views/player/captures/assets/skull.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square.marabunta {
  border: solid 1px #32e6ff;
  background-image: radial-gradient(50% 50% at 50% 50%, rgb(50, 230, 255), rgb(50, 157, 255) 100%);
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square.ballas {
  border: solid 1px #8939AE;
  background-image: radial-gradient(50% 50% at 50% 50%, rgb(137, 57, 174), rgb(100, 45, 155) 100%);
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square.families {
  border: solid 1px #5EFB6E;
  background-image: radial-gradient(50% 50% at 50% 50%, rgb(94, 251, 110), rgb(49, 222, 67) 100%);
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square.bloods {
  border: solid 1px #FF6565;
  background-image: radial-gradient(50% 50% at 50% 50%, rgb(255, 77, 77), rgb(255, 50, 50) 100%);
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .square.vagos {
  border: solid 1px #ffc632;
  background-image: radial-gradient(50% 50% at 50% 50%, rgb(255, 198, 50), rgb(255, 173, 50) 100%);
}
.capture_tablet_main > .capture-tablet > .screen > .map-area > .zones .square_wrapper > .text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 2;
  position: absolute;
  font-family: "SF Pro Display", sans-serif;
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-shadow: 0px 1px 2px #000000;
}
.capture_tablet_main > .popups {
  position: absolute;
  width: 1110px;
  height: 620px;
  margin-top: 90px;
}
.leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::-moz-selection {
  background: transparent;
}

.leaflet-tile::selection {
  background: transparent;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-bottom, .leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-control, .leaflet-popup-pane {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

.leaflet-image-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}

.leaflet-image-layer.leaflet-interactive, .leaflet-marker-icon.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: hsla(0, 0%, 100%, 0.5);
}

.leaflet-container {
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:focus, .leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: 700 18px Lucida Console, Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: hsla(0, 0%, 100%, 0.8);
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:focus, .leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: hsla(0, 0%, 100%, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
  box-shadow: none;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fff;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:focus, .leaflet-container a.leaflet-popup-close-button:hover {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.vc-header.is-lg {
  font-size: var(--vc-text-lg);
}

.vc-header.is-xl {
  font-size: var(--vc-text-xl);
}

.vc-header.is-2xl {
  font-size: var(--vc-text-2xl);
}

.vc-header .vc-next, .vc-header .vc-prev, .vc-header .vc-title {
  display: flex;
  align-items: center;
  grid-row: 1;
  border: 0;
  border-radius: var(--vc-rounded);
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.vc-header .vc-title {
  grid-column: title;
  color: var(--vc-header-title-color);
  font-weight: var(--vc-font-semibold);
  white-space: nowrap;
  padding: 0 8px;
  margin: 0;
  line-height: 30px;
}

.vc-header .vc-title:hover {
  opacity: 0.75;
}

.vc-header .vc-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 28px;
  height: 30px;
  margin: 0;
  padding: 0;
}

.vc-header .vc-arrow:hover {
  background: var(--vc-header-arrow-hover-bg);
}

.vc-header .vc-arrow:disabled {
  opacity: 0.25;
  pointer-events: none;
}

.vc-header .vc-prev {
  grid-column: prev;
}

.vc-header .vc-next {
  grid-column: next;
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}

.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}

.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.vc-day-box-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50%;
}

.vc-day-box-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0 50%;
}

.vc-day-box-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
}

.vc-day-box-center-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.vc-day-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.vc-day-content:hover {
  background-color: var(--vc-day-content-hover-bg);
}

.vc-day-content.vc-disabled {
  color: var(--vc-day-content-disabled-color);
}

.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.vc-highlight {
  width: 28px;
  height: 28px;
}

.vc-highlight.vc-highlight-base-start {
  width: 50% !important;
  border-radius: 0 !important;
  border-right-width: 0 !important;
}

.vc-highlight.vc-highlight-base-end {
  width: 50% !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
}

.vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  margin: 0 -1px;
}

.vc-highlight-bg-none, .vc-highlight-bg-outline {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-content-none, .vc-highlight-content-outline {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}

.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}

.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

.vc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}

.vc-dot:not(:last-child) {
  margin-right: 3px;
}

.vc-bars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
}

.vc-bar {
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}

.vc-dot {
  background-color: var(--vc-dot-bg);
}

.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}

.vc-weeknumber {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.vc-weeknumber.is-left {
  left: calc(var(--vc-weeknumber-offset-inside) * -1);
}

.vc-weeknumber.is-right {
  right: calc(var(--vc-weeknumber-offset-inside) * -1);
}

.vc-weeknumber.is-left-outside {
  left: calc(var(--vc-weeknumber-offset-outside) * -1);
}

.vc-weeknumber.is-right-outside {
  right: calc(var(--vc-weeknumber-offset-outside) * -1);
}

.vc-weeknumber-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vc-weeks {
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}

.vc-weeks.vc-show-weeknumbers-left {
  margin-left: var(--vc-weeknumber-offset-inside);
}

.vc-weeks.vc-show-weeknumbers-right {
  margin-right: var(--vc-weeknumber-offset-inside);
}

.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vc-week, .vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}

.vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}

.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}

.vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}

.vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}

.vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}

.vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}

.vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}

.vc-popover-caret.direction-bottom {
  top: 0;
}

.vc-popover-caret.direction-bottom.align-left {
  transform: translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-bottom.align-center {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-bottom.align-right {
  transform: translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-top {
  top: 100%;
}

.vc-popover-caret.direction-top.align-left {
  transform: translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-top.align-center {
  transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-top.align-right {
  transform: translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-left {
  left: 100%;
}

.vc-popover-caret.direction-left.align-top {
  transform: translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-left.align-middle {
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-left.align-bottom {
  transform: translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-right {
  left: 0;
}

.vc-popover-caret.direction-right.align-top {
  transform: translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.direction-right.align-middle {
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.direction-right.align-bottom {
  transform: translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}

.vc-popover-caret.align-center {
  left: 50%;
}

.vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}

.vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}

.vc-popover-caret.align-middle {
  top: 50%;
}

.vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}

.vc-nav-header {
  display: flex;
  justify-content: space-between;
}

.vc-nav-arrow, .vc-nav-item, .vc-nav-title {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}

.vc-nav-arrow:hover, .vc-nav-item:hover, .vc-nav-title:hover {
  background-color: var(--vc-nav-hover-bg);
}

.vc-nav-arrow:disabled, .vc-nav-item:disabled, .vc-nav-title:disabled {
  opacity: 0.25;
  pointer-events: none;
}

.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}

.vc-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}

.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}

.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}

.vc-nav-item.is-active {
  color: var(--vc-nav-item-active-color);
  background-color: var(--vc-nav-item-active-bg);
  font-weight: var(--vc-font-bold);
}

.vc-nav-item.is-active:not(:focus) {
  box-shadow: var(--vc-nav-item-active-box-shadow);
}

.vc-nav-item.is-current {
  color: var(--vc-nav-item-current-color);
}

.vc-day-popover-row {
  display: flex;
  align-items: center;
  transition: var(--vc-day-content-transition);
}

.vc-day-popover-row-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: 15px;
}

.vc-day-popover-row-indicator span {
  transition: var(--vc-day-content-transition);
}

.vc-day-popover-row-label {
  display: flex;
  align-items: center;
  flex-wrap: none;
  flex-grow: 1;
  width: -moz-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}

.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}

.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}

.vc-pane-container.in-transition {
  overflow: hidden;
}

.vc-pane-layout {
  display: grid;
}

.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}

.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
}

.vc-base-select select {
  color: var(--vc-select-color);
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
  border-radius: var(--vc-rounded);
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 4px;
  margin: 0;
  line-height: var(--leading-none);
  text-indent: 0;
  background-image: none;
  cursor: pointer;
  text-align: center;
}

.vc-base-select select:hover {
  background-color: var(--vc-select-hover-bg);
}

.vc-base-select select.vc-has-icon {
  padding: 0 24px 0 10px;
}

.vc-base-select select.vc-small {
  font-size: var(--vc-text-sm);
}

.vc-base-select select.vc-small.vc-has-icon {
  padding: 0 20px 0 8 px;
}

.vc-base-select select.vc-align-left {
  text-align: left;
}

.vc-base-select select.vc-align-right {
  text-align: right;
}

.vc-base-select .vc-base-icon {
  position: absolute;
  top: 6px;
  right: 4px;
  opacity: 0.6;
  pointer-events: none;
}

.vc-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}

.vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: 0.5;
}

.vc-time-picker.vc-attached {
  border-top: 1px solid var(--vc-time-picker-border);
}

.vc-time-picker > * + * {
  margin-top: 4px;
}

.vc-time-header {
  display: flex;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}

.vc-time-select-group {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}

.vc-time-select-group .vc-base-icon {
  margin-right: 4px;
  color: var(--vc-time-select-group-icon-color);
}

.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}

.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}

.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}

.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}

.vc-time-colon {
  margin: 0 1px 2px 2px;
}

.vc-time-decimal {
  margin: 0 0 0 1px;
}

.vc-none-enter-active, .vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active, .vc-fade-leave-active, .vc-slide-down-enter-active, .vc-slide-down-leave-active, .vc-slide-fade-enter-active, .vc-slide-fade-leave-active, .vc-slide-left-enter-active, .vc-slide-left-leave-active, .vc-slide-right-enter-active, .vc-slide-right-leave-active, .vc-slide-up-enter-active, .vc-slide-up-leave-active {
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing);
  backface-visibility: hidden;
  pointer-events: none;
}

.vc-fade-leave-active, .vc-none-leave-active, .vc-slide-down-leave-active, .vc-slide-left-leave-active, .vc-slide-right-leave-active, .vc-slide-up-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-fade-enter-from, .vc-fade-leave-to, .vc-none-enter-from, .vc-none-leave-to, .vc-slide-down-enter-from, .vc-slide-down-leave-to, .vc-slide-fade-enter-from, .vc-slide-fade-leave-to, .vc-slide-left-enter-from, .vc-slide-left-leave-to, .vc-slide-right-enter-from, .vc-slide-right-leave-to, .vc-slide-up-enter-from, .vc-slide-up-leave-to {
  opacity: 0;
}

.vc-slide-fade-enter-from.direction-left, .vc-slide-fade-leave-to.direction-left, .vc-slide-left-enter-from, .vc-slide-right-leave-to {
  transform: translateX(var(--vc-slide-translate));
}

.vc-slide-fade-enter-from.direction-right, .vc-slide-fade-leave-to.direction-right, .vc-slide-left-leave-to, .vc-slide-right-enter-from {
  transform: translateX(calc(var(--vc-slide-translate) * -1));
}

.vc-slide-down-leave-to, .vc-slide-fade-enter-from.direction-top, .vc-slide-fade-leave-to.direction-top, .vc-slide-up-enter-from {
  transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from, .vc-slide-fade-enter-from.direction-bottom, .vc-slide-fade-leave-to.direction-bottom, .vc-slide-up-leave-to {
  transform: translateY(calc(var(--vc-slide-translate) * -1));
}

:root {
  --vc-white: #fff;
  --vc-black: #000;
  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;
  --vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;
  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;
  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;
  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;
  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;
  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside:34px ;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900:var(--vc-gray-900) ;
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900:#7f1d1d ;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900:#7c2d12 ;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900:#713f12 ;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900:#14532d ;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900:#134e4a ;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900:#1e3a8a ;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900:#312e81 ;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900:#581c87 ;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900:#831843 ;
}

.vc-focus:focus-within {
  outline: 0;
  box-shadow: var(--vc-focus-ring);
}

.vc-light {
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: rgba(204, 214, 224, .3);
  --vc-focus-ring: 0 0 0 2px rgba(59, 131, 246, .4);
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  --vc-weekday-color: var(--vc-gray-500);
  --vc-weeknumber-color: var(--vc-gray-400);
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vg-gray-50);
  --vc-select-hover-bg: var(--vc-gray-100);
  --vc-select-border: var(--vc-gray-300);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color:var(--vc-gray-400) ;
}

.vc-light .vc-attr, .vc-light.vc-attr {
  --vc-content-color: var(--vc-accent-600);
  --vc-highlight-outline-bg: var(--vc-white);
  --vc-highlight-outline-border: var(--vc-accent-600);
  --vc-highlight-outline-content-color: var(--vc-accent-700);
  --vc-highlight-light-bg: var(--vc-accent-200);
  --vc-highlight-light-content-color: var(--vc-accent-900);
  --vc-highlight-solid-bg: var(--vc-accent-600);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-600);
  --vc-bar-bg:var(--vc-accent-600) ;
}

.vc-dark {
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: rgba(114, 129, 151, .3);
  --vc-focus-ring: 0 0 0 2px rgba(59, 130, 246, .7);
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  --vc-weekday-color: var(--vc-accent-200);
  --vc-weeknumber-color: var(--vc-gray-500);
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  --vc-select-border: var(--vc-gray-500);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color:var(--vc-gray-600) ;
}

.vc-dark .vc-attr, .vc-dark.vc-attr {
  --vc-content-color: var(--vc-accent-500);
  --vc-highlight-outline-bg: var(--vc-gray-900);
  --vc-highlight-outline-border: var(--vc-accent-300);
  --vc-highlight-outline-content-color: var(--vc-accent-200);
  --vc-highlight-light-bg: var(--vc-accent-800);
  --vc-highlight-light-content-color: var(--vc-accent-100);
  --vc-highlight-solid-bg: var(--vc-accent-500);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-500);
  --vc-bar-bg:var(--vc-accent-500) ;
}

.vc-container {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container, .vc-container * {
  box-sizing: border-box;
}

.vc-container :focus, .vc-container:focus {
  outline: none;
}

.vc-container .vc-container {
  border: none;
}

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
  border: 0;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff ;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000 ;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fade-up-animation {
  animation: fadeOutUp 1s ease;
}

.fade-down-animation {
  animation: fadeOutDown 1s ease;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active {
  animation: logotype 0.5s ease;
}

.logotype-leave-active {
  animation: logotype 0.5s ease reverse;
}

@keyframes logotype {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn {
  animation: cardMoveInside ease forwards;
  animation-duration: 2s;
}

.cardMoveOut {
  animation: cardMoveOutside ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

@keyframes slide-up {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active {
  animation: ipad-slide 0.4s ease;
}

.ipad-slide-leave-active {
  animation: ipad-slide 0.4s ease reverse;
}

@keyframes ipad-slide {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.row-block {
  display: flex;
  flex-direction: row;
}

.row-reverse-block {
  display: flex;
  flex-direction: row-reverse;
}

.column-block {
  display: flex;
  flex-direction: column;
}

.flex-block {
  display: flex;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.align-start {
  display: flex;
  align-content: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.picture-handler {
  display: flex;
  cursor: pointer;
}

.debug {
  border: 1px solid red;
}

*, :after, :before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  line-height: normal;
  outline: none;
}

* input, * textarea, :after input, :after textarea, :before input, :before textarea {
  outline: none;
  resize: none;
}

body, html {
  width: 100%;
  height: 100%;
}

html {
  overflow: hidden;
}

body {
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: inherit;
}

img {
  pointer-events: none;
}

input {
  outline: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

.cauldron-tooltip {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  background-color: #121213;
  padding: 1.3888888889vh;
  border-radius: 0.5555555556vh;
  color: #fff;
  transform: translateX(-50%) translateY(80%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.vue-recycle-scroller {
  position: relative;
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}

.vue-recycle-scroller.direction-horizontal {
  display: flex;
}

.vue-recycle-scroller__slot {
  flex: auto 0 0;
}

.vue-recycle-scroller__item-wrapper {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}

.resize-observer[data-v-b329ee4c] {
  border: none;
  background-color: transparent;
  opacity: 0;
}

.resize-observer[data-v-b329ee4c], .resize-observer[data-v-b329ee4c] object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
  overflow: hidden;
}

.fade-up-animation[data-v-127ac8ac] {
  animation: fadeOutUp-127ac8ac 1s ease;
}

.fade-down-animation[data-v-127ac8ac] {
  animation: fadeOutDown-127ac8ac 1s ease;
}

@keyframes fadeOutUp-127ac8ac {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-127ac8ac {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-127ac8ac] {
  animation: logotype-127ac8ac 0.5s ease;
}

.logotype-leave-active[data-v-127ac8ac] {
  animation: logotype-127ac8ac 0.5s ease reverse;
}

@keyframes logotype-127ac8ac {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-127ac8ac] {
  animation: cardMoveInside-127ac8ac ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-127ac8ac] {
  animation: cardMoveOutside-127ac8ac ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-127ac8ac {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-127ac8ac {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-127ac8ac {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-127ac8ac], .fade-leave-to[data-v-127ac8ac] {
  opacity: 0;
}

.fade-enter-active[data-v-127ac8ac], .fade-leave-active[data-v-127ac8ac] {
  transition: opacity 0.5s;
}

@keyframes slide-up-127ac8ac {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-127ac8ac {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-127ac8ac] {
  animation: ipad-slide-127ac8ac 0.4s ease;
}

.ipad-slide-leave-active[data-v-127ac8ac] {
  animation: ipad-slide-127ac8ac 0.4s ease reverse;
}

@keyframes ipad-slide-127ac8ac {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-127ac8ac {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.visual-card-cover .payment .close-block[data-v-127ac8ac] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-127ac8ac] {
  display: flex;
}

.justify-start[data-v-127ac8ac] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-127ac8ac] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-127ac8ac] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-127ac8ac] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-127ac8ac] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-127ac8ac] {
  display: flex;
  align-items: center;
}

.align-end[data-v-127ac8ac] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-127ac8ac] {
  width: 100%;
}

.full-height[data-v-127ac8ac] {
  height: 100%;
}

.picture-handler[data-v-127ac8ac] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-127ac8ac] {
  border: 1px solid red;
}

.visual-card.premium[data-v-127ac8ac] {
  background: #000;
}

.visual-card.standart[data-v-127ac8ac] {
  background: #127b26;
}

.visual-card.vip[data-v-127ac8ac] {
  background: #988349;
}

.visual-card[data-v-127ac8ac] {
  height: 11.5740740741vh;
  width: 20vh;
  border-radius: 0.6481481481vh;
  overflow: hidden;
  position: relative;
}

.visual-card .card-companies[data-v-127ac8ac] {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.9444444444vh;
}

.visual-card .card-companies .fleeca[data-v-127ac8ac] {
  margin-left: 1.4814814815vh;
  width: 5.5555555556vh;
}

.visual-card .card-companies .visa[data-v-127ac8ac] {
  margin-right: 1.4814814815vh;
}

.visual-card .card-number-box[data-v-127ac8ac] {
  display: inline-flex;
  margin-top: 1.4814814815vh;
  margin-left: 1.4814814815vh;
  letter-spacing: 0.0925925926vh;
  margin-bottom: 1.0185185185vh;
}

.visual-card .card-number-box .card-number[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.7407407407vh;
  letter-spacing: 0.1851851852vh;
  color: #fff;
  margin-left: 0.7407407407vh;
}

.visual-card .card-info_container[data-v-127ac8ac] {
  display: flex;
  flex-direction: column;
}

.visual-card .card-info_container .card-info-titles[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.7407407407vh;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  color: hsla(0, 0%, 100%, 0.5);
}

.visual-card .card-info_container .card-info-titles .card-owner-title[data-v-127ac8ac] {
  margin-left: 1.4814814815vh;
}

.visual-card .card-info_container .card-info-titles .validity[data-v-127ac8ac] {
  margin-right: 1.4814814815vh;
}

.visual-card .card-info_container .card-owner-info[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.0185185185vh;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  bottom: 0.1851851852vh;
  color: #fff;
}

.visual-card .card-info_container .card-owner-info .owner-name[data-v-127ac8ac] {
  margin-left: 1.4814814815vh;
}

.visual-card .card-info_container .card-owner-info .validity-time[data-v-127ac8ac] {
  margin-right: 1.4814814815vh;
}

.visual-card-cover[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.visual-card-cover .payment[data-v-127ac8ac] {
  position: relative;
  width: 45.7407407407vh;
  height: 26.7592592593vh;
  border-radius: 0.9259259259vh;
}

.visual-card-cover .payment .card-content[data-v-127ac8ac] {
  position: relative;
}

.visual-card-cover .payment .card-companies[data-v-127ac8ac] {
  position: relative;
  padding: 3.5185185185vh 2.8703703704vh 0 2.8703703704vh;
}

.visual-card-cover .payment .card-companies .fleeca[data-v-127ac8ac] {
  width: 13.0555555556vh;
  margin: 0;
}

.visual-card-cover .payment .card-companies .card-type[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.3148148148vh;
  color: #fff;
  text-transform: capitalize;
}

.visual-card-cover .payment .close-block[data-v-127ac8ac] {
  width: 2.7777777778vh;
  height: 2.7777777778vh;
  border-radius: 50%;
  position: absolute;
  top: 0.462962963vh;
  right: 0.462962963vh;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.visual-card-cover .payment .close-block svg[data-v-127ac8ac] {
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}

.visual-card-cover .payment .close-block[data-v-127ac8ac]:active {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.visual-card-cover .payment .card-number-box[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  margin-left: 2.8703703704vh;
  margin-top: 3.3333333333vh;
}

.visual-card-cover .payment .card-number-box .card-chip[data-v-127ac8ac] {
  width: 3.7037037037vh;
}

.visual-card-cover .payment .card-number-box .card-number[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.9444444444vh;
  letter-spacing: 1.0185185185vh;
  margin-left: 1.2962962963vh;
}

.visual-card-cover .payment .card-number-box .NFC[data-v-127ac8ac] {
  margin-top: -_rem(40px);
  margin-left: 1.0185185185vh;
  width: 1.4814814815vh;
}

.visual-card-cover .payment .card-number-box .card-code[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  right: 2.8703703704vh;
}

.visual-card-cover .payment .card-number-box .card-code__title[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.5740740741vh;
  margin-bottom: 0.462962963vh;
  color: hsla(0, 0%, 100%, 0.5);
}

.visual-card-cover .payment .card-number-box .card-code__input[data-v-127ac8ac] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.3148148148vh;
  width: 10.462962963vh;
  height: 2.8703703704vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  color: #fff;
  letter-spacing: 1.0185185185vh;
  text-align: center;
  border: none;
  border-radius: 0.2777777778vh;
  padding-left: 1.0185185185vh;
  outline: none;
}

.visual-card-cover .payment .card-info-titles[data-v-127ac8ac] {
  margin-top: 2.5925925926vh;
  font-size: 1.9444444444vh;
}

.visual-card-cover .payment .card-info-titles .card-owner-title[data-v-127ac8ac] {
  margin-left: 2.8703703704vh;
}

.visual-card-cover .payment .card-info-titles .validity[data-v-127ac8ac] {
  margin-right: 2.8703703704vh;
}

.visual-card-cover .payment .card-owner-info[data-v-127ac8ac] {
  font-size: 2.3148148148vh;
}

.visual-card-cover .payment .card-owner-info .owner-name[data-v-127ac8ac] {
  margin-left: 2.8703703704vh;
}

.visual-card-cover .payment .card-owner-info .validity-time[data-v-127ac8ac] {
  margin-right: 2.8703703704vh;
}

.card-mask[data-v-127ac8ac] {
  pointer-events: none;
  height: inherit;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fade-up-animation[data-v-65f8d482] {
  animation: fadeOutUp-65f8d482 1s ease;
}

.fade-down-animation[data-v-65f8d482] {
  animation: fadeOutDown-65f8d482 1s ease;
}

@keyframes fadeOutUp-65f8d482 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-65f8d482 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-65f8d482] {
  animation: logotype-65f8d482 0.5s ease;
}

.logotype-leave-active[data-v-65f8d482] {
  animation: logotype-65f8d482 0.5s ease reverse;
}

@keyframes logotype-65f8d482 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-65f8d482] {
  animation: cardMoveInside-65f8d482 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-65f8d482] {
  animation: cardMoveOutside-65f8d482 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-65f8d482 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-65f8d482 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-65f8d482 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-65f8d482], .fade-leave-to[data-v-65f8d482] {
  opacity: 0;
}

.fade-enter-active[data-v-65f8d482], .fade-leave-active[data-v-65f8d482] {
  transition: opacity 0.5s;
}

@keyframes slide-up-65f8d482 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-65f8d482 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-65f8d482] {
  animation: ipad-slide-65f8d482 0.4s ease;
}

.ipad-slide-leave-active[data-v-65f8d482] {
  animation: ipad-slide-65f8d482 0.4s ease reverse;
}

@keyframes ipad-slide-65f8d482 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-65f8d482 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.notification-block[data-v-65f8d482] {
  display: flex;
  flex-direction: row;
  gap: 0.9259259259vh;
  width: 100%;
  min-height: 4.0740740741vh;
  background-color: rgba(30, 33, 36, 0.8);
  position: relative;
  padding: 1.1111111111vh 1.8518518519vh 1.1111111111vh 1.2962962963vh;
  border-radius: 0.5555555556vh;
  overflow: hidden;
}

.notification-block[data-v-65f8d482]:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0.2777777778vh;
  height: 100%;
  background-color: var(--right-line-color);
}

.notification-block.error[data-v-65f8d482] {
  --right-line-color:#e04f5f ;
}

.notification-block.warn[data-v-65f8d482] {
  --right-line-color:#f9bf2c ;
}

.notification-block.success[data-v-65f8d482] {
  --right-line-color:#32be83 ;
}

.notification-block__icon-container[data-v-65f8d482] {
  align-self: flex-start;
  margin-top: 0.3240740741vh;
}

.notification-block__icon-container svg[data-v-65f8d482], .notification-block__icon-container[data-v-65f8d482] {
  width: 1.4814814815vh;
  max-width: 1.4814814815vh;
  min-width: 1.4814814815vh;
  height: 1.4814814815vh;
  max-height: 1.4814814815vh;
  min-height: 1.4814814815vh;
}

.notification-block__icon-container svg[data-v-65f8d482] {
  animation: appearing-65f8d482 1s ease forwards;
}

@keyframes appearing-65f8d482 {
  0% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0);
  }
}
.notification-block__text[data-v-65f8d482] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  line-height: 2.2222222222vh;
  color: #fff;
}

.news-notify .contact[data-v-7a2d8c7a] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-notify .notify-data .timeline[data-v-7a2d8c7a] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-7a2d8c7a] {
  display: flex;
}

.justify-start[data-v-7a2d8c7a] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-7a2d8c7a] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-7a2d8c7a] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-7a2d8c7a] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-7a2d8c7a] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-7a2d8c7a] {
  display: flex;
  align-items: center;
}

.align-end[data-v-7a2d8c7a] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-7a2d8c7a] {
  width: 100%;
}

.full-height[data-v-7a2d8c7a] {
  height: 100%;
}

.picture-handler[data-v-7a2d8c7a] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-7a2d8c7a] {
  border: 1px solid red;
}

.fade-up-animation[data-v-7a2d8c7a] {
  animation: fadeOutUp-7a2d8c7a 1s ease;
}

.fade-down-animation[data-v-7a2d8c7a] {
  animation: fadeOutDown-7a2d8c7a 1s ease;
}

@keyframes fadeOutUp-7a2d8c7a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7a2d8c7a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7a2d8c7a] {
  animation: logotype-7a2d8c7a 0.5s ease;
}

.logotype-leave-active[data-v-7a2d8c7a] {
  animation: logotype-7a2d8c7a 0.5s ease reverse;
}

@keyframes logotype-7a2d8c7a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7a2d8c7a] {
  animation: cardMoveInside-7a2d8c7a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7a2d8c7a] {
  animation: cardMoveOutside-7a2d8c7a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7a2d8c7a {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-7a2d8c7a {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-7a2d8c7a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7a2d8c7a], .fade-leave-to[data-v-7a2d8c7a] {
  opacity: 0;
}

.fade-enter-active[data-v-7a2d8c7a], .fade-leave-active[data-v-7a2d8c7a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7a2d8c7a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7a2d8c7a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7a2d8c7a] {
  animation: ipad-slide-7a2d8c7a 0.4s ease;
}

.ipad-slide-leave-active[data-v-7a2d8c7a] {
  animation: ipad-slide-7a2d8c7a 0.4s ease reverse;
}

@keyframes ipad-slide-7a2d8c7a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7a2d8c7a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-7a2d8c7a], .local-fade-leave-to[data-v-7a2d8c7a] {
  opacity: 0;
}

.local-fade-enter-active[data-v-7a2d8c7a], .local-fade-leave-active[data-v-7a2d8c7a] {
  transition: opacity 0.2s;
}

.news-notify[data-v-7a2d8c7a] {
  max-width: 25vh;
  min-width: 25vh;
  width: 25vh;
  background: rgba(0, 0, 0, 0.75);
}

.news-notify .header-block[data-v-7a2d8c7a] {
  background: rgba(0, 0, 0, 0.25);
  position: relative;
}

.news-notify .header-block__picture[data-v-7a2d8c7a] {
  width: 4.8148148148vh;
  height: 4.8148148148vh;
}

.news-notify .header-block .headers-block[data-v-7a2d8c7a] {
  margin-left: 0.9259259259vh;
}

.news-notify .header-block .headers-block span[data-v-7a2d8c7a]:first-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5740740741vh;
  color: #fff;
}

.news-notify .header-block .headers-block span[data-v-7a2d8c7a]:last-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5740740741vh;
  color: #fff;
}

.news-notify .header-block .callback[data-v-7a2d8c7a] {
  position: absolute;
  top: 0.9259259259vh;
  right: 0.9259259259vh;
  cursor: pointer;
}

.news-notify .header-block .callback__picture[data-v-7a2d8c7a] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
}

.news-notify .notify-data[data-v-7a2d8c7a] {
  padding: 0.9259259259vh 1.3888888889vh;
  position: relative;
}

.news-notify .notify-data .timeline[data-v-7a2d8c7a] {
  background: rgba(225, 32, 32, 0.5);
  height: 0.1851851852vh;
}

.news-notify .notify-data .timeline__progress[data-v-7a2d8c7a] {
  height: inherit;
  background: #e12020;
  animation: progress-7a2d8c7a 10s linear forwards;
}

@keyframes progress-7a2d8c7a {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.news-notify .notify-data__text-author span[data-v-7a2d8c7a]:first-child, .news-notify .notify-data__text-editor span[data-v-7a2d8c7a]:first-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #e12020;
}

.news-notify .notify-data__text-author span[data-v-7a2d8c7a]:last-child, .news-notify .notify-data__text-editor span[data-v-7a2d8c7a]:last-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  margin-left: 0.462962963vh;
}

.news-notify .notify-data__text-message[data-v-7a2d8c7a] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  margin-top: 0.9259259259vh;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.news-notify .notify-data .additional-info[data-v-7a2d8c7a] {
  margin-top: 0.9259259259vh;
}

.news-notify .notify-data .additional-info__text-tel span[data-v-7a2d8c7a]:first-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #e12020;
}

.news-notify .notify-data .additional-info__text-tel span[data-v-7a2d8c7a]:last-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  margin-left: 0.462962963vh;
}

.news-notify .notify-data .additional-info__text-date[data-v-7a2d8c7a] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: hsla(0, 0%, 100%, 0.25);
}

.news-notify .contact[data-v-7a2d8c7a] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  background: #e12020;
  color: #fff;
  padding: 0.9259259259vh 0;
  cursor: pointer;
}

[data-v-4a6cab1c] {
  font-family: var(--IntegratedFont);
}

.contentT-leave-active[data-v-4a6cab1c] {
  height: 0 !important;
}

.wrapper[data-v-4a6cab1c] {
  height: 100%;
  transition: height 0.2s ease, transform 0.2s ease;
  margin-top: 0.9259259259vh;
}

.wn[data-v-4a6cab1c] {
  position: relative;
  width: 25vh;
  display: flex;
  flex-direction: column;
  gap: 0.1851851852vh;
  transition: transform 0.2s ease;
}

.wn.swipe-left[data-v-4a6cab1c] {
  transform: translateX(-200%);
}

.wn-header[data-v-4a6cab1c] {
  display: flex;
  height: 2.2222222222vh;
  padding: 0.9259259259vh;
  justify-content: center;
  align-items: center;
  gap: 0.9259259259vh;
  align-self: stretch;
  border-radius: 0.5555555556vh;
  background: rgba(32, 32, 32, 0.85);
}

.wn-header p[data-v-4a6cab1c] {
  text-align: center;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.wn .main[data-v-4a6cab1c] {
  display: flex;
  flex-direction: column;
  gap: 0.9259259259vh;
  align-items: flex-start;
  align-self: stretch;
  padding: 1.2962962963vh;
  border-radius: 0.5555555556vh;
  background: rgba(32, 32, 32, 0.85);
}

.wn .main-header[data-v-4a6cab1c] {
  display: flex;
  gap: 0.9259259259vh;
  width: 100%;
}

.wn .main-header__content[data-v-4a6cab1c] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 3.1481481481vh;
}

.wn .main-header__content .title[data-v-4a6cab1c] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.wn .main-header__content .title span[data-v-4a6cab1c] {
  display: flex;
  align-items: center;
  gap: 0.3703703704vh;
}

.wn .main-header__content .title span svg[data-v-4a6cab1c] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  fill: #fff;
}

.wn .main-header__content p[data-v-4a6cab1c] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.wn .main-header__logo[data-v-4a6cab1c] {
  border-radius: 0.5555555556vh;
  overflow: hidden;
  flex-shrink: 0;
  width: 3.1481481481vh;
  height: 3.1481481481vh;
}

.wn .main-header__logo svg[data-v-4a6cab1c] {
  width: 100%;
  height: 100%;
}

.wn .main-line[data-v-4a6cab1c] {
  position: relative;
  width: 100%;
  height: 0.1851851852vh;
  border-radius: 0.9259259259vh;
  overflow: hidden;
}

.wn .main-line__back[data-v-4a6cab1c] {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: #6c6c6c;
}

.wn .main-line__progress[data-v-4a6cab1c] {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: width 0.1s linear;
  background-color: #ca2024;
}

.wn .main-desc[data-v-4a6cab1c] {
  width: 100%;
  word-wrap: break-word;
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.wn .main-params[data-v-4a6cab1c] {
  display: flex;
  flex-direction: column;
}

.wn .main-params div[data-v-4a6cab1c] {
  gap: 0.3703703704vh;
  color: hsla(0, 0%, 100%, 0.6);
}

.wn .main-params div p[data-v-4a6cab1c], .wn .main-params div[data-v-4a6cab1c] {
  display: flex;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.wn .main-params div p[data-v-4a6cab1c] {
  color: #fff;
}

.wn .main-footer[data-v-4a6cab1c] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.wn .main-footer__left[data-v-4a6cab1c] {
  display: flex;
  align-items: center;
  gap: 0.9259259259vh;
}

.wn .main-footer .point[data-v-4a6cab1c] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4074074074vh;
  height: 2.4074074074vh;
  border-radius: 50%;
  background: hsla(0, 0%, 7%, 0.8);
  transition: background 0.2s ease;
  cursor: pointer;
}

.wn .main-footer .point[data-v-4a6cab1c]:hover {
  background: #ed2e2e;
}

.wn .main-footer .point:hover svg[data-v-4a6cab1c] {
  fill: #fff;
}

.wn .main-footer .point svg[data-v-4a6cab1c] {
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  fill: hsla(0, 0%, 100%, 0.749);
  transition: fill 0.2s ease;
}

.disposable-notification header .exclamation[data-v-4bc17504] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-4bc17504] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-4bc17504] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-4bc17504] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-4bc17504] {
  display: flex;
}

.justify-start[data-v-4bc17504] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-4bc17504] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-4bc17504] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-4bc17504] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-4bc17504] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-4bc17504] {
  display: flex;
  align-items: center;
}

.align-end[data-v-4bc17504] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-4bc17504] {
  width: 100%;
}

.full-height[data-v-4bc17504] {
  height: 100%;
}

.picture-handler[data-v-4bc17504] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-4bc17504] {
  border: 1px solid red;
}

.fade-up-animation[data-v-4bc17504] {
  animation: fadeOutUp-4bc17504 1s ease;
}

.fade-down-animation[data-v-4bc17504] {
  animation: fadeOutDown-4bc17504 1s ease;
}

@keyframes fadeOutUp-4bc17504 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-4bc17504 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-4bc17504] {
  animation: logotype-4bc17504 0.5s ease;
}

.logotype-leave-active[data-v-4bc17504] {
  animation: logotype-4bc17504 0.5s ease reverse;
}

@keyframes logotype-4bc17504 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-4bc17504] {
  animation: cardMoveInside-4bc17504 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-4bc17504] {
  animation: cardMoveOutside-4bc17504 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-4bc17504 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-4bc17504 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-4bc17504 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-4bc17504], .fade-leave-to[data-v-4bc17504] {
  opacity: 0;
}

.fade-enter-active[data-v-4bc17504], .fade-leave-active[data-v-4bc17504] {
  transition: opacity 0.5s;
}

@keyframes slide-up-4bc17504 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-4bc17504 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-4bc17504] {
  animation: ipad-slide-4bc17504 0.4s ease;
}

.ipad-slide-leave-active[data-v-4bc17504] {
  animation: ipad-slide-4bc17504 0.4s ease reverse;
}

@keyframes ipad-slide-4bc17504 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-4bc17504 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-4bc17504], .local-fade-leave-to[data-v-4bc17504] {
  opacity: 0;
}

.local-fade-enter-active[data-v-4bc17504], .local-fade-leave-active[data-v-4bc17504] {
  transition: opacity 0.2s;
}

.disposable-notification[data-v-4bc17504] {
  min-width: 34.3518518519vh;
  max-width: 34.3518518519vh;
}

.disposable-notification header[data-v-4bc17504] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  background-color: #ffc130;
  color: #1e2124;
  min-width: inherit;
  padding: 0.462962963vh 0 0.462962963vh 1.3888888889vh;
  position: relative;
  border-top-left-radius: 0.2777777778vh;
  border-top-right-radius: 0.2777777778vh;
}

.disposable-notification header .exclamation[data-v-4bc17504] {
  background-color: #ffc130;
  width: 2.037037037vh;
  height: 2.037037037vh;
  margin-right: 0.9259259259vh;
}

.disposable-notification main[data-v-4bc17504] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  background-color: #1e2124;
  color: #fff;
  padding: 0.9259259259vh 1.3888888889vh 1.3888888889vh 1.3888888889vh;
  border-bottom-left-radius: 0.2777777778vh;
}

.disposable-notification .triangle[data-v-4bc17504] {
  min-width: 1.0185185185vh;
  height: 1.1111111111vh;
  background-image: linear-gradient(to right top, #1e2124 50%, transparent 50.000001%);
}

.row-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-0f77d0c3] {
  display: flex;
}

.justify-start[data-v-0f77d0c3] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-0f77d0c3] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-0f77d0c3] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-0f77d0c3] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-0f77d0c3] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-0f77d0c3] {
  display: flex;
  align-items: center;
}

.align-end[data-v-0f77d0c3] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-0f77d0c3] {
  width: 100%;
}

.full-height[data-v-0f77d0c3] {
  height: 100%;
}

.picture-handler[data-v-0f77d0c3] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-0f77d0c3] {
  border: 1px solid red;
}

.fade-up-animation[data-v-0f77d0c3] {
  animation: fadeOutUp-0f77d0c3 1s ease;
}

.fade-down-animation[data-v-0f77d0c3] {
  animation: fadeOutDown-0f77d0c3 1s ease;
}

@keyframes fadeOutUp-0f77d0c3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0f77d0c3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0f77d0c3] {
  animation: logotype-0f77d0c3 0.5s ease;
}

.logotype-leave-active[data-v-0f77d0c3] {
  animation: logotype-0f77d0c3 0.5s ease reverse;
}

@keyframes logotype-0f77d0c3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0f77d0c3] {
  animation: cardMoveInside-0f77d0c3 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0f77d0c3] {
  animation: cardMoveOutside-0f77d0c3 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0f77d0c3 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-0f77d0c3 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-0f77d0c3 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0f77d0c3], .fade-leave-to[data-v-0f77d0c3] {
  opacity: 0;
}

.fade-enter-active[data-v-0f77d0c3], .fade-leave-active[data-v-0f77d0c3] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0f77d0c3 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0f77d0c3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0f77d0c3] {
  animation: ipad-slide-0f77d0c3 0.4s ease;
}

.ipad-slide-leave-active[data-v-0f77d0c3] {
  animation: ipad-slide-0f77d0c3 0.4s ease reverse;
}

@keyframes ipad-slide-0f77d0c3 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0f77d0c3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-0f77d0c3], .local-fade-leave-to[data-v-0f77d0c3] {
  opacity: 0;
}

.local-fade-enter-active[data-v-0f77d0c3], .local-fade-leave-active[data-v-0f77d0c3] {
  transition: opacity 0.2s;
}

.news-notify[data-v-0f77d0c3] {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 2.2222222222vh;
  padding: 2.2222222222vh;
  width: 44.4444444444vh;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.7407407407vh;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.35));
  overflow: hidden;
}

.news-notify .title[data-v-0f77d0c3] {
  margin-bottom: 1.2962962963vh;
  color: #fff;
  font-size: 1.4814814815vh;
  font-weight: 900;
  text-transform: uppercase;
}

.news-notify .text[data-v-0f77d0c3] {
  color: #fff;
  font-size: 1.4814814815vh;
  font-weight: 500;
}

.news-notify .progress[data-v-0f77d0c3] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3703703704vh;
}

.news-notify .progress-value[data-v-0f77d0c3] {
  background: #ddd;
  height: 100%;
  transition: width 0.2s linear;
}

.news-notify [data-v-0f77d0c3] {
  font-family: var(--IntegratedFont);
}

.keys-container .keys-block .key-block .key-block-value[data-v-88632a9a] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-88632a9a] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-88632a9a] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-88632a9a] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-88632a9a] {
  display: flex;
}

.justify-start[data-v-88632a9a] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-88632a9a] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-88632a9a] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-88632a9a] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-88632a9a] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-88632a9a] {
  display: flex;
  align-items: center;
}

.align-end[data-v-88632a9a] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-88632a9a] {
  width: 100%;
}

.full-height[data-v-88632a9a] {
  height: 100%;
}

.picture-handler[data-v-88632a9a] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-88632a9a] {
  border: 1px solid red;
}

.fade-up-animation[data-v-88632a9a] {
  animation: fadeOutUp-88632a9a 1s ease;
}

.fade-down-animation[data-v-88632a9a] {
  animation: fadeOutDown-88632a9a 1s ease;
}

@keyframes fadeOutUp-88632a9a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-88632a9a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-88632a9a] {
  animation: logotype-88632a9a 0.5s ease;
}

.logotype-leave-active[data-v-88632a9a] {
  animation: logotype-88632a9a 0.5s ease reverse;
}

@keyframes logotype-88632a9a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-88632a9a] {
  animation: cardMoveInside-88632a9a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-88632a9a] {
  animation: cardMoveOutside-88632a9a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-88632a9a {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-88632a9a {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-88632a9a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-88632a9a], .fade-leave-to[data-v-88632a9a] {
  opacity: 0;
}

.fade-enter-active[data-v-88632a9a], .fade-leave-active[data-v-88632a9a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-88632a9a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-88632a9a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-88632a9a] {
  animation: ipad-slide-88632a9a 0.4s ease;
}

.ipad-slide-leave-active[data-v-88632a9a] {
  animation: ipad-slide-88632a9a 0.4s ease reverse;
}

@keyframes ipad-slide-88632a9a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-88632a9a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.keys-container[data-v-88632a9a] {
  pointer-events: none;
  z-index: 100;
  position: absolute;
}

.keys-container .keys-block[data-v-88632a9a] {
  position: absolute;
  background-color: #1e2124;
  gap: 1.8518518519vh;
  border-radius: 0.5555555556vh;
}

.keys-container .keys-block.left[data-v-88632a9a] {
  left: 1.3888888889vh;
  padding: 0.6481481481vh 1.2962962963vh 0.6481481481vh 0.6481481481vh;
}

.keys-container .keys-block.top[data-v-88632a9a] {
  top: 1.3888888889vh;
}

.keys-container .keys-block.right[data-v-88632a9a] {
  right: 1.3888888889vh;
  padding: 0.6481481481vh 0.6481481481vh 0.6481481481vh 1.2962962963vh;
}

.keys-container .keys-block.bottom[data-v-88632a9a] {
  bottom: 1.3888888889vh;
}

.keys-container .keys-block .key-block[data-v-88632a9a] {
  display: flex;
  gap: 0.7407407407vh;
}

.keys-container .keys-block .key-block__title[data-v-88632a9a] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.keys-container .keys-block .key-block .key-block-value[data-v-88632a9a] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
  min-width: 2.4074074074vh;
  width: auto;
  padding: 0 0.3703703704vh;
  height: 2.4074074074vh;
  background-color: #f8f8f8;
  color: #000;
  border-radius: 0.2777777778vh;
}

.keys-container .keys-block .key-block .key-block-value.long-button[data-v-88632a9a] {
  width: 3.3333333333vh;
}

.keys-container .keys-block .key-block .key-block-value.long-button .key-icon[data-v-88632a9a] {
  width: 2.6694444444vh;
  height: 0.8935185185vh;
}

.keys-container .keys-block .key-block .key-block-value .key-icon[data-v-88632a9a] {
  width: 1.3888888889vh;
  filter: invert(0) sepia(97%) saturate(12%) hue-rotate(234deg) brightness(102%) contrast(103%);
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-1[data-v-88632a9a] {
  font-size: 1.7592592593vh;
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-2[data-v-88632a9a] {
  font-size: 1.2037037037vh;
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-3[data-v-88632a9a] {
  font-size: 1.0185185185vh;
}

.keys-container .keys-block .key-block .key-block-value svg[data-v-88632a9a] {
  height: 1.4814814815vh;
}

.row-block[data-v-5b00b068] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-5b00b068] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-5b00b068] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-5b00b068] {
  display: flex;
}

.justify-start[data-v-5b00b068] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-5b00b068] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-5b00b068] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-5b00b068] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-5b00b068] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-5b00b068] {
  display: flex;
  align-items: center;
}

.align-end[data-v-5b00b068] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-5b00b068] {
  width: 100%;
}

.full-height[data-v-5b00b068] {
  height: 100%;
}

.picture-handler[data-v-5b00b068] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-5b00b068] {
  border: 1px solid red;
}

.fade-up-animation[data-v-5b00b068] {
  animation: fadeOutUp-5b00b068 1s ease;
}

.fade-down-animation[data-v-5b00b068] {
  animation: fadeOutDown-5b00b068 1s ease;
}

@keyframes fadeOutUp-5b00b068 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-5b00b068 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-5b00b068] {
  animation: logotype-5b00b068 0.5s ease;
}

.logotype-leave-active[data-v-5b00b068] {
  animation: logotype-5b00b068 0.5s ease reverse;
}

@keyframes logotype-5b00b068 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-5b00b068] {
  animation: cardMoveInside-5b00b068 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-5b00b068] {
  animation: cardMoveOutside-5b00b068 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-5b00b068 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-5b00b068 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-5b00b068 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-5b00b068], .fade-leave-to[data-v-5b00b068] {
  opacity: 0;
}

.fade-enter-active[data-v-5b00b068], .fade-leave-active[data-v-5b00b068] {
  transition: opacity 0.5s;
}

@keyframes slide-up-5b00b068 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-5b00b068 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-5b00b068] {
  animation: ipad-slide-5b00b068 0.4s ease;
}

.ipad-slide-leave-active[data-v-5b00b068] {
  animation: ipad-slide-5b00b068 0.4s ease reverse;
}

@keyframes ipad-slide-5b00b068 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-5b00b068 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.item[data-v-5b00b068] {
  transform: scaleY(-1);
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  display: flex;
  width: 2.962962963vh;
  height: 2.962962963vh;
  fill: rgba(39, 39, 39, 0.5);
  transition: opacity 0.2s ease;
  filter: drop-shadow(0 0.1851851852vh 0.1851851852vh rgba(0, 0, 0, 0.16));
}

.item .main[data-v-5b00b068] {
  display: flex;
  position: relative;
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.5555555556vh;
  background: rgba(39, 39, 39, 0.502);
}

.item .main .border[data-v-5b00b068]:after {
  left: 0;
  top: 0;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.5555555556vh;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.25);
  content: "";
}

.item .main .status-background[data-v-5b00b068], .item .main .status-background[data-v-5b00b068]:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0;
}

.item .main .status-background[data-v-5b00b068]:after {
  content: "";
}

.item .stack[data-v-5b00b068] {
  z-index: 7;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -0.3703703704vh;
  bottom: -0.3703703704vh;
  border-radius: 50%;
  background: #fff;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

.item .stack p[data-v-5b00b068] {
  color: #000;
  font-size: 1.1111111111vh;
  font-weight: 900;
}

.item svg[data-v-5b00b068] {
  position: relative;
  z-index: 3;
  width: 1.3888888889vh;
  height: 1.3888888889vh;
  fill: #fff;
}

[data-v-5b00b068] {
  font-family: var(--IntegratedFont), serif;
}

.row-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-3ce9b567] {
  display: flex;
}

.justify-start[data-v-3ce9b567] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-3ce9b567] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-3ce9b567] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-3ce9b567] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-3ce9b567] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-3ce9b567] {
  display: flex;
  align-items: center;
}

.align-end[data-v-3ce9b567] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-3ce9b567] {
  width: 100%;
}

.full-height[data-v-3ce9b567] {
  height: 100%;
}

.picture-handler[data-v-3ce9b567] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-3ce9b567] {
  border: 1px solid red;
}

.fade-up-animation[data-v-3ce9b567] {
  animation: fadeOutUp-3ce9b567 1s ease;
}

.fade-down-animation[data-v-3ce9b567] {
  animation: fadeOutDown-3ce9b567 1s ease;
}

@keyframes fadeOutUp-3ce9b567 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-3ce9b567 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-3ce9b567] {
  animation: logotype-3ce9b567 0.5s ease;
}

.logotype-leave-active[data-v-3ce9b567] {
  animation: logotype-3ce9b567 0.5s ease reverse;
}

@keyframes logotype-3ce9b567 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-3ce9b567] {
  animation: cardMoveInside-3ce9b567 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-3ce9b567] {
  animation: cardMoveOutside-3ce9b567 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-3ce9b567 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-3ce9b567 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-3ce9b567 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-3ce9b567], .fade-leave-to[data-v-3ce9b567] {
  opacity: 0;
}

.fade-enter-active[data-v-3ce9b567], .fade-leave-active[data-v-3ce9b567] {
  transition: opacity 0.5s;
}

@keyframes slide-up-3ce9b567 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-3ce9b567 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-3ce9b567] {
  animation: ipad-slide-3ce9b567 0.4s ease;
}

.ipad-slide-leave-active[data-v-3ce9b567] {
  animation: ipad-slide-3ce9b567 0.4s ease reverse;
}

@keyframes ipad-slide-3ce9b567 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-3ce9b567 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-3ce9b567], .local-fade-leave-to[data-v-3ce9b567] {
  opacity: 0;
}

.local-fade-enter-active[data-v-3ce9b567], .local-fade-leave-active[data-v-3ce9b567] {
  transition: opacity 0.2s;
}

.statuses[data-v-3ce9b567] {
  z-index: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.statuses .description-block[data-v-3ce9b567] {
  display: flex;
  position: relative;
  margin-bottom: 0.7407407407vh;
  padding: 1.2962962963vh 1.4814814815vh;
  flex-direction: column;
  gap: 1.2962962963vh;
  border-radius: 0.7407407407vh;
  background: rgba(30, 33, 36, 0.9);
  max-width: 27.7777777778vh;
}

.statuses .description-block .header[data-v-3ce9b567] {
  display: flex;
  flex-direction: column;
  gap: 0.7407407407vh;
}

.statuses .description-block .header .title[data-v-3ce9b567] {
  display: flex;
  align-items: center;
  gap: 0.9259259259vh;
}

.statuses .description-block .header .title p[data-v-3ce9b567] {
  color: #fff;
  font-size: 1.4814814815vh;
  font-weight: 900;
}

.statuses .description-block .header .title svg[data-v-3ce9b567] {
  fill: #fff;
  width: 1.4814814815vh;
}

.statuses .description-block .header .desc[data-v-3ce9b567] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-weight: 500;
}

.statuses .description-block .timer[data-v-3ce9b567] {
  display: flex;
  align-content: center;
  gap: 0.7407407407vh;
}

.statuses .description-block .timer__title[data-v-3ce9b567] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-weight: 500;
  opacity: 0.5;
}

.statuses .description-block .timer__value[data-v-3ce9b567] {
  display: flex;
}

.statuses .description-block .timer__value p[data-v-3ce9b567] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-weight: 500;
}

.statuses .list[data-v-3ce9b567] {
  transform: scaleY(-1);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.7407407407vh;
  width: -moz-fit-content;
  width: fit-content;
}

[data-v-3ce9b567] {
  font-family: var(--IntegratedFont), serif;
}

.contentT-leave-active[data-v-690d516d] {
  transform: translateX(-200%);
  pointer-events: none;
}

[data-v-690d516d] {
  font-family: var(--IntegratedFont);
}

.calls[data-v-690d516d] {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5555555556vh;
  height: 100%;
  margin-bottom: 2.2222222222vh;
  margin-top: 0.9259259259vh;
  transition: height 0.2s ease, transform 0.2s ease;
  position: relative;
}

.calls.hide[data-v-690d516d] {
  height: 0 !important;
}

.calls.block1[data-v-690d516d] {
  transform: translateY(2.5925925926vh);
}

.calls.block2[data-v-690d516d] {
  transform: translateY(1.2962962963vh);
}

.calls .calls-wrapper[data-v-690d516d] {
  position: relative;
  height: 100%;
}

.calls .calls-wrapper .call-wrapper[data-v-690d516d] {
  max-height: 46.2962962963vh;
  min-width: 25vh;
  border-radius: 0.5555555556vh;
  background-color: #333;
  padding: 1.2962962963vh;
  transition: all 0.2s ease;
  overflow: hidden;
}

.calls .calls-wrapper .call-wrapper .call[data-v-690d516d] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9259259259vh;
  transition: opacity 0.2s ease;
  min-height: 12.962962963vh;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call p[data-v-690d516d] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header[data-v-690d516d] {
  display: flex;
  gap: 0.9259259259vh;
  min-width: 0;
  width: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header div[data-v-690d516d] {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__icon[data-v-690d516d] {
  flex-shrink: 0;
  flex-grow: 0;
  width: 3.1481481481vh;
  height: 3.1481481481vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title[data-v-690d516d] {
  max-width: 18.3333333333vh;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title p[data-v-690d516d] {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calls .calls-wrapper .call-wrapper .call-header__title div[data-v-690d516d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count[data-v-690d516d] {
  display: flex;
  gap: 0.7407407407vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count div[data-v-690d516d] {
  color: #fff;
  text-align: right;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count span[data-v-690d516d] {
  padding-left: 0.3703703704vh;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 5 0;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count svg[data-v-690d516d] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  fill: #fff;
}

.calls .calls-wrapper .call-wrapper .call-header__title .fraction[data-v-690d516d] {
  display: flex;
  padding: 0.1851851852vh;
  justify-content: center;
  align-items: center;
  gap: 0.9259259259vh;
  border-radius: 0.2777777778vh;
  background: #1b1b1b;
  color: #fff;
  text-align: center;
  font-size: 0.9259259259vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title-add[data-v-690d516d] {
  width: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title-add > p[data-v-690d516d] {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5555555556vh;
}

.calls .calls-wrapper .call-wrapper .call-line[data-v-690d516d] {
  position: relative;
  width: 100%;
  height: 0.1851851852vh;
  border-radius: 0.9259259259vh;
  overflow: hidden;
}

.calls .calls-wrapper .call-wrapper .call-line__back[data-v-690d516d] {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: #6c6c6c;
}

.calls .calls-wrapper .call-wrapper .call-line__progress[data-v-690d516d] {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: width 0.1s linear;
}

.calls .calls-wrapper .call-wrapper .call-body[data-v-690d516d] {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vh;
  max-width: 22.4074074074vh;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call-body div[data-v-690d516d] {
  display: inline;
  gap: 0.462962963vh;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-body div .value[data-v-690d516d] {
  color: #fff;
}

.calls .calls-wrapper .call-wrapper .call-body span[data-v-690d516d] {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-body p[data-v-690d516d] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calls .calls-wrapper .call-wrapper .call-buttons[data-v-690d516d] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3703703704vh;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button[data-v-690d516d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8333333333vh;
  padding: 0.3703703704vh;
  height: 2.4074074074vh;
  border-radius: 0.3703703704vh;
  background-color: rgba(27, 27, 27, 0.7);
  overflow: hidden;
  cursor: pointer;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button p[data-v-690d516d] {
  width: 100%;
  overflow: hidden;
  text-wrap: nowrap;
  color: #fff;
  text-align: center;
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button-bind[data-v-690d516d] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  flex-shrink: 0;
  border-radius: 0.1851851852vh;
  background-color: #fff;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button-bind p[data-v-690d516d] {
  color: #222;
  text-align: center;
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
}

.calls .calls-wrapper .call0[data-v-690d516d] {
  z-index: 5;
  position: absolute;
  bottom: 0;
  background-color: #2f2f2f;
}

.calls .calls-wrapper .call0 .call[data-v-690d516d] {
  opacity: 1 !important;
}

.calls .calls-wrapper .call1[data-v-690d516d] {
  max-height: 18.5185185185vh;
  z-index: 3;
  position: absolute;
  bottom: 0;
  background-color: #242424;
  transform: scale(0.9) translateY(1.2037037037vh);
  transform-origin: bottom center;
}

.calls .calls-wrapper .call2[data-v-690d516d] {
  max-height: 18.5185185185vh;
  z-index: 1;
  position: absolute;
  bottom: 0;
  background-color: #191818;
  transform: scale(0.8) translateY(2.4074074074vh);
  transform-origin: bottom center;
}

.contentT-leave-active[data-v-1bf96c2f] {
  transform: translateX(-200%);
  pointer-events: none;
}

[data-v-1bf96c2f] {
  font-family: var(--IntegratedFont);
}

.calls[data-v-1bf96c2f] {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5555555556vh;
  height: 100%;
  margin-bottom: 2.2222222222vh;
  margin-top: 0.9259259259vh;
  transition: height 0.2s ease, transform 0.2s ease;
  position: relative;
}

.calls.hide[data-v-1bf96c2f] {
  height: 0 !important;
}

.calls.block1[data-v-1bf96c2f] {
  transform: translateY(2.5925925926vh);
}

.calls.block2[data-v-1bf96c2f] {
  transform: translateY(1.2962962963vh);
}

.calls .calls-wrapper[data-v-1bf96c2f] {
  position: relative;
  height: 100%;
}

.calls .calls-wrapper .call-wrapper[data-v-1bf96c2f] {
  max-height: 46.2962962963vh;
  min-width: 25vh;
  border-radius: 0.5555555556vh;
  background-color: #333;
  padding: 1.2962962963vh;
  transition: all 0.2s ease;
  overflow: hidden;
}

.calls .calls-wrapper .call-wrapper .call[data-v-1bf96c2f] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9259259259vh;
  transition: opacity 0.2s ease;
  min-height: 12.962962963vh;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call p[data-v-1bf96c2f] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header[data-v-1bf96c2f] {
  display: flex;
  gap: 0.9259259259vh;
  min-width: 0;
  width: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header div[data-v-1bf96c2f] {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__icon[data-v-1bf96c2f] {
  flex-shrink: 0;
  flex-grow: 0;
  width: 3.1481481481vh;
  height: 3.1481481481vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title[data-v-1bf96c2f] {
  max-width: 18.3333333333vh;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title p[data-v-1bf96c2f] {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calls .calls-wrapper .call-wrapper .call-header__title div[data-v-1bf96c2f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count[data-v-1bf96c2f] {
  display: flex;
  gap: 0.7407407407vh;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count div[data-v-1bf96c2f] {
  color: #fff;
  text-align: right;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count span[data-v-1bf96c2f] {
  padding-left: 0.3703703704vh;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 5 0;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title .count svg[data-v-1bf96c2f] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  fill: #fff;
}

.calls .calls-wrapper .call-wrapper .call-header__title .fraction[data-v-1bf96c2f] {
  display: flex;
  padding: 0.1851851852vh;
  justify-content: center;
  align-items: center;
  gap: 0.9259259259vh;
  border-radius: 0.2777777778vh;
  background: #1b1b1b;
  color: #fff;
  text-align: center;
  font-size: 0.9259259259vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title-add[data-v-1bf96c2f] {
  width: 100%;
}

.calls .calls-wrapper .call-wrapper .call-header__title-add > p[data-v-1bf96c2f] {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.5555555556vh;
}

.calls .calls-wrapper .call-wrapper .call-line[data-v-1bf96c2f] {
  position: relative;
  width: 100%;
  height: 0.1851851852vh;
  border-radius: 0.9259259259vh;
  overflow: hidden;
}

.calls .calls-wrapper .call-wrapper .call-line__back[data-v-1bf96c2f] {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: #6c6c6c;
}

.calls .calls-wrapper .call-wrapper .call-line__progress[data-v-1bf96c2f] {
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  transition: width 0.1s linear;
}

.calls .calls-wrapper .call-wrapper .call-body[data-v-1bf96c2f] {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vh;
  max-width: 22.4074074074vh;
  justify-content: space-between;
}

.calls .calls-wrapper .call-wrapper .call-body div[data-v-1bf96c2f] {
  display: inline;
  gap: 0.462962963vh;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-body div .value[data-v-1bf96c2f] {
  color: #fff;
}

.calls .calls-wrapper .call-wrapper .call-body span[data-v-1bf96c2f] {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-body p[data-v-1bf96c2f] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calls .calls-wrapper .call-wrapper .call-buttons[data-v-1bf96c2f] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3703703704vh;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button[data-v-1bf96c2f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8333333333vh;
  padding: 0.3703703704vh;
  height: 2.4074074074vh;
  border-radius: 0.3703703704vh;
  background-color: rgba(27, 27, 27, 0.7);
  overflow: hidden;
  cursor: pointer;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button p[data-v-1bf96c2f] {
  width: 100%;
  overflow: hidden;
  text-wrap: nowrap;
  color: #fff;
  text-align: center;
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button-bind[data-v-1bf96c2f] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  flex-shrink: 0;
  border-radius: 0.1851851852vh;
  background-color: #fff;
}

.calls .calls-wrapper .call-wrapper .call-buttons__button-bind p[data-v-1bf96c2f] {
  color: #222;
  text-align: center;
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
}

.calls .calls-wrapper .call0[data-v-1bf96c2f] {
  z-index: 5;
  position: absolute;
  bottom: 0;
  background-color: #2f2f2f;
}

.calls .calls-wrapper .call0 .call[data-v-1bf96c2f] {
  opacity: 1 !important;
}

.calls .calls-wrapper .call1[data-v-1bf96c2f] {
  max-height: 18.5185185185vh;
  z-index: 3;
  position: absolute;
  bottom: 0;
  background-color: #242424;
  transform: scale(0.9) translateY(1.2037037037vh);
  transform-origin: bottom center;
}

.calls .calls-wrapper .call2[data-v-1bf96c2f] {
  max-height: 18.5185185185vh;
  z-index: 1;
  position: absolute;
  bottom: 0;
  background-color: #191818;
  transform: scale(0.8) translateY(2.4074074074vh);
  transform-origin: bottom center;
}

.row-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-ffb4dc5a] {
  display: flex;
}

.justify-start[data-v-ffb4dc5a] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-ffb4dc5a] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-ffb4dc5a] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-ffb4dc5a] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-ffb4dc5a] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-ffb4dc5a] {
  display: flex;
  align-items: center;
}

.align-end[data-v-ffb4dc5a] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-ffb4dc5a] {
  width: 100%;
}

.full-height[data-v-ffb4dc5a] {
  height: 100%;
}

.picture-handler[data-v-ffb4dc5a] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-ffb4dc5a] {
  border: 1px solid red;
}

.fade-up-animation[data-v-ffb4dc5a] {
  animation: fadeOutUp-ffb4dc5a 1s ease;
}

.fade-down-animation[data-v-ffb4dc5a] {
  animation: fadeOutDown-ffb4dc5a 1s ease;
}

@keyframes fadeOutUp-ffb4dc5a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-ffb4dc5a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-ffb4dc5a] {
  animation: logotype-ffb4dc5a 0.5s ease;
}

.logotype-leave-active[data-v-ffb4dc5a] {
  animation: logotype-ffb4dc5a 0.5s ease reverse;
}

@keyframes logotype-ffb4dc5a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-ffb4dc5a] {
  animation: cardMoveInside-ffb4dc5a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-ffb4dc5a] {
  animation: cardMoveOutside-ffb4dc5a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-ffb4dc5a {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-ffb4dc5a {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-ffb4dc5a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-ffb4dc5a], .fade-leave-to[data-v-ffb4dc5a] {
  opacity: 0;
}

.fade-enter-active[data-v-ffb4dc5a], .fade-leave-active[data-v-ffb4dc5a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-ffb4dc5a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-ffb4dc5a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-ffb4dc5a] {
  animation: ipad-slide-ffb4dc5a 0.4s ease;
}

.ipad-slide-leave-active[data-v-ffb4dc5a] {
  animation: ipad-slide-ffb4dc5a 0.4s ease reverse;
}

@keyframes ipad-slide-ffb4dc5a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-ffb4dc5a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
[data-v-ffb4dc5a]:root {
  --killer-color: none;
  --killed-color:none ;
}

.kill-list[data-v-ffb4dc5a] {
  margin-top: 1.9444444444vh;
  position: relative;
}

.kill-block[data-v-ffb4dc5a] {
  margin-top: 0.462962963vh;
  background-color: hsla(0, 0%, 7%, 0.7);
  border-radius: 0.5555555556vh;
  padding: 0.7407407407vh 1.1111111111vh;
}

.kill-block.meKilled[data-v-ffb4dc5a] {
  background-color: rgba(57, 19, 26, 0.75);
}

.kill-block.playerDidKilled[data-v-ffb4dc5a] {
  background-color: hsla(0, 0%, 7%, 0.85);
  border: 0.1851851852vh solid #d93636;
}

.kill-block[data-v-ffb4dc5a]:first-child {
  margin-top: 0;
}

.kill-block .weapon-info[data-v-ffb4dc5a] {
  padding: 0 1.1111111111vh;
}

.kill-block .killed-info[data-v-ffb4dc5a], .kill-block .killer-info[data-v-ffb4dc5a], .kill-block .weapon-info[data-v-ffb4dc5a] {
  font-family: var(--IntegratedFont);
  font-weight: 500;
  font-size: 1.4814814815vh;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 100%;
}

.kill-block .killed-info[data-v-ffb4dc5a], .kill-block .killer-info[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.7407407407vh;
  fill: var(--color);
  color: var(--color);
}

.kill-block .weapon-info[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.9259259259vh;
}

.kill-block .weapon-info__picture-weapon[data-v-ffb4dc5a] {
  height: 1.5740740741vh;
}

.kill-block .weapon-info__picture-target[data-v-ffb4dc5a] {
  width: 1.5740740741vh;
}

.list-complete-enter[data-v-ffb4dc5a] {
  transform: translateY(-1.8518518519vh);
  opacity: 0;
}

.list-complete-enter-to[data-v-ffb4dc5a] {
  opacity: 1;
}

.list-complete-enter-active[data-v-ffb4dc5a] {
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-property: transform, opacity;
}

.list-complete-leave-to[data-v-ffb4dc5a] {
  opacity: 0;
  transform: translateY(1.8518518519vh);
}

.list-complete-leave-active[data-v-ffb4dc5a] {
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-property: transform, opacity;
}

.content[data-v-0ae03124] {
  position: absolute;
  right: 1.8518518519vh;
  bottom: 6.4814814815vh;
  width: -moz-min-content;
  width: min-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.462962963vh;
}

.content-main[data-v-0ae03124] {
  border-radius: 0.5555555556vh;
  overflow: hidden;
  background-color: #161616;
}

.content-main__data[data-v-0ae03124] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.8518518519vh;
  background: 100% 0/contain url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/wire-part.svg) no-repeat, 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/background.png) no-repeat;
}

.content-main__data[data-v-0ae03124]:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.2962962963vh;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/wire-full.svg) no-repeat;
}

.content-main__element[data-v-0ae03124] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.462962963vh;
}

.content-main__element > p[data-v-0ae03124] {
  font-size: 1.2962962963vh;
}

.content-main__element > p[data-v-0ae03124]:first-child {
  font-weight: 900;
  color: #ffca1c;
  line-height: 1.2962962963vh;
}

.content-main__element > p[data-v-0ae03124]:not(:first-child) {
  font-weight: 600;
  color: #fff;
  line-height: 1.5555555556vh;
}

.content-main__element > p:not(:first-child) > span[data-v-0ae03124] {
  margin-left: 0.462962963vh;
  line-height: 1.5555555556vh;
}

.content-main__element.timer[data-v-0ae03124] {
  gap: 1.1111111111vh;
}

.content-main__block[data-v-0ae03124] {
  padding: 1.6666666667vh 1.8518518519vh;
}

.content [data-v-0ae03124] {
  font-family: var(--IntegratedFont);
}

.timer[data-v-0ae03124] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.3703703704vh;
}

.timer-column[data-v-0ae03124] {
  width: 5.9259259259vh;
  padding: 0.7407407407vh 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.1851851852vh;
  background-color: #222;
  border-radius: 0.3703703704vh;
}

.timer-column > p[data-v-0ae03124] {
  font-size: 1.2962962963vh;
  line-height: 1.2962962963vh;
}

.timer-column > p[data-v-0ae03124]:first-child {
  font-weight: 900;
  color: #fff;
}

.timer-column > p[data-v-0ae03124]:not(:first-child) {
  font-weight: 600;
  color: #868686;
}

.row-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-37e41c5e] {
  display: flex;
}

.justify-start[data-v-37e41c5e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-37e41c5e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-37e41c5e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-37e41c5e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-37e41c5e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-37e41c5e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-37e41c5e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-37e41c5e] {
  width: 100%;
}

.full-height[data-v-37e41c5e] {
  height: 100%;
}

.picture-handler[data-v-37e41c5e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-37e41c5e] {
  border: 1px solid red;
}

.fade-up-animation[data-v-37e41c5e] {
  animation: fadeOutUp-37e41c5e 1s ease;
}

.fade-down-animation[data-v-37e41c5e] {
  animation: fadeOutDown-37e41c5e 1s ease;
}

@keyframes fadeOutUp-37e41c5e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-37e41c5e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-37e41c5e] {
  animation: logotype-37e41c5e 0.5s ease;
}

.logotype-leave-active[data-v-37e41c5e] {
  animation: logotype-37e41c5e 0.5s ease reverse;
}

@keyframes logotype-37e41c5e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-37e41c5e] {
  animation: cardMoveInside-37e41c5e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-37e41c5e] {
  animation: cardMoveOutside-37e41c5e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-37e41c5e {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-37e41c5e {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-37e41c5e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-37e41c5e], .fade-leave-to[data-v-37e41c5e] {
  opacity: 0;
}

.fade-enter-active[data-v-37e41c5e], .fade-leave-active[data-v-37e41c5e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-37e41c5e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-37e41c5e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-37e41c5e] {
  animation: ipad-slide-37e41c5e 0.4s ease;
}

.ipad-slide-leave-active[data-v-37e41c5e] {
  animation: ipad-slide-37e41c5e 0.4s ease reverse;
}

@keyframes ipad-slide-37e41c5e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-37e41c5e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-37e41c5e], .local-fade-leave-to[data-v-37e41c5e] {
  opacity: 0;
}

.local-fade-enter-active[data-v-37e41c5e], .local-fade-leave-active[data-v-37e41c5e] {
  transition: opacity 0.2s;
}

.police-main[data-v-37e41c5e] {
  position: absolute;
  bottom: 2.7777777778vh;
  right: 2.7777777778vh;
  width: 26.8518518519vh;
  background: #000;
}

.police-main .main-info[data-v-37e41c5e] {
  background-color: #ffca1c;
  padding: 0.9259259259vh 1.8518518519vh;
}

.police-main .main-info__text span[data-v-37e41c5e]:first-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3888888889vh;
}

.police-main .main-info__text span[data-v-37e41c5e]:last-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
}

.police-main .progress-line[data-v-37e41c5e] {
  height: 0.462962963vh;
  background-color: rgba(255, 202, 28, 0.5);
}

.police-main .progress-line .progress[data-v-37e41c5e] {
  height: 100%;
  background-color: #ffca1c;
  transition: width 1s linear;
}

.row-block[data-v-59aabd00] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-59aabd00] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-59aabd00] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-59aabd00] {
  display: flex;
}

.justify-start[data-v-59aabd00] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-59aabd00] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-59aabd00] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-59aabd00] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-59aabd00] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-59aabd00] {
  display: flex;
  align-items: center;
}

.align-end[data-v-59aabd00] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-59aabd00] {
  width: 100%;
}

.full-height[data-v-59aabd00] {
  height: 100%;
}

.picture-handler[data-v-59aabd00] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-59aabd00] {
  border: 1px solid red;
}

.fade-up-animation[data-v-59aabd00] {
  animation: fadeOutUp-59aabd00 1s ease;
}

.fade-down-animation[data-v-59aabd00] {
  animation: fadeOutDown-59aabd00 1s ease;
}

@keyframes fadeOutUp-59aabd00 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-59aabd00 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-59aabd00] {
  animation: logotype-59aabd00 0.5s ease;
}

.logotype-leave-active[data-v-59aabd00] {
  animation: logotype-59aabd00 0.5s ease reverse;
}

@keyframes logotype-59aabd00 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-59aabd00] {
  animation: cardMoveInside-59aabd00 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-59aabd00] {
  animation: cardMoveOutside-59aabd00 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-59aabd00 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-59aabd00 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-59aabd00 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-59aabd00], .fade-leave-to[data-v-59aabd00] {
  opacity: 0;
}

.fade-enter-active[data-v-59aabd00], .fade-leave-active[data-v-59aabd00] {
  transition: opacity 0.5s;
}

@keyframes slide-up-59aabd00 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-59aabd00 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-59aabd00] {
  animation: ipad-slide-59aabd00 0.4s ease;
}

.ipad-slide-leave-active[data-v-59aabd00] {
  animation: ipad-slide-59aabd00 0.4s ease reverse;
}

@keyframes ipad-slide-59aabd00 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-59aabd00 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.info-container[data-v-59aabd00] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.info-container .text-containers[data-v-59aabd00] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 1.1111111111vh;
  height: 100%;
  gap: 0.3703703704vh;
}

.info-container .text-containers .title[data-v-59aabd00] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.8333333333vh;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, 0.5);
  white-space: nowrap;
  letter-spacing: 0.0925925926vh;
}

.info-container .text-containers .subtitle[data-v-59aabd00] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.0185185185vh;
  text-transform: uppercase;
  color: #fff;
  max-width: 8.0555555556vh;
}

.info-container .combined-time-left[data-v-59aabd00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.462962963vh;
  padding: 0 0.787037037vh;
  background-color: hsla(0, 0%, 100%, 0.05);
  height: 100%;
  min-width: 6.6666666667vh;
}

.info-container .combined-time-left .title[data-v-59aabd00] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.info-container .combined-time-left .subtitle[data-v-59aabd00] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9259259259vh;
  color: hsla(0, 0%, 100%, 0.7);
  text-transform: uppercase;
}

.info-container .combined-time-left .icon[data-v-59aabd00] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
}

.info-container .combined-time-left .icon[data-v-59aabd00] path {
  stroke: hsla(0, 0%, 100%, 0.5);
  stroke-width: 0.1157407407vh;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox[data-v-095f78d6], .mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-095f78d6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-095f78d6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-095f78d6] {
  display: flex;
}

.justify-start[data-v-095f78d6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-095f78d6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-095f78d6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-095f78d6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-095f78d6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-095f78d6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-095f78d6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-095f78d6] {
  width: 100%;
}

.full-height[data-v-095f78d6] {
  height: 100%;
}

.picture-handler[data-v-095f78d6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-095f78d6] {
  border: 1px solid red;
}

.fade-up-animation[data-v-095f78d6] {
  animation: fadeOutUp-095f78d6 1s ease;
}

.fade-down-animation[data-v-095f78d6] {
  animation: fadeOutDown-095f78d6 1s ease;
}

@keyframes fadeOutUp-095f78d6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-095f78d6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-095f78d6] {
  animation: logotype-095f78d6 0.5s ease;
}

.logotype-leave-active[data-v-095f78d6] {
  animation: logotype-095f78d6 0.5s ease reverse;
}

@keyframes logotype-095f78d6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-095f78d6] {
  animation: cardMoveInside-095f78d6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-095f78d6] {
  animation: cardMoveOutside-095f78d6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-095f78d6 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-095f78d6 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-095f78d6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-095f78d6], .fade-leave-to[data-v-095f78d6] {
  opacity: 0;
}

.fade-enter-active[data-v-095f78d6], .fade-leave-active[data-v-095f78d6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-095f78d6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-095f78d6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-095f78d6] {
  animation: ipad-slide-095f78d6 0.4s ease;
}

.ipad-slide-leave-active[data-v-095f78d6] {
  animation: ipad-slide-095f78d6 0.4s ease reverse;
}

@keyframes ipad-slide-095f78d6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-095f78d6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-095f78d6], .local-fade-leave-to[data-v-095f78d6] {
  opacity: 0;
}

.local-fade-enter-active[data-v-095f78d6], .local-fade-leave-active[data-v-095f78d6] {
  transition: opacity 0.2s;
}

.mission[data-v-095f78d6] {
  transition: 0.2s ease;
  transition-property: right, opacity;
}

.mission.hidden[data-v-095f78d6] {
  opacity: 0;
}

.mission.shown[data-v-095f78d6] {
  right: 1.3888888889vh;
}

.mission.shown .active-mission__picture-key[data-v-095f78d6] {
  opacity: 0;
}

.mission.shown .main-mission main .main-content[data-v-095f78d6] {
  margin-top: 0;
  opacity: 1;
}

.mission .coins[data-v-095f78d6] {
  min-height: 6.2962962963vh;
  height: 6.2962962963vh;
  background-color: hsla(0, 0%, 7%, 0.9);
  min-width: 22.2222222222vh;
  border-radius: 0.5555555556vh;
  position: relative;
  padding: 1.1111111111vh 1.2962962963vh;
  overflow: hidden;
}

.mission .coins.case[data-v-095f78d6], .mission .coins.clothes[data-v-095f78d6], .mission .coins.combined[data-v-095f78d6], .mission .coins.vehicle[data-v-095f78d6] {
  padding: 0;
}

.mission .coins.special[data-v-095f78d6] {
  width: unset;
}

.mission .coins .coins-amount__title[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
  text-transform: uppercase;
}

.mission .coins .coins-amount__picture[data-v-095f78d6] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  margin: 0 0.5555555556vh;
}

.mission .coins .coins-amount__text[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
  text-transform: uppercase;
}

.mission .coins .time-left[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 0.5555555556vh;
  gap: 0.5555555556vh;
}

.mission .coins .time-left__title[data-v-095f78d6] {
  color: hsla(0, 0%, 100%, 0.75);
}

.mission .coins .time-left__title[data-v-095f78d6], .mission .coins .time-left__value[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.mission .coins .time-left__value[data-v-095f78d6] {
  color: #fff;
}

.mission .coins .vehicle[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.mission .coins .vehicle-image[data-v-095f78d6] {
  width: 9.2592592593vh;
  height: 5.1851851852vh;
}

.mission .coins .vehicle .info-container[data-v-095f78d6] {
  margin-left: 0.8333333333vh;
}

.mission .coins .vehicle .info-container[data-v-095f78d6] .text-containers .subtitle {
  max-width: 9.2592592593vh;
}

.mission .coins .case[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.mission .coins .case-image[data-v-095f78d6] {
  width: 5.3703703704vh;
  height: 5.3703703704vh;
  margin-left: 0.462962963vh;
}

.mission .coins .case .info-container[data-v-095f78d6] {
  margin-left: 0.8333333333vh;
}

.mission .coins .case .info-container[data-v-095f78d6] .text-containers .subtitle {
  max-width: 9.2592592593vh;
}

.mission .coins .clothes[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 100%;
}

.mission .coins .clothes .cloth-image[data-v-095f78d6] {
  width: 4.4444444444vh;
  height: 4.4444444444vh;
  margin-left: 1.1111111111vh;
}

.mission .coins .clothes .info-container[data-v-095f78d6] {
  margin-left: 1.1111111111vh;
}

.mission .coins .clothes .info-container[data-v-095f78d6] .text-containers .subtitle {
  max-width: 9.2592592593vh;
}

.mission .coins .combined[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  position: relative;
  height: 100%;
}

.mission .coins .combined .images[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 9.2592592593vh;
  padding: 0.5555555556vh 0 0.3703703704vh 0.5555555556vh;
}

.mission .coins .combined .images .vehicle-image[data-v-095f78d6] {
  width: 7.8703703704vh;
  height: 4.4444444444vh;
  transform: translateY(0.462962963vh) translateX(-0.7407407407vh);
}

.mission .coins .combined .images .case-image[data-v-095f78d6] {
  width: 5.3703703704vh;
  height: 5.3703703704vh;
  transform: translateX(-3.7037037037vh) translateY(-0.1851851852vh) scale(1.1);
}

.mission .coins .combined .info-container[data-v-095f78d6] {
  margin-left: 2.2222222222vh;
}

.mission .active-mission[data-v-095f78d6] {
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0.6481481481vh;
}

.mission .active-mission .main-mission[data-v-095f78d6] {
  background-color: hsla(0, 0%, 7%, 0.85);
  width: 27.7777777778vh;
}

.mission .active-mission .main-mission header[data-v-095f78d6] {
  min-height: 5.9259259259vh;
  background-image: linear-gradient(180deg, transparent, rgba(232, 28, 90, 0.3));
}

.mission .active-mission .main-mission header .header-info[data-v-095f78d6] {
  min-height: inherit;
  padding: 1.1111111111vh 1.2962962963vh;
}

.mission .active-mission .main-mission header .header-info__title[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
  text-transform: uppercase;
}

.mission .active-mission .main-mission header .header-info__text[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 100%, 0.75);
  margin-top: 0.5555555556vh;
}

.mission .active-mission .main-mission header .progress[data-v-095f78d6] {
  min-height: 0.2777777778vh;
  background-color: rgba(232, 28, 90, 0.5);
}

.mission .active-mission .main-mission header .progress__line[data-v-095f78d6] {
  min-height: inherit;
  background-color: #565656;
  transition: width 0.2s ease;
}

.mission .active-mission .main-mission main[data-v-095f78d6] {
  overflow: hidden;
}

.mission .active-mission .main-mission main .main-content[data-v-095f78d6] {
  padding: 0.9259259259vh 1.3888888889vh;
  transition-property: opacity margin-top;
  transition: 0.2s ease;
}

.mission .active-mission .main-mission main .main-content__text[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 100%, 0.9);
}

.mission .active-mission .main-mission main .main-content .quests[data-v-095f78d6] {
  margin-top: 1.4814814815vh;
  gap: 1.1111111111vh;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block.finished .quest-block__title[data-v-095f78d6] {
  color: hsla(0, 0%, 100%, 0.9);
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox[data-v-095f78d6] {
  position: relative;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__picture[data-v-095f78d6] {
  width: 0.9259259259vh;
  height: 0.6481481481vh;
  position: absolute;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.5740740741vh;
  height: 1.5740740741vh;
  background-color: #3c3c3b;
  border-radius: 3px;
  border: none;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6]:checked {
  background-color: #e81c5a;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block__title[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: hsla(0, 0%, 100%, 0.5);
  margin-left: 0.7407407407vh;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .progress__text-value[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .progress__text-max[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 100%, 0.5);
  margin-left: 0.3703703704vh;
}

.mission .active-mission .main-mission footer[data-v-095f78d6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  background-color: #e81c5a;
  padding: 0.9259259259vh 1.3888888889vh;
  min-height: 3.4259259259vh;
  max-height: 3.4259259259vh;
}

.fade-up-animation[data-v-1e999d08] {
  animation: fadeOutUp-1e999d08 1s ease;
}

.fade-down-animation[data-v-1e999d08] {
  animation: fadeOutDown-1e999d08 1s ease;
}

@keyframes fadeOutUp-1e999d08 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-1e999d08 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-1e999d08] {
  animation: logotype-1e999d08 0.5s ease;
}

.logotype-leave-active[data-v-1e999d08] {
  animation: logotype-1e999d08 0.5s ease reverse;
}

@keyframes logotype-1e999d08 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-1e999d08] {
  animation: cardMoveInside-1e999d08 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-1e999d08] {
  animation: cardMoveOutside-1e999d08 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-1e999d08 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-1e999d08 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-1e999d08 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-1e999d08], .fade-leave-to[data-v-1e999d08] {
  opacity: 0;
}

.fade-enter-active[data-v-1e999d08], .fade-leave-active[data-v-1e999d08] {
  transition: opacity 0.5s;
}

@keyframes slide-up-1e999d08 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-1e999d08 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-1e999d08] {
  animation: ipad-slide-1e999d08 0.4s ease;
}

.ipad-slide-leave-active[data-v-1e999d08] {
  animation: ipad-slide-1e999d08 0.4s ease reverse;
}

@keyframes ipad-slide-1e999d08 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-1e999d08 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.background-wrapper[data-v-1e999d08] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.background-wrapper .character[data-v-1e999d08] {
  width: 67.4074074074vh;
  height: 55.1851851852vh;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.background-wrapper .character img[data-v-1e999d08] {
  width: 100%;
  height: 100%;
}

.background-wrapper .background[data-v-1e999d08] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.background-wrapper .gradient[data-v-1e999d08] {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0e0e0e, hsla(0, 0%, 5%, 0) 16.67%, hsla(0, 0%, 5%, 0) 73.96%, #0e0e0e);
}

.background-wrapper .blur[data-v-1e999d08] {
  width: 47.4074074074vh;
  height: 47.4074074074vh;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #ff0080, #e81c5a);
  filter: blur(256px);
}

.background-wrapper .coin-1[data-v-1e999d08] {
  position: absolute;
  bottom: 8.2435185185vh;
  right: 9.2185185185vh;
  width: 11.6148148148vh;
  height: 12.0342592593vh;
  z-index: 2;
}

.background-wrapper .coin-1 img[data-v-1e999d08] {
  width: inherit;
  height: inherit;
}

.background-wrapper .coin-2[data-v-1e999d08] {
  position: absolute;
  bottom: 38.1648148148vh;
  right: 3.0518518519vh;
  width: 4.3555555556vh;
  height: 4.15vh;
  z-index: 2;
}

.background-wrapper .coin-2 img[data-v-1e999d08] {
  width: inherit;
  height: inherit;
}

.background-wrapper .coin-3[data-v-1e999d08] {
  position: absolute;
  bottom: 37.5842592593vh;
  right: 37.3074074074vh;
  width: 8.7111111111vh;
  height: 9.7305555556vh;
  z-index: 2;
}

.background-wrapper .coin-3 img[data-v-1e999d08] {
  width: inherit;
  height: inherit;
}

.fade-up-animation[data-v-d1e3a8aa] {
  animation: fadeOutUp-d1e3a8aa 1s ease;
}

.fade-down-animation[data-v-d1e3a8aa] {
  animation: fadeOutDown-d1e3a8aa 1s ease;
}

@keyframes fadeOutUp-d1e3a8aa {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-d1e3a8aa {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-d1e3a8aa] {
  animation: logotype-d1e3a8aa 0.5s ease;
}

.logotype-leave-active[data-v-d1e3a8aa] {
  animation: logotype-d1e3a8aa 0.5s ease reverse;
}

@keyframes logotype-d1e3a8aa {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-d1e3a8aa] {
  animation: cardMoveInside-d1e3a8aa ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-d1e3a8aa] {
  animation: cardMoveOutside-d1e3a8aa ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-d1e3a8aa {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-d1e3a8aa {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-d1e3a8aa {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-d1e3a8aa], .fade-leave-to[data-v-d1e3a8aa] {
  opacity: 0;
}

.fade-enter-active[data-v-d1e3a8aa], .fade-leave-active[data-v-d1e3a8aa] {
  transition: opacity 0.5s;
}

@keyframes slide-up-d1e3a8aa {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-d1e3a8aa {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-d1e3a8aa] {
  animation: ipad-slide-d1e3a8aa 0.4s ease;
}

.ipad-slide-leave-active[data-v-d1e3a8aa] {
  animation: ipad-slide-d1e3a8aa 0.4s ease reverse;
}

@keyframes ipad-slide-d1e3a8aa {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-d1e3a8aa {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.row-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-d1e3a8aa] {
  display: flex;
}

.justify-start[data-v-d1e3a8aa] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-d1e3a8aa] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-d1e3a8aa] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-d1e3a8aa] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-d1e3a8aa] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-d1e3a8aa] {
  display: flex;
  align-items: center;
}

.align-end[data-v-d1e3a8aa] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-d1e3a8aa] {
  width: 100%;
}

.full-height[data-v-d1e3a8aa] {
  height: 100%;
}

.picture-handler[data-v-d1e3a8aa] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-d1e3a8aa] {
  border: 1px solid red;
}

.chat-main-container[data-v-d1e3a8aa] {
  position: relative;
  margin-top: 0.9259259259vh;
  overflow: hidden;
}

.chat-main-container .chat-hide-container[data-v-d1e3a8aa] {
  position: absolute;
  bottom: 0;
  width: inherit;
  height: 100%;
  transition: height 0.2s ease;
  overflow: hidden;
}

.chat-main-container .chat-hide-container.hint-showed[data-v-d1e3a8aa] {
  height: 90%;
}

.chat-main-container .chat-hide-container .chat[data-v-d1e3a8aa] {
  position: absolute;
  bottom: 0;
}

.chat-window[data-v-d1e3a8aa] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chat-window .shadow[data-v-d1e3a8aa] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  min-height: 100vh;
  max-height: 100vh;
  width: 74.0740740741vh;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.chat-window .input-wrapper[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.462962963vh;
  margin-left: 1.3888888889vh;
  width: 43.5185185185vh;
}

.chat-window .input-wrapper .input-container[data-v-d1e3a8aa] {
  width: 100%;
  padding-left: 1.3888888889vh;
  background-color: rgba(30, 33, 36, 0.8);
}

.chat-window .input-wrapper .input-container__label[data-v-d1e3a8aa] {
  padding: 0.1851851852vh 0.5555555556vh;
  color: #fff;
  border-radius: 0.1851851852vh;
  background-color: #7d47ce;
  margin-right: 0.9259259259vh;
  font-family: ProximaNova-Condensed;
  font-size: 1.5740740741vh;
}

.chat-window .input-wrapper .input-container__label.me[data-v-d1e3a8aa] {
  background-color: #7d47ce;
}

.chat-window .input-wrapper .input-container__label.do[data-v-d1e3a8aa] {
  background-color: #4271f2;
}

.chat-window .input-wrapper .input-container__label.try[data-v-d1e3a8aa] {
  background-color: #97de45;
  color: #000;
}

.chat-window .input-wrapper .input-container__label .nonRp[data-v-d1e3a8aa] {
  background-color: orange;
}

.chat-window .input-wrapper .input-container__input[data-v-d1e3a8aa] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
  background-color: transparent;
  border: none;
  margin: 0 0.9259259259vh 0 0;
  resize: none;
  overflow: hidden;
  min-height: 3.3333333333vh;
  max-height: 9.2592592593vh;
}

.chat-window .input-wrapper .favorites-cmds[data-v-d1e3a8aa] {
  display: grid;
  grid-gap: 0.9259259259vh;
  width: 100%;
  height: 3.1481481481vh;
}

.chat-window .input-wrapper .favorites-cmds-item[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.3888888889vh;
  width: 100%;
  height: 100%;
  border-radius: 0.3703703704vh;
  background-color: rgba(26, 26, 26, 0.8);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.chat-window .input-wrapper .favorites-cmds-item > span[data-v-d1e3a8aa] {
  color: #fff;
  font-style: normal;
  line-height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-property: color, font-size;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.chat[data-v-d1e3a8aa] {
  display: flex;
  align-items: flex-end;
  direction: rtl;
  height: 35.2777777778vh;
  width: 74.0740740741vh;
  overflow: auto;
  padding: 1.3888888889vh;
  margin-bottom: 0.9259259259vh;
  transition: opacity 0.3s ease;
}

.chat[data-v-d1e3a8aa]::-webkit-scrollbar {
  width: 0.3703703704vh;
  background-color: transparent;
}

.chat[data-v-d1e3a8aa]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0);
}

.chat.afk[data-v-d1e3a8aa] {
  opacity: 0.5;
}

.chat.input-active[data-v-d1e3a8aa]::-webkit-scrollbar {
  width: 0.3703703704vh;
  background-color: rgba(0, 0, 0, 0.25);
}

.chat.input-active[data-v-d1e3a8aa]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.35);
}

.chat__message[data-v-d1e3a8aa] {
  direction: ltr;
  color: #fff;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  font-weight: unset !important;
  position: relative;
  z-index: 2;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}

.chat__message[data-v-d1e3a8aa]:first-child {
  margin-top: 0 !important;
}

.chat__message-part[data-v-d1e3a8aa] {
  white-space: pre-wrap;
}

.chat__message-prefix[data-v-d1e3a8aa] {
  padding: 0.0925925926vh 0.462962963vh;
  border-radius: 0.2777777778vh;
  margin-right: 0.462962963vh;
  text-shadow: none;
  font-weight: 700;
  text-transform: uppercase;
}

.block .chat__message[data-v-d1e3a8aa] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(30, 33, 36, 0.7);
  padding: 0.462962963vh 0.9259259259vh;
  border-radius: 0.462962963vh;
  text-shadow: unset;
}

.block .chat__message.try[data-v-d1e3a8aa] {
  display: flex;
  padding: 0;
}

.block .chat__message.me[data-v-d1e3a8aa] {
  background-color: rgba(125, 71, 206, 0.7);
}

.block .chat__message.do[data-v-d1e3a8aa] {
  background-color: rgba(71, 130, 206, 0.7);
}

.block .chat__message .try-result[data-v-d1e3a8aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0 0.3703703704vh 0.3703703704vh 0;
  padding: 0.462962963vh 0.9259259259vh;
  box-sizing: border-box;
}

.chat:not(.clean) .chat__message.try .chat__message-timestamp[data-v-d1e3a8aa] {
  align-self: center;
  margin-left: 0.8333333333vh;
}

.chat:not(.block) .chat__message.me[data-v-d1e3a8aa] {
  color: #c2a2da;
}

.chat:not(.block) .chat__message.do[data-v-d1e3a8aa] {
  color: #00c9c3;
}

.block .chat__message.try .chat__message-part[data-v-d1e3a8aa] {
  margin: 0.462962963vh 0 0.462962963vh 0.9259259259vh;
  display: flex;
  align-items: center;
}

.disable-pointer-events .chat[data-v-d1e3a8aa] {
  overflow: hidden;
}

.confirmation-buttons[data-v-d1e3a8aa] {
  display: inline-flex;
  flex-direction: row;
  border-radius: 0.2777777778vh;
  overflow: hidden;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa] {
  display: inline-flex;
  padding: 0.1851851852vh 0.462962963vh;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:first-child {
  background-color: #61de2f;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:last-child {
  background-color: #de2f2f;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:hover {
  opacity: 1;
}

.weazelNews[data-v-d1e3a8aa] {
  display: inline !important;
  white-space: normal;
  word-wrap: break-word;
  color: #2cc533;
}

.weazelNews .message-text[data-v-d1e3a8aa] {
  display: inline;
}

.weazelNews .buttons-wrapper[data-v-d1e3a8aa] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.weazelNews .buttons-wrapper .phone-number[data-v-d1e3a8aa] {
  margin-left: 0.3703703704vh;
  color: #fbfbfb;
  -webkit-text-stroke-width: 0.0462962963vh;
  -webkit-text-stroke-color: #000;
  font-size: 1.4814814815vh;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.weazelNews .buttons-wrapper .button[data-v-d1e3a8aa] {
  margin-left: 0.7407407407vh;
  display: flex;
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.0925925926vh solid hsla(0, 0%, 7%, 0.1);
  background: hsla(0, 0%, 100%, 0.8);
  transition: background 0.2s ease, border 0.2s ease;
  cursor: pointer;
}

.weazelNews .buttons-wrapper .button[data-v-d1e3a8aa]:hover {
  background: #2cc533;
  border: 0.0925925926vh solid hsla(0, 0%, 7%, 0);
}

.weazelNews .buttons-wrapper .button:hover svg[data-v-d1e3a8aa] {
  fill: #fff;
}

.weazelNews .buttons-wrapper .button svg[data-v-d1e3a8aa] {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  fill: rgba(39, 41, 46, 0.8);
  transition: fill 0.2s ease;
}

.fade-up-animation[data-v-4eae08b8] {
  animation: fadeOutUp-4eae08b8 1s ease;
}

.fade-down-animation[data-v-4eae08b8] {
  animation: fadeOutDown-4eae08b8 1s ease;
}

@keyframes fadeOutUp-4eae08b8 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-4eae08b8 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-4eae08b8] {
  animation: logotype-4eae08b8 0.5s ease;
}

.logotype-leave-active[data-v-4eae08b8] {
  animation: logotype-4eae08b8 0.5s ease reverse;
}

@keyframes logotype-4eae08b8 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-4eae08b8] {
  animation: cardMoveInside-4eae08b8 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-4eae08b8] {
  animation: cardMoveOutside-4eae08b8 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-4eae08b8 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-4eae08b8 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-4eae08b8 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-4eae08b8], .fade-leave-to[data-v-4eae08b8] {
  opacity: 0;
}

.fade-enter-active[data-v-4eae08b8], .fade-leave-active[data-v-4eae08b8] {
  transition: opacity 0.5s;
}

@keyframes slide-up-4eae08b8 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-4eae08b8 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-4eae08b8] {
  animation: ipad-slide-4eae08b8 0.4s ease;
}

.ipad-slide-leave-active[data-v-4eae08b8] {
  animation: ipad-slide-4eae08b8 0.4s ease reverse;
}

@keyframes ipad-slide-4eae08b8 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-4eae08b8 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.competition[data-v-4eae08b8] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 31.4814814815vh;
  height: 6.4814814815vh;
  padding: 1.4814814815vh;
  border-radius: 0.7407407407vh;
  overflow: hidden;
}

.competition .info[data-v-4eae08b8] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.7407407407vh;
  margin-right: auto;
}

.competition .info .title[data-v-4eae08b8] {
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}

.competition .info .sub-title[data-v-4eae08b8] {
  color: #fff;
  text-shadow: 0 0 1.1111111111vh hsla(0, 0%, 100%, 0.5);
  font-size: 1.4814814815vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.competition .car[data-v-4eae08b8] {
  position: absolute;
  z-index: 1;
  right: 0;
}

.competition .stars[data-v-4eae08b8] {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.competition[data-v-4eae08b8]:is(.is-participant) {
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.12), rgba(40, 128, 105, 0.12)), #282828;
}

.competition:is(.is-participant) .hours[data-v-4eae08b8] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1851851852vh;
  margin-left: 0.7407407407vh;
  height: 4.0740740741vh;
  padding: 0.7407407407vh 0.9259259259vh;
  border-radius: 0.3703703704vh;
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.9), rgba(40, 128, 105, 0.9));
}

.competition:is(.is-participant) .hours .value[data-v-4eae08b8] {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.competition:is(.is-participant) .hours .value .highlight[data-v-4eae08b8] {
  color: #fff;
}

.competition:is(.is-participant) .hours .text[data-v-4eae08b8] {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.competition:is(.is-participant) .car[data-v-4eae08b8] {
  right: -5.5555555556vh;
  height: 8.2407407407vh;
  opacity: 0.4;
  filter: blur(1px);
}

.competition[data-v-4eae08b8]:not(.is-participant) {
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.7), rgba(40, 128, 105, 0.7)), rgba(40, 40, 40, 0.8);
}

.competition:not(.is-participant) .car[data-v-4eae08b8] {
  right: -2.3148148148vh;
  width: 14.7222222222vh;
  height: 5.9259259259vh;
}

.competition:not(.is-participant) .glow[data-v-4eae08b8] {
  position: absolute;
  z-index: 0;
  right: -5.5555555556vh;
  width: 20.462962963vh;
  height: 8.2407407407vh;
  opacity: 0.2;
  mix-blend-mode: multiply;
  filter: blur(1px);
}

[data-v-4eae08b8] {
  font-family: var(--IntegratedFont);
}

.competition[data-v-27ca1160] {
  width: 28.2407407407vh;
  padding: 0.9259259259vh 0.9259259259vh 0.9259259259vh 1.1111111111vh;
  background: hsla(0, 0%, 7%, 0.9);
  border-radius: 0.5555555556vh;
  overflow: hidden;
  position: relative;
  height: 7.4074074074vh;
}

.competition-main[data-v-27ca1160] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.462962963vh;
  max-width: 12.962962963vh;
}

.competition-main_title[data-v-27ca1160] {
  display: flex;
  flex-direction: column;
  gap: 0.3703703704vh;
}

.competition-main_title div[data-v-27ca1160] {
  color: #f1b129;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.competition-main_title p[data-v-27ca1160] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 3;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
}

.competition-main_title p span[data-v-27ca1160] {
  color: #fff;
}

.competition-main_footer[data-v-27ca1160] {
  display: flex;
  align-items: center;
  gap: 0.462962963vh;
}

.competition-main_footer div[data-v-27ca1160] {
  flex-shrink: 0;
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.competition-main_footer div span[data-v-27ca1160] {
  color: #fff;
}

.competition-main_footer p[data-v-27ca1160] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 3;
  padding-top: 0.1851851852vh;
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 0.9259259259vh;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

.competition .logo[data-v-27ca1160] {
  z-index: 1;
  position: absolute;
  height: 100%;
  right: 0.9259259259vh;
  bottom: -0.9259259259vh;
}

.competition .snow1[data-v-27ca1160] {
  position: absolute;
  top: 0.7407407407vh;
  left: 14.8148148148vh;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  fill: #fff;
  opacity: 0.5;
  filter: blur(0.0925925926vh);
}

.competition .snow2[data-v-27ca1160] {
  position: absolute;
  top: -1.9444444444vh;
  right: 0;
  width: 11.1111111111vh;
  height: 11.1111111111vh;
  fill: #f1b129 !important;
}

.competition .snow3[data-v-27ca1160] {
  z-index: 2;
  position: absolute;
  bottom: 0.9259259259vh;
  right: 2.2222222222vh;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  flex-shrink: 0;
  fill: #fff;
  filter: blur(0.0462962963vh);
}

.competition [data-v-27ca1160] {
  font-family: var(--IntegratedFont);
}

.contentT-enter-from[data-v-5cb41634], .contentT-leave-to[data-v-5cb41634] {
  opacity: 0;
}

.contentT-enter-active[data-v-5cb41634], .contentT-leave-active[data-v-5cb41634] {
  transition: opacity 0.2s ease;
}

.contentT-leave-active[data-v-5cb41634] {
  pointer-events: none;
}

.content[data-v-5cb41634] {
  position: absolute;
  padding: 0 0 2.7777777778vh 0.9259259259vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  pointer-events: none !important;
}

.content-main[data-v-5cb41634] {
  padding: 0.5555555556vh 0.7407407407vh;
  background-color: hsla(0, 0%, 5%, 0.5);
  border-radius: 0.3703703704vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.7407407407vh;
}

.content-main > svg[data-v-5cb41634] {
  display: block;
  width: 0.9259259259vh;
  height: 1.1111111111vh;
  filter: drop-shadow(0 0 0.7407407407vh rgba(0, 0, 0, 0.25));
}

.content-main > p[data-v-5cb41634] {
  font-size: 1.1111111111vh;
  font-weight: 600;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.0555555556vh;
  text-transform: uppercase;
}

.content-main.safe > svg[data-v-5cb41634] {
  fill: #74e662;
}

.content-main.danger > svg[data-v-5cb41634] {
  fill: #f34b48;
}

.content [data-v-5cb41634] {
  font-family: var(--IntegratedFont);
}

.fade-up-animation[data-v-0d147c89] {
  animation: fadeOutUp-0d147c89 1s ease;
}

.fade-down-animation[data-v-0d147c89] {
  animation: fadeOutDown-0d147c89 1s ease;
}

@keyframes fadeOutUp-0d147c89 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0d147c89 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0d147c89] {
  animation: logotype-0d147c89 0.5s ease;
}

.logotype-leave-active[data-v-0d147c89] {
  animation: logotype-0d147c89 0.5s ease reverse;
}

@keyframes logotype-0d147c89 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0d147c89] {
  animation: cardMoveInside-0d147c89 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0d147c89] {
  animation: cardMoveOutside-0d147c89 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0d147c89 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-0d147c89 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-0d147c89 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0d147c89], .fade-leave-to[data-v-0d147c89] {
  opacity: 0;
}

.fade-enter-active[data-v-0d147c89], .fade-leave-active[data-v-0d147c89] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0d147c89 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0d147c89 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0d147c89] {
  animation: ipad-slide-0d147c89 0.4s ease;
}

.ipad-slide-leave-active[data-v-0d147c89] {
  animation: ipad-slide-0d147c89 0.4s ease reverse;
}

@keyframes ipad-slide-0d147c89 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0d147c89 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.timer[data-v-0d147c89] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 27.5925925926vh;
  margin: 0.9259259259vh 0 0 0;
  padding: 0.8333333333vh 0 0.6481481481vh 1.8518518519vh;
  height: 6.2962962963vh;
  background: linear-gradient(90deg, #e81c5a -9.38%, #711531);
  border-radius: 0.5555555556vh;
  overflow: hidden;
}

.timer [data-v-0d147c89] {
  font-family: var(--IntegratedFont);
}

.timer-back1[data-v-0d147c89] {
  z-index: 0;
  left: 0;
}

.timer-back1[data-v-0d147c89], .timer-back2[data-v-0d147c89] {
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.timer-back2[data-v-0d147c89] {
  z-index: 1;
  right: -0.9259259259vh;
}

.timer-title[data-v-0d147c89] {
  position: relative;
  z-index: 2;
  padding-left: 0;
  margin-bottom: 0.462962963vh;
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.timer-title[data-v-0d147c89]:before {
  display: none;
}

.timer-leftTime[data-v-0d147c89] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.timer-leftTime__item[data-v-0d147c89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-right: 0.2777777778vh;
  width: 3.1481481481vh;
}

.timer-leftTime__item-value-wrapper[data-v-0d147c89] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2777777778vh;
  width: 100%;
  height: 2.037037037vh;
  border-radius: 0.2777777778vh;
  background: #131313;
}

.timer-leftTime__item-value[data-v-0d147c89] {
  text-align: center;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.0648148148vh;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff, #fff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.timer-leftTime__item-text[data-v-0d147c89] {
  color: hsla(0, 0%, 100%, 0.9);
  font-size: 0.7407407407vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.0296296296vh;
  text-transform: uppercase;
}

.timer-leftTime__item[data-v-0d147c89]:last-child {
  margin-right: 0;
}

.timer-leftTime__colon[data-v-0d147c89] {
  margin-top: 0.3703703704vh;
  margin-right: 0.2777777778vh;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 1.1111111111vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}

.timer.withoutTime[data-v-0d147c89] {
  justify-content: center;
}

.timer.withoutTime .timer-title[data-v-0d147c89] {
  margin-bottom: 0;
  font-size: 1.6666666667vh;
}

.fade-up-animation[data-v-7ab762bc] {
  animation: fadeOutUp-7ab762bc 1s ease;
}

.fade-down-animation[data-v-7ab762bc] {
  animation: fadeOutDown-7ab762bc 1s ease;
}

@keyframes fadeOutUp-7ab762bc {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7ab762bc {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7ab762bc] {
  animation: logotype-7ab762bc 0.5s ease;
}

.logotype-leave-active[data-v-7ab762bc] {
  animation: logotype-7ab762bc 0.5s ease reverse;
}

@keyframes logotype-7ab762bc {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7ab762bc] {
  animation: cardMoveInside-7ab762bc ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7ab762bc] {
  animation: cardMoveOutside-7ab762bc ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7ab762bc {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-7ab762bc {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-7ab762bc {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7ab762bc], .fade-leave-to[data-v-7ab762bc] {
  opacity: 0;
}

.fade-enter-active[data-v-7ab762bc], .fade-leave-active[data-v-7ab762bc] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7ab762bc {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7ab762bc {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7ab762bc] {
  animation: ipad-slide-7ab762bc 0.4s ease;
}

.ipad-slide-leave-active[data-v-7ab762bc] {
  animation: ipad-slide-7ab762bc 0.4s ease reverse;
}

@keyframes ipad-slide-7ab762bc {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7ab762bc {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.snowmanEvent[data-v-7ab762bc] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5555555556vh;
  width: 27.5925925926vh;
  margin: 0.9259259259vh 0 0 0;
}

.snowmanEvent [data-v-7ab762bc] {
  font-family: var(--IntegratedFont);
}

.snowmanEvent .snow-up[data-v-7ab762bc] {
  position: absolute;
  top: -0.2777777778vh;
  left: -0.2777777778vh;
  width: 5.1851851852vh;
  height: 2.5925925926vh;
}

.snowmanEvent .snow-up-2[data-v-7ab762bc] {
  position: absolute;
  top: -0.2777777778vh;
  right: 7.2222222222vh;
  width: 3.7037037037vh;
  height: 1.2037037037vh;
}

.snowmanEvent .garland[data-v-7ab762bc] {
  position: absolute;
  top: -0.8333333333vh;
  right: 0;
  left: 4.7222222222vh;
}

.snowmanEvent .snow-down[data-v-7ab762bc] {
  position: absolute;
  bottom: 0;
  left: 0.1851851852vh;
  right: 0.5555555556vh;
}

.snowmanEvent .block[data-v-7ab762bc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.2962962963vh;
  padding: 1.2962962963vh;
  width: 100%;
  border-radius: 0.3703703704vh;
  background: rgba(0, 0, 0, 0.5);
}

.snowmanEvent .block .text[data-v-7ab762bc], .snowmanEvent .block .value[data-v-7ab762bc] {
  color: #fff;
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-size: 1.6666666667vh;
  font-style: normal;
  line-height: 100%;
}

.snowmanEvent .block .value[data-v-7ab762bc] {
  text-align: center;
}

.row-block[data-v-82d800f6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-82d800f6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-82d800f6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-82d800f6] {
  display: flex;
}

.justify-start[data-v-82d800f6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-82d800f6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-82d800f6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-82d800f6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-82d800f6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-82d800f6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-82d800f6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-82d800f6] {
  width: 100%;
}

.full-height[data-v-82d800f6] {
  height: 100%;
}

.picture-handler[data-v-82d800f6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-82d800f6] {
  border: 1px solid red;
}

.fade-up-animation[data-v-82d800f6] {
  animation: fadeOutUp-82d800f6 1s ease;
}

.fade-down-animation[data-v-82d800f6] {
  animation: fadeOutDown-82d800f6 1s ease;
}

@keyframes fadeOutUp-82d800f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-82d800f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-82d800f6] {
  animation: logotype-82d800f6 0.5s ease;
}

.logotype-leave-active[data-v-82d800f6] {
  animation: logotype-82d800f6 0.5s ease reverse;
}

@keyframes logotype-82d800f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-82d800f6] {
  animation: cardMoveInside-82d800f6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-82d800f6] {
  animation: cardMoveOutside-82d800f6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-82d800f6 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-82d800f6 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-82d800f6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-82d800f6], .fade-leave-to[data-v-82d800f6] {
  opacity: 0;
}

.fade-enter-active[data-v-82d800f6], .fade-leave-active[data-v-82d800f6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-82d800f6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-82d800f6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-82d800f6] {
  animation: ipad-slide-82d800f6 0.4s ease;
}

.ipad-slide-leave-active[data-v-82d800f6] {
  animation: ipad-slide-82d800f6 0.4s ease reverse;
}

@keyframes ipad-slide-82d800f6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-82d800f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.compass[data-v-82d800f6] {
  position: fixed;
  z-index: -1;
  top: 0.9259259259vh;
  left: calc(50% - 27.31481vh);
  height: 4.7222222222vh;
  width: 54.6296296296vh;
  overflow: hidden;
  pointer-events: none;
}

.compass .back[data-v-82d800f6] {
  position: absolute;
  top: 0;
  height: 100%;
}

.compass .back-left[data-v-82d800f6] {
  left: 0;
  width: 22.6851851852vh;
  background: linear-gradient(90deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, 0.2));
}

.compass .back-center[data-v-82d800f6] {
  left: calc(50% - 4.62963vh);
  width: 9.2592592593vh;
  background-color: rgba(26, 26, 26, 0.2);
}

.compass .back-right[data-v-82d800f6] {
  right: 0;
  width: 22.6851851852vh;
  background: linear-gradient(90deg, rgba(26, 26, 26, 0.2), rgba(26, 26, 26, 0));
}

.compass .arrow[data-v-82d800f6] {
  position: absolute;
  top: 0;
  left: calc(50% - 0.69444vh);
  width: 1.3888888889vh;
  height: 1.2037037037vh;
  fill: #fff;
}

.compass .current-value-deg[data-v-82d800f6] {
  position: absolute;
  z-index: 3;
  bottom: 0.2777777778vh;
  height: 2.037037037vh;
  text-align: center;
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #fcfcfc;
  text-shadow: 0 0.0925925926vh 0.2777777778vh rgba(0, 0, 0, 0.2);
}

.compass .degrees-wrapper[data-v-82d800f6] {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
}

.compass .degrees-wrapper .degrees[data-v-82d800f6] {
  position: relative;
  z-index: 2;
  padding-top: 1.2037037037vh;
  height: 100%;
}

.compass .degrees-wrapper .degrees.transition[data-v-82d800f6] {
  transition: transform 0.1s ease;
}

.compass .degrees-wrapper .degrees .degree[data-v-82d800f6] {
  min-width: 2.7777777778vh;
  max-width: 2.7777777778vh;
}

.compass .degrees-wrapper .degrees .degree .mark[data-v-82d800f6] {
  margin-bottom: 0.7407407407vh;
  width: 0.1851851852vh;
  height: 0.462962963vh;
  background-color: hsla(0, 0%, 100%, 0.7);
  box-shadow: 0 0.0925925926vh 0.1851851852vh rgba(0, 0, 0, 0.1);
}

.compass .degrees-wrapper .degrees .degree .mark.big[data-v-82d800f6] {
  margin-bottom: 0.2777777778vh;
  width: 0.3703703704vh;
  height: 0.9259259259vh;
  background-color: #fff;
}

.compass .degrees-wrapper .degrees .degree .degreeValue[data-v-82d800f6] {
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 99%, 0.75);
  line-height: 1.4814814815vh;
}

.compass .degrees-wrapper .degrees .degree .degreeValue[data-v-82d800f6], .compass .degrees-wrapper .degrees .degree .letterMark[data-v-82d800f6] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-shadow: 0 0.0925925926vh 0.2777777778vh rgba(0, 0, 0, 0.2);
  transition: color 0.1s ease;
}

.compass .degrees-wrapper .degrees .degree .letterMark[data-v-82d800f6] {
  font-size: 1.4814814815vh;
  color: #fcfcfc;
  line-height: 1.6666666667vh;
}

.compass .degrees-wrapper .degrees .degree.darkened .degreeValue[data-v-82d800f6], .compass .degrees-wrapper .degrees .degree.darkened .letterMark[data-v-82d800f6] {
  color: hsla(0, 0%, 99%, 0.3);
}

.compass.capture[data-v-82d800f6] {
  top: 11.1111111111vh;
}

.compass.miniGamesIsPlaying[data-v-82d800f6] {
  top: 6.2037037037vh;
}

.draw-text[data-v-2eacc52e] {
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  color: #ccc;
  -webkit-text-stroke: 0.0462962963vh #333;
  text-align: center;
  font-size: 2.037037037vh;
  font-weight: 500;
  line-height: 100%;
  top: auto;
  left: 0;
  right: 0;
  bottom: 25%;
  margin: 0 auto;
  transform: scale(1);
  text-shadow: 0 0 3px #1a1a1a;
}

.draw-text [data-v-2eacc52e], .draw-text[data-v-2eacc52e] {
  font-family: var(--IntegratedFont);
}

.bind-value[data-v-4b2d04c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3888888889vh;
}

.bind-value .keys[data-v-4b2d04c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.462962963vh;
}

.bind-value .keys > span[data-v-4b2d04c0] {
  color: #222;
  text-align: center;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

[data-v-4b2d04c0] {
  font-family: Proxima Nova, serif;
}

.fade-up-animation[data-v-79baa9f6] {
  animation: fadeOutUp-79baa9f6 1s ease;
}

.fade-down-animation[data-v-79baa9f6] {
  animation: fadeOutDown-79baa9f6 1s ease;
}

@keyframes fadeOutUp-79baa9f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-79baa9f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-79baa9f6] {
  animation: logotype-79baa9f6 0.5s ease;
}

.logotype-leave-active[data-v-79baa9f6] {
  animation: logotype-79baa9f6 0.5s ease reverse;
}

@keyframes logotype-79baa9f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-79baa9f6] {
  animation: cardMoveInside-79baa9f6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-79baa9f6] {
  animation: cardMoveOutside-79baa9f6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-79baa9f6 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-79baa9f6 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-79baa9f6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-79baa9f6], .fade-leave-to[data-v-79baa9f6] {
  opacity: 0;
}

.fade-enter-active[data-v-79baa9f6], .fade-leave-active[data-v-79baa9f6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-79baa9f6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-79baa9f6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-79baa9f6] {
  animation: ipad-slide-79baa9f6 0.4s ease;
}

.ipad-slide-leave-active[data-v-79baa9f6] {
  animation: ipad-slide-79baa9f6 0.4s ease reverse;
}

@keyframes ipad-slide-79baa9f6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-79baa9f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.trade-container .trade-header .trade-icon[data-v-79baa9f6] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-79baa9f6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-79baa9f6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-79baa9f6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-79baa9f6] {
  display: flex;
}

.justify-start[data-v-79baa9f6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-79baa9f6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-79baa9f6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-79baa9f6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-79baa9f6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-79baa9f6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-79baa9f6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-79baa9f6] {
  width: 100%;
}

.full-height[data-v-79baa9f6] {
  height: 100%;
}

.picture-handler[data-v-79baa9f6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-79baa9f6] {
  border: 1px solid red;
}

.local-fade-enter-from[data-v-79baa9f6], .local-fade-leave-to[data-v-79baa9f6] {
  opacity: 0;
}

.local-fade-enter-active[data-v-79baa9f6], .local-fade-leave-active[data-v-79baa9f6] {
  transition: opacity 0.2s;
}

.local-fade-leave-active[data-v-79baa9f6] {
  position: absolute;
}

.trade[data-v-79baa9f6] {
  position: absolute;
  bottom: 0;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  z-index: -1;
}

.trade-container[data-v-79baa9f6] {
  margin-bottom: 6.4814814815vh;
}

.trade-container .trade-header[data-v-79baa9f6] {
  gap: 1.1111111111vh;
}

.trade-container .trade-header .trade-icon[data-v-79baa9f6] {
  width: 4.4444444444vh;
  height: 4.4444444444vh;
  border-radius: 0.7407407407vh;
  background-color: #e8e8e8;
  position: relative;
}

.trade-container .trade-header .trade-icon__queue[data-v-79baa9f6] {
  position: absolute;
  border-radius: 0.5555555556vh;
  background-color: #e81c5a;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.7592592593vh;
  height: 1.7592592593vh;
  padding: 0 0.3703703704vh;
  color: #fcfcfc;
  text-align: center;
  top: -0.5555555556vh;
  right: -0.5555555556vh;
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.trade-container .trade-header .trade-icon svg[data-v-79baa9f6] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
}

.trade-container .trade-header .trade-icon svg[data-v-79baa9f6] path {
  fill: #212121;
}

.trade-container .trade-header .trade-data[data-v-79baa9f6] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trade-container .trade-header .trade-data .user-data__text-nickname[data-v-79baa9f6] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fcfcfc;
  text-transform: uppercase;
}

.trade-container .trade-header .trade-data .user-data__text-uid[data-v-79baa9f6] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 97%, 0.5);
  margin-left: 0.3703703704vh;
}

.trade-container .trade-header .trade-data__label[data-v-79baa9f6] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #f8f8f8;
  text-transform: uppercase;
  margin-top: 0.7407407407vh;
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
}

.trade-container .trade-header .trade-data__label .grey[data-v-79baa9f6] {
  opacity: 0.75;
}

.trade-container .line[data-v-79baa9f6] {
  height: 0.2777777778vh;
  width: 100%;
  background-color: #2e2e2e;
  border-radius: 0.9259259259vh;
  margin-top: 1.8518518519vh;
  margin-bottom: 1.8518518519vh;
  position: relative;
}

.trade-container .line__progress[data-v-79baa9f6] {
  position: absolute;
  height: 100%;
  width: 50%;
  background-color: #e81c5a;
  border-radius: 0.9259259259vh;
}

.trade-container .control-keys[data-v-79baa9f6] {
  padding: 0 0.9259259259vh;
  gap: 2.7777777778vh;
}

.trade-container .control-keys .key .bind-value[data-v-79baa9f6] {
  padding: 0 0.6481481481vh;
  height: 2.4074074074vh;
  background-color: #f8f8f8;
  border-radius: 0.2777777778vh;
}

.trade-container .control-keys .key__text[data-v-79baa9f6] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  margin-left: 0.9259259259vh;
  color: #fff;
}

.contentT-enter-from[data-v-3395c094], .contentT-leave-to[data-v-3395c094] {
  opacity: 0;
}

.contentT-enter-active[data-v-3395c094], .contentT-leave-active[data-v-3395c094] {
  transition: opacity 0.2s ease;
}

.contentT-leave-active[data-v-3395c094] {
  pointer-events: none;
}

.holders[data-v-3395c094] {
  height: 100%;
  margin: 0.9259259259vh 0;
}

.holders-element[data-v-3395c094] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.9259259259vh;
}

.holders-element__buttons[data-v-3395c094] {
  position: relative;
  width: 2.7777777778vh;
  height: 2.7777777778vh;
  background-color: #fff;
  border-radius: 0.1851851852vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.holders-element__buttons[data-v-3395c094]:before {
  content: "";
  z-index: -2;
  background-color: rgba(78, 78, 78, 0.6);
}

.holders-element__buttons-border[data-v-3395c094], .holders-element__buttons[data-v-3395c094]:before {
  position: absolute;
  top: -0.1851851852vh;
  right: -0.1851851852vh;
  bottom: -0.1851851852vh;
  left: -0.1851851852vh;
  border-radius: 0.3703703704vh;
}

.holders-element__buttons-border[data-v-3395c094] {
  z-index: -1;
  background: 50%/cover no-repeat;
}

.holders-element__buttons > p[data-v-3395c094] {
  font-size: 1.2962962963vh;
  font-weight: 900;
  color: #222;
  line-height: 100%;
}

.holders-element > p[data-v-3395c094] {
  font-size: 1.4814814815vh;
  font-weight: 500;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 110%;
}

.holders-element > p > span[data-v-3395c094] {
  color: #fff;
  line-height: 110%;
}

.holders [data-v-3395c094] {
  font-family: var(--IntegratedFont);
}

.row-block[data-v-72c99924] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-72c99924] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-72c99924] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-72c99924] {
  display: flex;
}

.justify-start[data-v-72c99924] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-72c99924] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-72c99924] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-72c99924] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-72c99924] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-72c99924] {
  display: flex;
  align-items: center;
}

.align-end[data-v-72c99924] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-72c99924] {
  width: 100%;
}

.full-height[data-v-72c99924] {
  height: 100%;
}

.picture-handler[data-v-72c99924] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-72c99924] {
  border: 1px solid red;
}

.fade-up-animation[data-v-72c99924] {
  animation: fadeOutUp-72c99924 1s ease;
}

.fade-down-animation[data-v-72c99924] {
  animation: fadeOutDown-72c99924 1s ease;
}

@keyframes fadeOutUp-72c99924 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-72c99924 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-72c99924] {
  animation: logotype-72c99924 0.5s ease;
}

.logotype-leave-active[data-v-72c99924] {
  animation: logotype-72c99924 0.5s ease reverse;
}

@keyframes logotype-72c99924 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-72c99924] {
  animation: cardMoveInside-72c99924 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-72c99924] {
  animation: cardMoveOutside-72c99924 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-72c99924 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-72c99924 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-72c99924 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-72c99924], .fade-leave-to[data-v-72c99924] {
  opacity: 0;
}

.fade-enter-active[data-v-72c99924], .fade-leave-active[data-v-72c99924] {
  transition: opacity 0.5s;
}

@keyframes slide-up-72c99924 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-72c99924 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-72c99924] {
  animation: ipad-slide-72c99924 0.4s ease;
}

.ipad-slide-leave-active[data-v-72c99924] {
  animation: ipad-slide-72c99924 0.4s ease reverse;
}

@keyframes ipad-slide-72c99924 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-72c99924 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.timebars[data-v-72c99924] {
  margin-bottom: 5.0925925926vh;
  align-items: flex-end;
}

.timebars.speedo-active[data-v-72c99924] {
  margin-bottom: 1.8518518519vh;
}

.timebars .bar[data-v-72c99924] {
  margin-bottom: 0.1851851852vh;
  height: 3.7037037037vh;
  min-width: 23.1481481481vh;
  border-radius: 0.2777777778vh;
  background-color: rgba(20, 22, 28, 0.8);
  padding: 0 0.9259259259vh 0 1.1111111111vh;
}

.timebars .bar.newYear[data-v-72c99924] {
  background: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 7%, 0.07), hsla(0, 0%, 7%, 0)), 0 0/contain url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/hud/timebars/background.png) repeat-x, linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 42, 110, 0.5));
}

.timebars .bar.progressBar[data-v-72c99924], .timebars .bar.stages[data-v-72c99924] {
  width: auto;
  padding-left: 1.3888888889vh;
}

.timebars .bar__text[data-v-72c99924], .timebars .bar__title[data-v-72c99924] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  white-space: nowrap;
  color: var(--color, #fff);
}

.timebars .bar__text[data-v-72c99924] {
  min-width: 3.7037037037vh;
  margin: 0 0.7407407407vh;
  text-align: center;
}

.timebars .bar .progressbar[data-v-72c99924] {
  width: 15.7407407407vh;
  min-height: 0.462962963vh;
  margin-left: 1.3888888889vh;
  margin-right: 0.9259259259vh;
}

.timebars .bar .progressbar-value[data-v-72c99924] {
  min-height: inherit;
  width: 0;
}

.timebars .bar .stages[data-v-72c99924] {
  margin-left: 1.3888888889vh;
  margin-right: 0.9259259259vh;
}

.timebars .bar .stages .stage[data-v-72c99924] {
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  border-radius: 0.1851851852vh;
  margin-right: 0.462962963vh;
}

.timebars .bar .stages .stage.active[data-v-72c99924] {
  background-color: var(--active-bg) !important;
}

.timebars .bar .stages .stage[data-v-72c99924]:last-child {
  margin-right: 0;
}

.timebars .bar .player-score[data-v-72c99924] {
  margin: 0 0.7407407407vh;
  text-align: center;
  min-width: 3.7037037037vh;
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: var(--color, #fff);
}

.fade-up-animation[data-v-1f43be9d] {
  animation: fadeOutUp-1f43be9d 1s ease;
}

.fade-down-animation[data-v-1f43be9d] {
  animation: fadeOutDown-1f43be9d 1s ease;
}

@keyframes fadeOutUp-1f43be9d {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-1f43be9d {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-1f43be9d] {
  animation: logotype-1f43be9d 0.5s ease;
}

.logotype-leave-active[data-v-1f43be9d] {
  animation: logotype-1f43be9d 0.5s ease reverse;
}

@keyframes logotype-1f43be9d {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-1f43be9d] {
  animation: cardMoveInside-1f43be9d ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-1f43be9d] {
  animation: cardMoveOutside-1f43be9d ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-1f43be9d {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-1f43be9d {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-1f43be9d {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-1f43be9d], .fade-leave-to[data-v-1f43be9d] {
  opacity: 0;
}

.fade-enter-active[data-v-1f43be9d], .fade-leave-active[data-v-1f43be9d] {
  transition: opacity 0.5s;
}

@keyframes slide-up-1f43be9d {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-1f43be9d {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-1f43be9d] {
  animation: ipad-slide-1f43be9d 0.4s ease;
}

.ipad-slide-leave-active[data-v-1f43be9d] {
  animation: ipad-slide-1f43be9d 0.4s ease reverse;
}

@keyframes ipad-slide-1f43be9d {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-1f43be9d {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.money .money-container .money-block__logo[data-v-1f43be9d] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-1f43be9d] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-1f43be9d] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-1f43be9d] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-1f43be9d] {
  display: flex;
}

.justify-start[data-v-1f43be9d] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-1f43be9d] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-1f43be9d] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-1f43be9d] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-1f43be9d] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-1f43be9d] {
  display: flex;
  align-items: center;
}

.align-end[data-v-1f43be9d] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-1f43be9d] {
  width: 100%;
}

.full-height[data-v-1f43be9d] {
  height: 100%;
}

.picture-handler[data-v-1f43be9d] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-1f43be9d] {
  border: 1px solid red;
}

.money[data-v-1f43be9d] {
  display: flex;
  flex-direction: column;
  margin-top: 1.2962962963vh;
}

.money .money-container[data-v-1f43be9d] {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vh;
}

.money .money-container .money-block[data-v-1f43be9d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8333333333vh;
}

.money .money-container .money-block.positive[data-v-1f43be9d] {
  color: #a7fa53 !important;
}

.money .money-container .money-block.negative[data-v-1f43be9d] {
  color: salmon !important;
}

.money .money-container .money-block__value[data-v-1f43be9d] {
  transition: color 0.5s ease;
}

.money .money-container .money-block__logo[data-v-1f43be9d] {
  filter: drop-shadow(0 0.0925925926vh 0.1851851852vh rgba(0, 0, 0, 0.32));
}

.money .money-container .money-block.cash_hud[data-v-1f43be9d] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.money .money-container .money-block.cash_hud[data-v-1f43be9d] svg {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}

.money .money-container .money-block.bank_hud[data-v-1f43be9d] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.money .money-container .money-block.bank_hud[data-v-1f43be9d] svg {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}

.money .money-container .money-block .chip_hud[data-v-1f43be9d] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
  display: flex;
  gap: 0.8333333333vh;
  align-items: center;
  filter: drop-shadow(0 0.0925925926vh 0.1851851852vh rgba(0, 0, 0, 0.32));
}

.money .money-container .money-block .chip_hud[data-v-1f43be9d]:not(:first-child) {
  margin-left: 0.462962963vh;
}

.money .money-container .money-block .chip_hud[data-v-1f43be9d] svg {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}

.hint-container .hint-icon[data-v-3109e152] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-3109e152] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-3109e152] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-3109e152] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-3109e152] {
  display: flex;
}

.justify-start[data-v-3109e152] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-3109e152] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-3109e152] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-3109e152] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-3109e152] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-3109e152] {
  display: flex;
  align-items: center;
}

.align-end[data-v-3109e152] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-3109e152] {
  width: 100%;
}

.full-height[data-v-3109e152] {
  height: 100%;
}

.picture-handler[data-v-3109e152] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-3109e152] {
  border: 1px solid red;
}

.fade-up-animation[data-v-3109e152] {
  animation: fadeOutUp-3109e152 1s ease;
}

.fade-down-animation[data-v-3109e152] {
  animation: fadeOutDown-3109e152 1s ease;
}

@keyframes fadeOutUp-3109e152 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-3109e152 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-3109e152] {
  animation: logotype-3109e152 0.5s ease;
}

.logotype-leave-active[data-v-3109e152] {
  animation: logotype-3109e152 0.5s ease reverse;
}

@keyframes logotype-3109e152 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-3109e152] {
  animation: cardMoveInside-3109e152 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-3109e152] {
  animation: cardMoveOutside-3109e152 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-3109e152 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-3109e152 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-3109e152 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-3109e152], .fade-leave-to[data-v-3109e152] {
  opacity: 0;
}

.fade-enter-active[data-v-3109e152], .fade-leave-active[data-v-3109e152] {
  transition: opacity 0.5s;
}

@keyframes slide-up-3109e152 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-3109e152 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-3109e152] {
  animation: ipad-slide-3109e152 0.4s ease;
}

.ipad-slide-leave-active[data-v-3109e152] {
  animation: ipad-slide-3109e152 0.4s ease reverse;
}

@keyframes ipad-slide-3109e152 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-3109e152 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.hint-container[data-v-3109e152] {
  position: absolute;
  z-index: 3;
  padding: 2.037037037vh 1.8518518519vh;
}

.hint-container.bottomed[data-v-3109e152] {
  padding: 0;
  right: 1.9444444444vh;
  bottom: 0.7407407407vh;
}

.hint-container .hint[data-v-3109e152] {
  background-color: #1e2124;
  padding: 0.6481481481vh 1.2962962963vh;
  border-radius: 6px;
  position: relative;
  z-index: 3;
}

.hint-container .hint__text[data-v-3109e152] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.hint-container .hint-icon[data-v-3109e152] {
  padding: 0.2777777778vh 0.8333333333vh;
  border-radius: 0.2777777778vh;
  background-color: #f8f8f8;
  min-width: 2.4074074074vh;
  min-height: 2.4074074074vh;
  margin: 0 0.7407407407vh;
}

.hint-container .hint-icon__picture[data-v-3109e152] {
  min-width: inherit;
}

.hint-container .hint-icon__text[data-v-3109e152] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #111;
}

.fade-up-animation[data-v-67f0a894] {
  animation: fadeOutUp-67f0a894 1s ease;
}

.fade-down-animation[data-v-67f0a894] {
  animation: fadeOutDown-67f0a894 1s ease;
}

@keyframes fadeOutUp-67f0a894 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-67f0a894 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-67f0a894] {
  animation: logotype-67f0a894 0.5s ease;
}

.logotype-leave-active[data-v-67f0a894] {
  animation: logotype-67f0a894 0.5s ease reverse;
}

@keyframes logotype-67f0a894 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-67f0a894] {
  animation: cardMoveInside-67f0a894 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-67f0a894] {
  animation: cardMoveOutside-67f0a894 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-67f0a894 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-67f0a894 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-67f0a894 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-67f0a894], .fade-leave-to[data-v-67f0a894] {
  opacity: 0;
}

.fade-enter-active[data-v-67f0a894], .fade-leave-active[data-v-67f0a894] {
  transition: opacity 0.5s;
}

@keyframes slide-up-67f0a894 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-67f0a894 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-67f0a894] {
  animation: ipad-slide-67f0a894 0.4s ease;
}

.ipad-slide-leave-active[data-v-67f0a894] {
  animation: ipad-slide-67f0a894 0.4s ease reverse;
}

@keyframes ipad-slide-67f0a894 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-67f0a894 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.carhud-container-content .car-status .fuel-status__text-fuel[data-v-67f0a894], .carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-67f0a894], .carhud-container-content .car-status .oil-status__text[data-v-67f0a894], .carhud-container-simple .hud_container.additional-info[data-v-67f0a894] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carhud-container-content[data-v-67f0a894] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-67f0a894] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-67f0a894] {
  display: flex;
}

.justify-start[data-v-67f0a894] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-67f0a894] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-67f0a894] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-67f0a894] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-67f0a894] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-67f0a894] {
  display: flex;
  align-items: center;
}

.align-end[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-67f0a894] {
  width: 100%;
}

.full-height[data-v-67f0a894] {
  height: 100%;
}

.picture-handler[data-v-67f0a894] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-67f0a894] {
  border: 1px solid red;
}

.carhud[data-v-67f0a894] {
  transform-origin: right bottom;
  margin-bottom: 1.0185185185vh;
}

.carhud-radial-shadow[data-v-67f0a894] {
  position: fixed;
  bottom: -13.3333333333vh;
  right: 0;
  pointer-events: none;
  z-index: -10;
  height: 63.1481481481vh;
  max-height: 63.1481481481vh;
  min-height: 63.1481481481vh;
  width: 63.1481481481vh;
  max-width: 63.1481481481vh;
  min-width: 63.1481481481vh;
  background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.45), transparent 70%);
}

.carhud-Advanced_2[data-v-67f0a894] {
  margin-bottom: -1.8518518519vh;
}

.carhud-Minimalistic_2[data-v-67f0a894], .carhud-Minimalistic_3[data-v-67f0a894] {
  margin-bottom: 2.7777777778vh;
}

.carhud-container-second[data-v-67f0a894] {
  position: relative;
  width: 43.1481481481vh;
  height: 43.1481481481vh;
  margin-bottom: -4.6296296296vh;
  transform: scale(0.7);
  display: flex;
  justify-content: center;
  margin-right: -4.0740740741vh;
}

.carhud-container-second__background[data-v-67f0a894] {
  width: 100%;
  height: 100%;
  position: absolute;
}

.carhud-container-second__fuel[data-v-67f0a894], .carhud-container-second__oil[data-v-67f0a894] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.7037037037vh;
  max-width: 3.7037037037vh;
  min-width: 3.7037037037vh;
}

.carhud-container-second__fuel__icon svg[data-v-67f0a894], .carhud-container-second__oil__icon svg[data-v-67f0a894] {
  height: 1.8518518519vh;
  width: auto;
}

.carhud-container-second__fuel__text[data-v-67f0a894], .carhud-container-second__oil__text[data-v-67f0a894] {
  text-align: center;
  width: 3.7037037037vh;
  max-width: 3.7037037037vh;
  min-width: 3.7037037037vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2777777778vh;
}

.carhud-container-second__fuel__text__splitter[data-v-67f0a894], .carhud-container-second__oil__text__splitter[data-v-67f0a894] {
  height: 0.0925925926vh;
  width: 2.2222222222vh;
  background-color: #fff;
}

.carhud-container-second__fuel__text .grey[data-v-67f0a894], .carhud-container-second__oil__text .grey[data-v-67f0a894] {
  color: #888;
}

.carhud-container-second__fuel[data-v-67f0a894] {
  left: 41.6666666667vh;
  bottom: 25vh;
}

.carhud-container-second__fuel.isElectro[data-v-67f0a894] {
  bottom: 26.4814814815vh;
}

.carhud-container-second__oil[data-v-67f0a894] {
  left: 41.1111111111vh;
  bottom: 13.4259259259vh;
}

.carhud-container-second__mileage[data-v-67f0a894] {
  position: absolute;
  top: 26.1111111111vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8333333333vh;
}

.carhud-container-second__mileage__value[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.462962963vh;
}

.carhud-container-second__mileage__value .square[data-v-67f0a894] {
  height: 2.7777777778vh;
  max-height: 2.7777777778vh;
  min-height: 2.7777777778vh;
  width: 2.7777777778vh;
  max-width: 2.7777777778vh;
  min-width: 2.7777777778vh;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.5);
  border-radius: 0.5555555556vh;
  color: #fff;
  display: grid;
  place-items: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8518518519vh;
}

.carhud-container-second__mileage__value .square.grey[data-v-67f0a894] {
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-second__mileage__label[data-v-67f0a894] {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 100%, 0.5);
}

@keyframes blink-icon-67f0a894 {
  0% {
    fill: hsla(0, 0%, 100%, 0.5);
  }
  to {
    fill: var(--fill-color);
  }
}
.carhud-container-second__turnSignals[data-v-67f0a894] {
  position: absolute;
  top: 11.9444444444vh;
  display: flex;
  align-items: center;
  gap: 1.0185185185vh;
}

.carhud-container-second__turnSignals .arrow[data-v-67f0a894] {
  width: 1.9444444444vh;
  max-width: 1.9444444444vh;
  min-width: 1.9444444444vh;
  height: 1.8518518519vh;
  max-height: 1.8518518519vh;
  min-height: 1.8518518519vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__turnSignals .arrow.active[data-v-67f0a894] {
  --fill-color:#b4ed3b ;
}

.carhud-container-second__turnSignals .arrow[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
  animation: blink-icon-67f0a894 0.5s ease infinite alternate;
}

.carhud-container-second__turnSignals .arrow.right[data-v-67f0a894] {
  transform: rotate(180deg);
}

.carhud-container-second__turnSignals .emergencyGang[data-v-67f0a894] {
  width: 2.962962963vh;
  max-width: 2.962962963vh;
  min-width: 2.962962963vh;
  height: 2.4074074074vh;
  max-height: 2.4074074074vh;
  min-height: 2.4074074074vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__turnSignals .emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__turnSignals .emergencyGang.active[data-v-67f0a894] {
  --fill-color:#ff2727 ;
}

.carhud-container-second__speed[data-v-67f0a894] {
  position: absolute;
  top: 16.6666666667vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.9259259259vh;
}

.carhud-container-second__speed__value[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.8333333333vh;
}

.carhud-container-second__speed__value__gear[data-v-67f0a894] {
  height: 4.537037037vh;
  max-height: 4.537037037vh;
  min-height: 4.537037037vh;
  width: 3.8888888889vh;
  max-width: 3.8888888889vh;
  min-width: 3.8888888889vh;
  overflow: hidden;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 0.5555555556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 3.7037037037vh;
}

.carhud-container-second__speed__value__gear div[data-v-67f0a894] {
  position: absolute;
}

.carhud-container-second__speed__value__speed[data-v-67f0a894] {
  height: 4.537037037vh;
  max-height: 4.537037037vh;
  min-height: 4.537037037vh;
  width: 12.4074074074vh;
  max-width: 12.4074074074vh;
  min-width: 12.4074074074vh;
  text-align: center;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 6.5740740741vh;
  line-height: 4.9074074074vh;
  color: #fff;
}

.carhud-container-second__speed__value__speed .grey-color[data-v-67f0a894] {
  color: #aaa;
}

.carhud-container-second__speed__label[data-v-67f0a894] {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #fff;
}

.carhud-container-second__numbers[data-v-67f0a894] {
  z-index: -1;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.carhud-container-second__numbers .number-0[data-v-67f0a894] {
  position: absolute;
  top: 27.7vh;
  left: 9.2222222222vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-0.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-1[data-v-67f0a894] {
  position: absolute;
  top: 20.8092592593vh;
  left: 7.2898148148vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-1.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-2[data-v-67f0a894] {
  position: absolute;
  top: 13.8351851852vh;
  left: 9.1388888889vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-2.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-3[data-v-67f0a894] {
  position: absolute;
  top: 8.7935185185vh;
  left: 14.2638888889vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-3.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-4[data-v-67f0a894] {
  position: absolute;
  top: 6.9444444444vh;
  left: 21.0703703704vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-4.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-5[data-v-67f0a894] {
  position: absolute;
  top: 8.7935185185vh;
  left: 27.9611111111vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-5.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-6[data-v-67f0a894] {
  position: absolute;
  top: 13.8351851852vh;
  left: 33.087037037vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-6.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-7[data-v-67f0a894] {
  position: absolute;
  top: 20.8092592593vh;
  left: 35.0194444444vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-7.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-8[data-v-67f0a894] {
  position: absolute;
  top: 27.7vh;
  left: 33.087037037vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-8.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__additional-icons[data-v-67f0a894] {
  position: absolute;
  top: 34.2592592593vh;
  display: flex;
  gap: 1.8518518519vh;
  align-items: flex-end;
  height: 2.5925925926vh;
  max-height: 2.5925925926vh;
  min-height: 2.5925925926vh;
}

.carhud-container-second__additional-icons__highBeam[data-v-67f0a894] {
  width: 2.7777777778vh;
  max-width: 2.7777777778vh;
  min-width: 2.7777777778vh;
  height: 1.8518518519vh;
  max-height: 1.8518518519vh;
  min-height: 1.8518518519vh;
  margin-bottom: 3.9814814815vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__additional-icons__highBeam.active[data-v-67f0a894] {
  --fill-color:#14ffe3 ;
}

.carhud-container-second__additional-icons__highBeam[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__dippedBeam[data-v-67f0a894] {
  width: 2.7777777778vh;
  max-width: 2.7777777778vh;
  min-width: 2.7777777778vh;
  height: 1.8518518519vh;
  max-height: 1.8518518519vh;
  min-height: 1.8518518519vh;
  margin-bottom: 2.1296296296vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__additional-icons__dippedBeam.active[data-v-67f0a894] {
  --fill-color:#12ff9b ;
}

.carhud-container-second__additional-icons__dippedBeam[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__seatBelt[data-v-67f0a894] {
  width: 2.3333333333vh;
  max-width: 2.3333333333vh;
  min-width: 2.3333333333vh;
  height: 2.3333333333vh;
  max-height: 2.3333333333vh;
  min-height: 2.3333333333vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__additional-icons__seatBelt.active[data-v-67f0a894] {
  --fill-color:#ff1c1c ;
}

.carhud-container-second__additional-icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__doors[data-v-67f0a894] {
  width: 1.9444444444vh;
  max-width: 1.9444444444vh;
  min-width: 1.9444444444vh;
  height: 2.5925925926vh;
  max-height: 2.5925925926vh;
  min-height: 2.5925925926vh;
  margin-bottom: 1.7592592593vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__additional-icons__doors.active[data-v-67f0a894] {
  --fill-color:#2ecdff ;
}

.carhud-container-second__additional-icons__doors[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__lock[data-v-67f0a894] {
  width: 2.5vh;
  max-width: 2.5vh;
  min-width: 2.5vh;
  height: 2.4268518519vh;
  max-height: 2.4268518519vh;
  min-height: 2.4268518519vh;
  margin-bottom: 3.6842592593vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-second__additional-icons__lock.active[data-v-67f0a894] {
  --fill-color:#df005b ;
}

.carhud-container-second__additional-icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transform: scale(0.8);
}

.carhud-container-fourth__kmh[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #fff;
}

.carhud-container-fourth__speed[data-v-67f0a894] {
  margin-top: 0.5555555556vh;
  height: 4.537037037vh;
  max-height: 4.537037037vh;
  min-height: 4.537037037vh;
  display: flex;
  align-items: center;
  gap: 0.8333333333vh;
}

.carhud-container-fourth__speed__gear[data-v-67f0a894] {
  height: 4.537037037vh;
  max-height: 4.537037037vh;
  min-height: 4.537037037vh;
  width: 3.8888888889vh;
  max-width: 3.8888888889vh;
  min-width: 3.8888888889vh;
  overflow: hidden;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 0.5555555556vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 3.7037037037vh;
}

.carhud-container-fourth__speed__gear div[data-v-67f0a894] {
  position: absolute;
}

.carhud-container-fourth__speed__value[data-v-67f0a894] {
  height: 4.537037037vh;
  max-height: 4.537037037vh;
  min-height: 4.537037037vh;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 6.5740740741vh;
  line-height: 4.9074074074vh;
  color: #fff;
}

.carhud-container-fourth__speed__value .grey-color[data-v-67f0a894] {
  color: #aaa;
}

.carhud-container-fourth__additional[data-v-67f0a894] {
  margin-top: 0.9259259259vh;
  display: flex;
  flex-direction: row;
}

.carhud-container-fourth__additional__splitter[data-v-67f0a894] {
  margin-left: 0.7407407407vh;
  margin-right: 0.7407407407vh;
  height: 2.037037037vh;
  width: 0.0925925926vh;
  background-color: #fff;
}

.carhud-container-fourth__additional__fuel[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
  justify-content: space-between;
}

.carhud-container-fourth__additional__fuel__icon[data-v-67f0a894] {
  width: 1.5740740741vh;
  max-width: 1.5740740741vh;
  min-width: 1.5740740741vh;
  height: 1.8518518519vh;
  max-height: 1.8518518519vh;
  min-height: 1.8518518519vh;
}

.carhud-container-fourth__additional__fuel__text[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #aaa;
  font-variant-numeric: tabular-nums;
}

.carhud-container-fourth__additional__fuel__text span[data-v-67f0a894] {
  color: #fff;
}

.carhud-container-fourth__additional__icons[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
  gap: 1.1259259259vh;
}

.carhud-container-fourth__additional__icons__emergencyGang[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  width: 2.4185185185vh;
  max-width: 2.4185185185vh;
  min-width: 2.4185185185vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fourth__additional__icons__emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__emergencyGang.active[data-v-67f0a894] {
  --fill-color:#ff2727 ;
}

.carhud-container-fourth__additional__icons__seatBelt[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  width: 1.9648148148vh;
  max-width: 1.9648148148vh;
  min-width: 1.9648148148vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fourth__additional__icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__seatBelt.active[data-v-67f0a894] {
  --fill-color:#ff1c1c ;
}

.carhud-container-fourth__additional__icons__lock[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  width: 1.9648148148vh;
  max-width: 1.9648148148vh;
  min-width: 1.9648148148vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fourth__additional__icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__lock.active[data-v-67f0a894] {
  --fill-color:#df005b ;
}

.carhud-container-fifth[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.carhud-container-fifth__speed[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.carhud-container-fifth__speed__value[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 4.7598611111vh;
  line-height: 4.7592592593vh;
  font-variant-numeric: tabular-nums;
  color: #fff;
}

.carhud-container-fifth__speed__label[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.3221851852vh;
  line-height: 1.5740740741vh;
  margin-top: 0.1851851852vh;
  margin-right: 0.2777777778vh;
  color: #fff;
}

.carhud-container-fifth__splitter[data-v-67f0a894] {
  margin-left: 1.0305555556vh;
  margin-right: 0.8453703704vh;
  height: 5.0925925926vh;
  width: 0.0925925926vh;
  background-color: #fff;
}

.carhud-container-fifth__additional[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vh;
  align-items: flex-start;
}

.carhud-container-fifth__additional__fuel[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.5555555556vh;
}

.carhud-container-fifth__additional__fuel__icon[data-v-67f0a894] {
  width: 1.5740740741vh;
  max-width: 1.5740740741vh;
  min-width: 1.5740740741vh;
  height: 1.8518518519vh;
  max-height: 1.8518518519vh;
  min-height: 1.8518518519vh;
}

.carhud-container-fifth__additional__fuel__text[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.8518518519vh;
  color: #aaa;
}

.carhud-container-fifth__additional__fuel__text span[data-v-67f0a894] {
  color: #fff;
}

.carhud-container-fifth__additional__icons[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
  gap: 1.0583333333vh;
}

.carhud-container-fifth__additional__icons__emergencyGang[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fifth__additional__icons__emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__emergencyGang.active[data-v-67f0a894] {
  --fill-color:#ff2727 ;
}

.carhud-container-fifth__additional__icons__seatBelt[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fifth__additional__icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__seatBelt.active[data-v-67f0a894] {
  --fill-color:#ff1c1c ;
}

.carhud-container-fifth__additional__icons__lock[data-v-67f0a894] {
  height: 1.9648148148vh;
  max-height: 1.9648148148vh;
  min-height: 1.9648148148vh;
  --fill-color:hsla(0, 0%, 100%, .5) ;
}

.carhud-container-fifth__additional__icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__lock.active[data-v-67f0a894] {
  --fill-color:#df005b ;
}

.carhud-container[data-v-67f0a894] {
  position: relative;
  width: 25.0925925926vh;
  height: 25.0925925926vh;
}

.carhud-container-background[data-v-67f0a894] {
  position: absolute;
  width: 24.4487962963vh;
  height: 24.3489814815vh;
  left: 0.98%;
  top: 1.07%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3), transparent);
  border-radius: 50%;
}

.carhud-container-background .speedometer-canvas[data-v-67f0a894] {
  position: absolute;
  left: 0;
  top: 0;
}

.carhud-container-content[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 3.3333333333vh;
  z-index: 4;
}

.carhud-container-content__picture-attention[data-v-67f0a894] {
  width: 1.9444444444vh;
  height: 1.2962962963vh;
  max-height: 1.2962962963vh;
  min-height: 1.2962962963vh;
}

.carhud-container-content__picture-attention svg[data-v-67f0a894] {
  fill: hsla(0, 0%, 100%, 0.25);
  height: 1.2962962963vh;
  max-height: 1.2962962963vh;
  min-height: 1.2962962963vh;
}

.carhud-container-content__picture-attention.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .velocities[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 1.0185185185vh;
}

.carhud-container-content .velocities-arrow__picture[data-v-67f0a894] {
  display: flex;
  width: 1.2962962963vh;
  height: 1.3888888889vh;
  fill: hsla(0, 0%, 100%, 0.1);
}

.carhud-container-content .velocities-arrow.active svg[data-v-67f0a894] {
  animation: blink-arrow-67f0a894 0.5s ease infinite alternate;
}

@keyframes blink-arrow-67f0a894 {
  0% {
    fill: hsla(0, 0%, 100%, 0.1);
  }
  to {
    fill: #ffc130;
  }
}
.carhud-container-content .velocities__picture-arrowRight[data-v-67f0a894] {
  transform: rotate(180deg);
}

.carhud-container-content .velocities-content[data-v-67f0a894] {
  flex-flow: row nowrap;
  margin-right: 1.4814814815vh;
  margin-left: 1.4814814815vh;
  width: 7.4074074074vh;
  height: 2.4074074074vh;
  overflow: hidden;
}

.carhud-container-content .velocities-content-animated[data-v-67f0a894] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  transition: margin-left 0.3s ease;
}

.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(7), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(8), .carhud-container-content .velocities-content-animated.velocity-7 .velocity[data-v-67f0a894]:nth-child(7) {
  font-size: 1.3888888889vh;
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-67f0a894]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(7), .carhud-container-content .velocities-content-animated.velocity-7 .velocity[data-v-67f0a894]:nth-child(8) {
  font-size: 1.9444444444vh;
  color: #fff;
}

.carhud-container-content .velocities-content-animated .velocity[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0185185185vh;
  color: hsla(0, 0%, 100%, 0.25);
  margin-right: 1.2037037037vh;
  transition: color 0.3s ease, font-size 0.3s ease;
}

.carhud-container-content .velocities-content-animated .velocity[data-v-67f0a894]:last-child {
  margin-right: 0;
}

.carhud-container-content .velocities-content-animated.velocity-0[data-v-67f0a894] {
  margin-left: 3.3333333333vh;
}

.carhud-container-content .velocities-content-animated.velocity-1[data-v-67f0a894] {
  margin-left: 1.4814814815vh;
}

.carhud-container-content .velocities-content-animated.velocity-3[data-v-67f0a894] {
  margin-left: -1.7592592593vh;
}

.carhud-container-content .velocities-content-animated.velocity-4[data-v-67f0a894] {
  margin-left: -3.1481481481vh;
}

.carhud-container-content .velocities-content-animated.velocity-5[data-v-67f0a894] {
  margin-left: -4.6296296296vh;
}

.carhud-container-content .velocities-content-animated.velocity-6[data-v-67f0a894] {
  margin-left: -6.4814814815vh;
}

.carhud-container-content .velocities-content-animated.velocity-7[data-v-67f0a894] {
  margin-left: -7.8703703704vh;
}

.carhud-container-content .car-status[data-v-67f0a894] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 19.2592592593vh;
  height: 9.8148148148vh;
}

.carhud-container-content .car-status .oil-status[data-v-67f0a894] {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 4.8148148148vh;
}

.carhud-container-content .car-status .oil-status.hidden[data-v-67f0a894] {
  visibility: hidden;
}

.carhud-container-content .car-status .oil-status svg[data-v-67f0a894] {
  width: 1.3888888889vh;
  height: 1.9444444444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.carhud-container-content .car-status .oil-status.warning svg[data-v-67f0a894] {
  fill: #ffb300;
}

.carhud-container-content .car-status .oil-status.threat svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .car-status .oil-status__text[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
  margin-top: 0.462962963vh;
  min-width: 1.4814814815vh;
}

.carhud-container-content .car-status .speed-status[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  max-width: 7.7777777778vh;
}

.carhud-container-content .car-status .speed-status__text-speed[data-v-67f0a894] {
  display: flex;
  justify-content: center;
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 6.5740740741vh;
  min-width: 8.6111111111vh;
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.carhud-container-content .car-status .speed-status__text-speedType[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fff;
}

.carhud-container-content .car-status .fuel-status[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  min-width: 1.7592592593vh;
  width: 4.8148148148vh;
}

.carhud-container-content .car-status .fuel-status.hidden[data-v-67f0a894] {
  visibility: hidden;
}

.carhud-container-content .car-status .fuel-status svg[data-v-67f0a894] {
  width: 1.5740740741vh;
  height: 1.9444444444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.carhud-container-content .car-status .fuel-status.electro svg[data-v-67f0a894] {
  width: 1.5740740741vh;
  height: 1.9444444444vh;
  fill: #14a6f9;
}

.carhud-container-content .car-status .fuel-status.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .car-status .fuel-status.active .fuel-status__text-fuel[data-v-67f0a894] {
  color: #e51a22;
}

.carhud-container-content .car-status .fuel-status__text-fuel[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
  min-width: 1.7592592593vh;
  color: #fff;
  border-block-end: 0.0925925926vh solid hsla(0, 0%, 100%, 0.5);
  margin-top: 0.462962963vh;
}

.carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  min-width: 1.7592592593vh;
  color: #fff;
}

.carhud-container-content .mileage[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 1.0185185185vh;
}

.carhud-container-content .mileage__text-value[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.9444444444vh;
  color: #fff;
}

.carhud-container-content .mileage__text-mileageType[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2037037037vh;
  color: #fff;
  margin-left: 0.2777777778vh;
}

.carhud-container-content .designations[data-v-67f0a894] {
  display: flex;
  flex-flow: row nowrap;
  margin-top: -0.7407407407vh;
}

.carhud-container-simple[data-v-67f0a894] {
  display: inline-flex;
  flex-direction: row;
  height: 5.0925925926vh;
}

.carhud-container-simple .hud_container[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.6481481481vh 2.3148148148vh;
}

.carhud-container-simple .hud_container.additional-info[data-v-67f0a894] {
  padding: 1.3888888889vh;
  margin-left: 1px;
}

.carhud-container-simple .speedometer[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 2.3148148148vh;
  color: #fbc900;
  justify-content: flex-start;
  width: 19.4444444444vh;
  height: 100%;
}

.carhud-container-simple .speedometer img[data-v-67f0a894] {
  min-width: 2.2222222222vh;
}

.carhud-container-simple .speedometer .speedometer__text-speed[data-v-67f0a894] {
  white-space: nowrap;
  margin: 0 auto;
  min-width: 10.6481481481vh;
  max-width: 10.6481481481vh;
  text-align: center;
}

.carhud-container-simple .gas[data-v-67f0a894] {
  justify-content: center;
  margin-left: 1px;
  height: 100%;
}

.carhud-container-simple .gas .fuel[data-v-67f0a894] {
  margin-left: 1.3888888889vh;
  font-size: 1.9444444444vh;
}

.carhud-container-simple .gas .fuel__text-current[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: auto;
  color: #fff;
}

.carhud-container-simple .gas .fuel__text-max[data-v-67f0a894] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: auto;
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-simple .gas img[data-v-67f0a894] {
  width: 2.1296296296vh;
}

.highBeam[data-v-67f0a894] {
  margin-top: 0.2777777778vh;
  margin-right: 1.0185185185vh;
}

.highBeam svg[data-v-67f0a894] {
  width: 1.9444444444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.dippedBeam[data-v-67f0a894] {
  margin-top: 1.2037037037vh;
  margin-right: 1.1111111111vh;
}

.dippedBeam svg[data-v-67f0a894] {
  width: 1.9444444444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.belt[data-v-67f0a894] {
  margin-top: 1.2037037037vh;
  margin-right: 1.2037037037vh;
}

.belt svg[data-v-67f0a894] {
  width: 1.4814814815vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.start[data-v-67f0a894] {
  margin-top: 1.2037037037vh;
  margin-right: 1.1111111111vh;
}

.start svg[data-v-67f0a894] {
  width: 1.9444444444vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.doors[data-v-67f0a894] {
  margin-top: 0;
  margin-right: 0;
}

.doors svg[data-v-67f0a894] {
  width: 1.7592592593vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.dippedBeam.active svg[data-v-67f0a894] {
  fill: #44a440;
}

.highBeam.active svg[data-v-67f0a894] {
  fill: #34c1ff;
}

.attention-simple.active svg[data-v-67f0a894], .belt-simple.active svg[data-v-67f0a894], .belt.active svg[data-v-67f0a894], .doors.active svg[data-v-67f0a894], .start-simple.active svg[data-v-67f0a894], .start.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.attention svg[data-v-67f0a894] {
  fill: hsla(0, 0%, 100%, 0.25);
}

.attention.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.belt-simple[data-v-67f0a894] {
  margin: 0 1.0185185185vh;
}

.attention-simple svg[data-v-67f0a894], .belt-simple svg[data-v-67f0a894], .start-simple svg[data-v-67f0a894] {
  width: 2.2222222222vh;
  fill: hsla(0, 0%, 100%, 0.25);
}

.slideUp-enter-active[data-v-67f0a894] {
  animation: slideDown-67f0a894 0.4s ease reverse;
}

.slideUp-leave-active[data-v-67f0a894] {
  animation: slideUp-67f0a894 0.4s ease;
}

@keyframes slideUp-67f0a894 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-120%);
  }
}
.slideDown-enter-active[data-v-67f0a894] {
  animation: slideUp-67f0a894 0.4s ease reverse;
}

.slideDown-leave-active[data-v-67f0a894] {
  animation: slideDown-67f0a894 0.4s ease;
}

@keyframes slideDown-67f0a894 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(120%);
  }
}
.fuel-blinking[data-v-67f0a894] {
  animation: blinking-67f0a894 0.5s ease infinite alternate;
}

@keyframes blinking-67f0a894 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.dragy-container .logo[data-v-f607ab32], .dragy-container .time[data-v-f607ab32], .dragy-container .vehicle[data-v-f607ab32] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-f607ab32] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-f607ab32] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-f607ab32] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-f607ab32] {
  display: flex;
}

.justify-start[data-v-f607ab32] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-f607ab32] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-f607ab32] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-f607ab32] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-f607ab32] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-f607ab32] {
  display: flex;
  align-items: center;
}

.align-end[data-v-f607ab32] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-f607ab32] {
  width: 100%;
}

.full-height[data-v-f607ab32] {
  height: 100%;
}

.picture-handler[data-v-f607ab32] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-f607ab32] {
  border: 1px solid red;
}

.fade-up-animation[data-v-f607ab32] {
  animation: fadeOutUp-f607ab32 1s ease;
}

.fade-down-animation[data-v-f607ab32] {
  animation: fadeOutDown-f607ab32 1s ease;
}

@keyframes fadeOutUp-f607ab32 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-f607ab32 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-f607ab32] {
  animation: logotype-f607ab32 0.5s ease;
}

.logotype-leave-active[data-v-f607ab32] {
  animation: logotype-f607ab32 0.5s ease reverse;
}

@keyframes logotype-f607ab32 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-f607ab32] {
  animation: cardMoveInside-f607ab32 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-f607ab32] {
  animation: cardMoveOutside-f607ab32 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-f607ab32 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-f607ab32 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-f607ab32 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-f607ab32], .fade-leave-to[data-v-f607ab32] {
  opacity: 0;
}

.fade-enter-active[data-v-f607ab32], .fade-leave-active[data-v-f607ab32] {
  transition: opacity 0.5s;
}

@keyframes slide-up-f607ab32 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-f607ab32 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-f607ab32] {
  animation: ipad-slide-f607ab32 0.4s ease;
}

.ipad-slide-leave-active[data-v-f607ab32] {
  animation: ipad-slide-f607ab32 0.4s ease reverse;
}

@keyframes ipad-slide-f607ab32 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-f607ab32 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.dragy-container[data-v-f607ab32] {
  width: 26.4814814815vh;
  background-color: rgba(73, 73, 73, 0.75);
}

.dragy-container .logo[data-v-f607ab32] {
  min-height: 2.7777777778vh;
  background-color: hsla(0, 0%, 9%, 0.95);
}

.dragy-container .logo__picture[data-v-f607ab32] {
  width: 4.5666666667vh;
}

.dragy-container .vehicle[data-v-f607ab32] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1111111111vh;
  background-color: hsla(0, 0%, 9%, 0.75);
  min-height: 2.3148148148vh;
  text-transform: uppercase;
  color: #fff;
}

.dragy-container .time[data-v-f607ab32] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.7037037037vh;
  min-height: 6.3888888889vh;
  color: #fff;
  background-color: hsla(0, 0%, 9%, 0.5);
}

.dragy-container .items[data-v-f607ab32] {
  padding: 1.3888888889vh 2.7777777778vh 1.8518518519vh 2.7777777778vh;
}

.dragy-container .items .item[data-v-f607ab32] {
  margin-top: 1.1111111111vh;
}

.dragy-container .items .item[data-v-f607ab32]:first-child {
  margin-top: 0;
}

.dragy-container .items .item .point[data-v-f607ab32] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  border-radius: 50%;
  background-color: #93d43f;
}

.dragy-container .items .item__title[data-v-f607ab32] {
  margin-left: 1.1111111111vh;
}

.dragy-container .items .item__title[data-v-f607ab32], .dragy-container .items .item__value[data-v-f607ab32] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.fade-up-animation[data-v-70f22da6] {
  animation: fadeOutUp-70f22da6 1s ease;
}

.fade-down-animation[data-v-70f22da6] {
  animation: fadeOutDown-70f22da6 1s ease;
}

@keyframes fadeOutUp-70f22da6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-70f22da6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-70f22da6] {
  animation: logotype-70f22da6 0.5s ease;
}

.logotype-leave-active[data-v-70f22da6] {
  animation: logotype-70f22da6 0.5s ease reverse;
}

@keyframes logotype-70f22da6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-70f22da6] {
  animation: cardMoveInside-70f22da6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-70f22da6] {
  animation: cardMoveOutside-70f22da6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-70f22da6 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-70f22da6 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-70f22da6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-70f22da6], .fade-leave-to[data-v-70f22da6] {
  opacity: 0;
}

.fade-enter-active[data-v-70f22da6], .fade-leave-active[data-v-70f22da6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-70f22da6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-70f22da6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-70f22da6] {
  animation: ipad-slide-70f22da6 0.4s ease;
}

.ipad-slide-leave-active[data-v-70f22da6] {
  animation: ipad-slide-70f22da6 0.4s ease reverse;
}

@keyframes ipad-slide-70f22da6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-70f22da6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.intro .shadow[data-v-70f22da6], .intro[data-v-70f22da6] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-70f22da6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-70f22da6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-70f22da6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-70f22da6] {
  display: flex;
}

.justify-start[data-v-70f22da6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-70f22da6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-70f22da6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-70f22da6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-70f22da6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-70f22da6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-70f22da6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-70f22da6] {
  width: 100%;
}

.full-height[data-v-70f22da6] {
  height: 100%;
}

.picture-handler[data-v-70f22da6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-70f22da6] {
  border: 1px solid red;
}

.intro[data-v-70f22da6] {
  transform-origin: center;
}

.intro .container[data-v-70f22da6] {
  display: flex;
  align-self: flex-start;
  position: absolute;
  left: 13.8888888889vh;
  top: 18.5185185185vh;
  z-index: 2;
}

.intro .container__picture[data-v-70f22da6] {
  width: 52.0861111111vh;
  height: 13.5194444444vh;
}

.intro .container__text[data-v-70f22da6] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5925925926vh;
  color: #fff;
  margin-top: 3.7037037037vh;
}

.intro .container__text[data-v-70f22da6] svg {
  margin: 0 1.3888888889vh;
  width: 3.1481481481vh;
  height: 3.1481481481vh;
}

.intro .shadow[data-v-70f22da6] {
  width: 50%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent);
}

.disclaimer[data-v-f24a0ae4], .logotype[data-v-f24a0ae4], .notifications-list .press-letter-key[data-v-f24a0ae4], .online .is-x2[data-v-f24a0ae4], .online .report-info .reports-amount[data-v-f24a0ae4], .press-button-wrapper .current-button[data-v-f24a0ae4], .skip-intro .button[data-v-f24a0ae4], .territory-war .main-info .main-counter__text-kills[data-v-f24a0ae4], .territory-war .war-container[data-v-f24a0ae4], .territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4], .territory-war-light .count[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.disclaimer[data-v-f24a0ae4], .main-cover[data-v-f24a0ae4], .press-button-wrapper[data-v-f24a0ae4] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-f24a0ae4] {
  display: flex;
}

.justify-start[data-v-f24a0ae4] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-f24a0ae4] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-f24a0ae4] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-f24a0ae4] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-f24a0ae4] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-f24a0ae4] {
  display: flex;
  align-items: center;
}

.align-end[data-v-f24a0ae4] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-f24a0ae4] {
  width: 100%;
}

.full-height[data-v-f24a0ae4] {
  height: 100%;
}

.picture-handler[data-v-f24a0ae4] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-f24a0ae4] {
  border: 1px solid red;
}

.fade-up-animation[data-v-f24a0ae4] {
  animation: fadeOutUp-f24a0ae4 1s ease;
}

.fade-down-animation[data-v-f24a0ae4] {
  animation: fadeOutDown-f24a0ae4 1s ease;
}

@keyframes fadeOutUp-f24a0ae4 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-f24a0ae4 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-f24a0ae4] {
  animation: logotype-f24a0ae4 0.5s ease;
}

.logotype-leave-active[data-v-f24a0ae4] {
  animation: logotype-f24a0ae4 0.5s ease reverse;
}

@keyframes logotype-f24a0ae4 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-f24a0ae4] {
  animation: cardMoveInside-f24a0ae4 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-f24a0ae4] {
  animation: cardMoveOutside-f24a0ae4 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-f24a0ae4 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-f24a0ae4 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-f24a0ae4 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-f24a0ae4], .fade-leave-to[data-v-f24a0ae4] {
  opacity: 0;
}

.fade-enter-active[data-v-f24a0ae4], .fade-leave-active[data-v-f24a0ae4] {
  transition: opacity 0.5s;
}

@keyframes slide-up-f24a0ae4 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-f24a0ae4 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-f24a0ae4] {
  animation: ipad-slide-f24a0ae4 0.4s ease;
}

.ipad-slide-leave-active[data-v-f24a0ae4] {
  animation: ipad-slide-f24a0ae4 0.4s ease reverse;
}

@keyframes ipad-slide-f24a0ae4 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-f24a0ae4 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.empty-dark[data-v-f24a0ae4], .empty-light[data-v-f24a0ae4] {
  border-left-color: #fff;
  border-right-color: #fff;
}

.LSPD-dark[data-v-f24a0ae4], .LSPD-light[data-v-f24a0ae4] {
  border-left-color: #3e63dd;
  border-right-color: #3e63dd;
}

.EMS-dark[data-v-f24a0ae4], .EMS-light[data-v-f24a0ae4] {
  border-left-color: #e5484d;
  border-right-color: #e5484d;
}

.SHPD-dark[data-v-f24a0ae4], .SHPD-light[data-v-f24a0ae4] {
  border-left-color: #e8b670;
  border-right-color: #e8b670;
}

.SANG-dark[data-v-f24a0ae4], .SANG-light[data-v-f24a0ae4] {
  border-left-color: #c4c875;
  border-right-color: #c4c875;
}

.GOV-dark[data-v-f24a0ae4], .GOV-light[data-v-f24a0ae4] {
  border-left-color: #b4b4b4;
  border-right-color: #b4b4b4;
}

.weazel-dark[data-v-f24a0ae4], .weazel-light[data-v-f24a0ae4] {
  border-left-color: #e54d2e;
  border-right-color: #e54d2e;
}

.FIB-dark[data-v-f24a0ae4], .FIB-light[data-v-f24a0ae4] {
  border-left-color: #aeb5b2;
  border-right-color: #aeb5b2;
}

.ballas-dark[data-v-f24a0ae4], .ballas-light[data-v-f24a0ae4] {
  border-left-color: #9a5cd0;
  border-right-color: #9a5cd0;
}

.vagos-dark[data-v-f24a0ae4], .vagos-light[data-v-f24a0ae4] {
  border-left-color: #f5e147;
  border-right-color: #f5e147;
}

.families-dark[data-v-f24a0ae4], .families-light[data-v-f24a0ae4] {
  border-left-color: #54b365;
  border-right-color: #54b365;
}

.bloods-dark[data-v-f24a0ae4], .bloods-light[data-v-f24a0ae4] {
  border-left-color: #e5484d;
  border-right-color: #e5484d;
}

.marabunta-dark[data-v-f24a0ae4], .marabunta-light[data-v-f24a0ae4] {
  border-left-color: #6abaff;
  border-right-color: #6abaff;
}

.cosa_nostra-dark[data-v-f24a0ae4], .cosa_nostra-light[data-v-f24a0ae4] {
  border-left-color: #ffc916;
  border-right-color: #ffc916;
}

.russian_mafia-dark[data-v-f24a0ae4], .russian_mafia-light[data-v-f24a0ae4] {
  border-left-color: #fff;
  border-right-color: #fff;
}

.yakuza-dark[data-v-f24a0ae4], .yakuza-light[data-v-f24a0ae4] {
  border-left-color: #e64566;
  border-right-color: #e64566;
}

.mexican_cartel-dark[data-v-f24a0ae4], .mexican_cartel-light[data-v-f24a0ae4] {
  border-left-color: #d4b3a5;
  border-right-color: #d4b3a5;
}

.lost_mc-dark[data-v-f24a0ae4], .lost_mc-light[data-v-f24a0ae4] {
  border-left-color: #e5484d;
  border-right-color: #e5484d;
}

.angels-dark[data-v-f24a0ae4], .angels-light[data-v-f24a0ae4] {
  border-left-color: #b4b3ac;
  border-right-color: #b4b3ac;
}

.irish-dark[data-v-f24a0ae4], .irish-light[data-v-f24a0ae4] {
  border-left-color: #ff9b52;
  border-right-color: #ff9b52;
}

.territory-war[data-v-f24a0ae4] {
  height: 6.2962962963vh;
  max-height: 6.2962962963vh;
  min-height: 6.2962962963vh;
  position: absolute;
  left: 50%;
  top: 0.9259259259vh;
  transform: translateX(-50%);
  min-width: 28.7037037037vh;
  max-width: 28.7037037037vh;
}

.territory-war .war-info[data-v-f24a0ae4] {
  width: 23.7962962963vh;
  max-width: 23.7962962963vh;
  min-width: 23.7962962963vh;
  margin: 0 auto;
  margin-top: 1.0185185185vh;
}

.territory-war .war-info svg[data-v-f24a0ae4] {
  width: 1.9444444444vh;
}

.territory-war .gang-status-block[data-v-f24a0ae4] {
  width: 20.8333333333vh;
  height: 3.7037037037vh;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  padding: 0 1.0185185185vh;
}

.territory-war .gang-status-block__text[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
  min-width: 12.8703703704vh;
}

.territory-war .gang-status-block[data-v-f24a0ae4]:last-child {
  left: auto;
  right: 0;
}

.territory-war .gang-status-block svg[data-v-f24a0ae4] {
  width: 1.9444444444vh;
}

.territory-war .war-container[data-v-f24a0ae4] {
  min-height: 100%;
  height: 100%;
}

.territory-war .main-info[data-v-f24a0ae4] {
  width: 28.2407407407vh;
  max-width: 28.2407407407vh;
  min-width: 28.2407407407vh;
  position: relative;
  min-height: inherit;
  height: inherit;
}

.territory-war .main-info .main-counter[data-v-f24a0ae4] {
  min-height: inherit;
  height: inherit;
  width: 15.7407407407vh;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 1.3888888889vh;
  color: #fff;
  position: relative;
}

.territory-war .main-info .main-counter__text-kills[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.8703703704vh;
  width: 3.3333333333vh;
  background: transparent;
}

.territory-war .main-info .main-counter__text-timer[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
}

.territory-war .main-info .progress-info[data-v-f24a0ae4] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2777777778vh;
}

.territory-war .main-info__picture-gangLogo[data-v-f24a0ae4] {
  width: 6.2962962963vh;
  height: 6.2962962963vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.territory-war-dark[data-v-f24a0ae4], .territory-war-light[data-v-f24a0ae4] {
  margin-top: 1.3888888889vh;
}

.territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4], .territory-war-light .count[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  width: 9.7222222222vh;
  height: 4.6296296296vh;
}

.territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4] {
  border-left-width: 0.462962963vh;
  border-left-style: solid;
}

.territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4] {
  border-right-width: 0.462962963vh;
  border-right-style: solid;
}

.territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.3148148148vh;
  color: #1e2124;
  background-color: #f6f6f6;
}

.territory-war-light .count[data-v-f24a0ae4] {
  font-size: 2.3148148148vh;
  background-color: #f9f9f9;
}

.territory-war-light .count[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #1e2124;
}

.territory-war-light .timer[data-v-f24a0ae4] {
  font-size: 1.8518518519vh;
}

.territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.3148148148vh;
  color: #fff;
  background-color: rgba(30, 33, 36, 0.8);
}

.territory-war-dark .count[data-v-f24a0ae4] {
  font-size: 2.3148148148vh;
  background-color: #121213;
}

.territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

.territory-war-dark .timer[data-v-f24a0ae4] {
  font-size: 1.8518518519vh;
}

.war-status[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.local-fade-enter-from[data-v-f24a0ae4], .local-fade-leave-to[data-v-f24a0ae4] {
  opacity: 0;
}

.local-fade-enter-active[data-v-f24a0ae4], .local-fade-leave-active[data-v-f24a0ae4] {
  transition: opacity 0.3s;
}

.main-cover[data-v-f24a0ae4] {
  overflow: hidden;
}

.hud-shadow[data-v-f24a0ae4] {
  position: absolute;
  right: 0;
  top: 0;
  width: 37.037037037vh;
  height: 37.037037037vh;
  background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0.45), transparent 70%);
}

.online[data-v-f24a0ae4] {
  position: absolute;
  right: 1.0185185185vh;
  margin-top: 1.9444444444vh;
}

.online .is-x2[data-v-f24a0ae4] {
  width: 2.037037037vh;
  height: 2.037037037vh;
  background-color: #e81c5a;
  margin-right: 0.7407407407vh;
  border-radius: 0.462962963vh;
  padding: 0.3240740741vh 0.2777777778vh;
  margin-left: 1.8518518519vh;
  margin-top: 0.3240740741vh;
}

.online .is-x2 .x2__text[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1111111111vh;
  color: #fcfcfc;
  text-transform: uppercase;
}

.online .report-info[data-v-f24a0ae4] {
  width: 18.1481481481vh;
  height: 2.7777777778vh;
  border-radius: 3.7037037037vh;
  gap: 0.462962963vh;
}

.online .report-info-container[data-v-f24a0ae4] {
  border-radius: 0.5555555556vh;
  background-color: rgba(30, 33, 36, 0.75);
  padding: 0.7407407407vh 0.9259259259vh;
  align-items: baseline;
}

.online .report-info .reports-amount[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  background-color: #e81c5a;
  color: #fff;
  border-radius: 0.2777777778vh;
  padding: 0.1851851852vh 0.462962963vh;
}

.online .report-info__title[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
  text-shadow: 0 0 0.1851851852vh rgba(0, 0, 0, 0.25);
  margin-right: 0.8333333333vh;
}

.online .online__logo__picture[data-v-f24a0ae4] {
  margin-left: 1.3888888889vh;
}

.online .server-info[data-v-f24a0ae4] {
  margin-top: 0.9722222222vh;
}

.online .server-info .online-text[data-v-f24a0ae4] {
  gap: 0.3703703704vh;
}

.online .server-info .online-text__title[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #f8f8f8;
  text-shadow: 0 0 0.0925925926vh rgba(0, 0, 0, 0.75);
}

.online .server-info .online-text__text[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #f8f8f8;
  text-shadow: 0 0 0.0925925926vh rgba(0, 0, 0, 0.25);
}

.online .server-info .server-id[data-v-f24a0ae4] {
  padding: 0.3703703704vh 0.7407407407vh 0.3703703704vh 0.3703703704vh;
  border-radius: 0.6481481481vh;
  background-color: rgba(30, 33, 36, 0.25);
  margin-left: 0.5555555556vh;
}

.online .server-info .server-id__picture[data-v-f24a0ae4] {
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  margin-right: 0.462962963vh;
}

.online .server-info .server-id__text[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9259259259vh;
  color: #f8f8f8;
}

.online .server-info .server-id.no-flag[data-v-f24a0ae4] {
  padding: 0.3703703704vh 0.7407407407vh;
}

.online .player-id[data-v-f24a0ae4] {
  margin-top: 0.7407407407vh;
}

.online .player-id__text-1[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
}

.online .player-id__text-1[data-v-f24a0ae4], .online .player-id__text-2[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  text-shadow: 0 0 0.0925925926vh rgba(0, 0, 0, 0.25);
}

.online .player-id__text-2[data-v-f24a0ae4] {
  color: #fff;
  margin-left: 0.3703703704vh;
}

.online__text[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
  margin: 1.0185185185vh 0.462962963vh 0 0;
  text-shadow: 0 0 0.2314814815vh #000;
  font-size: 1.3888888889vh;
  margin-top: 0.5555555556vh;
  opacity: 0.5;
}

.online__logo[data-v-f24a0ae4] {
  max-height: 3.1018518519vh;
}

.online__logo img[data-v-f24a0ae4] {
  width: 11.5740740741vh;
}

.online .bullets-block[data-v-f24a0ae4] {
  margin-top: 0.7407407407vh;
}

.online .bullets-block__picture[data-v-f24a0ae4] {
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}

.online .bullets-block__text[data-v-f24a0ae4] {
  margin-right: 0.3703703704vh;
}

.online .bullets-block__text span[data-v-f24a0ae4]:first-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.online .bullets-block__text span[data-v-f24a0ae4]:last-child {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 100%, 0.75);
}

.online .wanted[data-v-f24a0ae4] {
  margin-top: 0.8333333333vh;
}

.online .wanted-star[data-v-f24a0ae4] {
  opacity: 0.1;
  width: 1.9444444444vh;
  margin-right: 0.462962963vh;
}

.online .wanted-star[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.online .wanted-star.active[data-v-f24a0ae4] {
  opacity: 1;
}

.timebars-with-speedo[data-v-f24a0ae4] {
  position: absolute;
  right: 1.9444444444vh;
  bottom: 0;
}

.timebars-with-speedo.speedo-active.speedo-2 .timebars[data-v-f24a0ae4] {
  margin-bottom: -8.3333333333vh;
}

.timebars-with-speedo.speedo-active.speedo-4[data-v-f24a0ae4] {
  right: 2.5925925926vh;
}

.timebars-with-speedo.speedo-active.speedo-5[data-v-f24a0ae4] {
  right: 3.5138888889vh;
}

.chat-container[data-v-f24a0ae4] {
  position: absolute;
}

.user-container[data-v-f24a0ae4] {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 1.5740740741vh;
  text-shadow: 0 0.0925925926vh 0.1851851852vh rgba(0, 0, 0, 0.32);
}

.user-container .status-container[data-v-f24a0ae4] {
  display: flex;
  margin-bottom: 0.9259259259vh;
}

.user-container.is-playing-minigames .errors[data-v-f24a0ae4], .user-container.is-playing-minigames .money[data-v-f24a0ae4], .user-container.is-playing-minigames .place-info[data-v-f24a0ae4], .user-container.is-playing-minigames .weather[data-v-f24a0ae4] {
  opacity: 0;
}

.user-container .errors[data-v-f24a0ae4] {
  margin-bottom: 0.9259259259vh;
  margin-left: 0.9259259259vh;
}

.user-container .errors .error[data-v-f24a0ae4] {
  width: 6.1111111111vh;
  margin-right: 1.3888888889vh;
}

.user-container .errors .error[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.user-container .errors .error__picture[data-v-f24a0ae4] {
  width: 3.25vh;
  height: 2.962962963vh;
}

.user-container .errors .error__title[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: #fa0;
  margin-top: 0.462962963vh;
  text-align: center;
}

.user-container .info-container[data-v-f24a0ae4] {
  display: flex;
  margin-bottom: 0.9259259259vh;
}

.user-container .info-container .weather[data-v-f24a0ae4] {
  color: #fff;
  margin-bottom: 1.2037037037vh;
  display: flex;
  gap: 0.5555555556vh;
  align-items: center;
}

.user-container .info-container .weather__picture[data-v-f24a0ae4] {
  width: 1.5740740741vh;
  height: 1.5740740741vh;
  filter: drop-shadow(0 0.0925925926vh 0.1851851852vh rgba(0, 0, 0, 0.32));
}

.user-container .info-container .weather__text-name[data-v-f24a0ae4], .user-container .info-container .weather__text-temperature[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.user-container .info-container .time-container[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vh;
}

.user-container .info-container .time-container .main-time[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.7407407407vh;
}

.user-container .info-container .time-container .main-time__text-hours[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.user-container .info-container .time-container .main-time__text-date[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 100%, 0.8);
}

.user-container .info-container .time-container__text-weekday[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 100%, 0.8);
}

.user-container .info-container .voice[data-v-f24a0ae4] {
  margin-top: -1.4814814815vh;
  margin-left: 2.2222222222vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5555555556vh;
}

.user-container .info-container .voice .voice-icon-wrapper[data-v-f24a0ae4] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-container .info-container .voice-icon[data-v-f24a0ae4] {
  display: block;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

.user-container .place-info[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.3703703704vh;
}

.user-container .place-info .region[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.user-container .place-info .street[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: hsla(0, 0%, 100%, 0.8);
}

.keys-block-main[data-v-f24a0ae4] {
  position: absolute;
  top: 50%;
  right: 1.9444444444vh;
  display: flex;
  flex-direction: column;
  gap: 0.7407407407vh;
  width: 18.5185185185vh;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
}

.keys-block-main[data-v-f24a0ae4] .bind-value {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.keys-block-main[data-v-f24a0ae4] .bind-value .keys {
  display: flex;
  padding: 0 0.7407407407vh;
  min-width: 2.8703703704vh;
  height: 2.8703703704vh;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0.2777777778vh;
}

.keys-block-main[data-v-f24a0ae4] .bind-value .keys > span {
  color: #fff;
}

.keys-block-main[data-v-f24a0ae4] .bind-value .keys > svg {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(249deg) brightness(107%) contrast(105%);
}

.keys-block-main[data-v-f24a0ae4] .bind-value > p {
  color: #fff;
  font-size: 1.3888888889vh;
  font-style: normal;
  font-weight: 100;
  line-height: 135%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.keys-block-main[data-v-f24a0ae4] .bind-value.active .keys {
  animation: blinking-f24a0ae4 1s ease infinite alternate;
}

@keyframes blinking-f24a0ae4 {
  0% {
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0.5555555556vh transparent;
  }
  to {
    background-color: #e81c5a;
    box-shadow: 0 0 0.5555555556vh #e81c5a;
  }
}
.logotype[data-v-f24a0ae4] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logotype img[data-v-f24a0ae4] {
  width: 25%;
}

.missions-container[data-v-f24a0ae4] {
  gap: 0.7407407407vh;
  margin-top: 0.3703703704vh;
}

.notifications-bottom[data-v-f24a0ae4] {
  pointer-events: none;
  position: absolute;
  bottom: 2.7777777778vh;
  left: 50%;
  transform: translateX(-50%);
  width: 37.037037037vh;
  z-index: 25;
  display: flex;
  flex-direction: column;
  gap: 0.462962963vh;
  justify-content: flex-start;
}

.press-button-wrapper[data-v-f24a0ae4] {
  z-index: 5;
}

.press-button-wrapper .current-button[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 4.6296296296vh;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.95);
  height: 10.3703703704vh;
  width: 10.3703703704vh;
  margin-bottom: 1.9444444444vh;
}

.press-button-wrapper .current-button svg[data-v-f24a0ae4] {
  width: 10.3703703704vh;
  height: 10.3703703704vh;
}

.progress-ring__circle-background[data-v-f24a0ae4] {
  stroke: hsla(0, 0%, 100%, 0.05);
}

.main-cover[data-v-f24a0ae4] .warn {
  fill: #ffc130;
}

.main-cover[data-v-f24a0ae4] .warn.disappear-progress {
  background: rgba(255, 193, 48, 0.25);
}

.main-cover[data-v-f24a0ae4] .warn.disappear-progress .disappear-progress__progress {
  background: #ffc130;
  box-shadow: 0 0 3px #ffc130;
}

.main-cover[data-v-f24a0ae4] .error {
  fill: #ef2626;
}

.main-cover[data-v-f24a0ae4] .error.disappear-progress {
  background: rgba(239, 38, 38, 0.25);
}

.main-cover[data-v-f24a0ae4] .error.disappear-progress .disappear-progress__progress {
  background: #ef2626;
  box-shadow: 0 0 3px #ef2626;
}

.main-cover[data-v-f24a0ae4] .success {
  fill: #37d647;
}

.main-cover[data-v-f24a0ae4] .success.disappear-progress {
  background: rgba(55, 214, 71, 0.25);
}

.main-cover[data-v-f24a0ae4] .success.disappear-progress .disappear-progress__progress {
  background: #37d647;
  box-shadow: 0 0 3px #37d647;
}

.main-cover[data-v-f24a0ae4] .reload {
  fill: #40b6ff;
}

.main-cover[data-v-f24a0ae4] .reload.disappear-progress {
  background: rgba(64, 182, 255, 0.25);
}

.main-cover[data-v-f24a0ae4] .reload.disappear-progress .disappear-progress__progress {
  background: #40b6ff;
  box-shadow: 0 0 3px #40b6ff;
}

.ballas[data-v-f24a0ae4] {
  fill: #c230ff;
  border-color: #c230ff;
  color: #c230ff;
  background-color: #c230ff;
}

.ballas.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #c230ff;
}

.ballas.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #c230ff;
}

.ballas.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.ballas.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #c230ff;
}

.ballas.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.vagos[data-v-f24a0ae4] {
  fill: #ffc130;
  border-color: #ffc130;
  color: #ffc130;
  background-color: #ffc130;
}

.vagos.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ffc130;
}

.vagos.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #ffc130;
}

.vagos.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.vagos.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #ffc130;
}

.vagos.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.families[data-v-f24a0ae4] {
  fill: #37d647;
  border-color: #37d647;
  color: #37d647;
  background-color: #37d647;
}

.families.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #37d647;
}

.families.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #37d647;
}

.families.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.families.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #37d647;
}

.families.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.bloods[data-v-f24a0ae4] {
  fill: #ef2626;
  border-color: #ef2626;
  color: #ef2626;
  background-color: #ef2626;
}

.bloods.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef2626;
}

.bloods.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #ef2626;
}

.bloods.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.bloods.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #ef2626;
}

.bloods.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.marabunta[data-v-f24a0ae4] {
  fill: #00b1ff;
  border-color: #00b1ff;
  color: #00b1ff;
  background-color: #00b1ff;
}

.marabunta.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #00b1ff;
}

.marabunta.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #00b1ff;
}

.marabunta.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.marabunta.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #00b1ff;
}

.marabunta.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.cosa_nostra[data-v-f24a0ae4] {
  fill: #ffc130;
  border-color: #ffc130;
  color: #ffc130;
  background-color: #ffc130;
}

.cosa_nostra.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ffc130;
}

.cosa_nostra.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #ffc130;
}

.cosa_nostra.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.cosa_nostra.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #ffc130;
}

.cosa_nostra.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.russian_mafia[data-v-f24a0ae4] {
  fill: #fff;
  border-color: #fff;
  color: #fff;
  background-color: #fff;
}

.russian_mafia.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #fff;
}

.russian_mafia.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #fff;
}

.russian_mafia.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.russian_mafia.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #fff;
}

.russian_mafia.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.yakuza[data-v-f24a0ae4] {
  fill: #ef263b;
  border-color: #ef263b;
  color: #ef263b;
  background-color: #ef263b;
}

.yakuza.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef263b;
}

.yakuza.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #ef263b;
}

.yakuza.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.yakuza.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #ef263b;
}

.yakuza.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.mexican_cartel[data-v-f24a0ae4] {
  fill: #bc947d;
  border-color: #bc947d;
  color: #bc947d;
  background-color: #bc947d;
}

.mexican_cartel.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #bc947d;
}

.mexican_cartel.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #bc947d;
}

.mexican_cartel.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.mexican_cartel.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #bc947d;
}

.mexican_cartel.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.lost_mc[data-v-f24a0ae4] {
  fill: #ef263b;
  border-color: #ef263b;
  color: #ef263b;
  background-color: #ef263b;
}

.lost_mc.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef263b;
}

.lost_mc.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #ef263b;
}

.lost_mc.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.lost_mc.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #ef263b;
}

.lost_mc.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.angels[data-v-f24a0ae4] {
  fill: #949494;
  border-color: #949494;
  color: #949494;
  background-color: #949494;
}

.angels.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #949494;
}

.angels.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #949494;
}

.angels.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.angels.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #949494;
}

.angels.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.irish[data-v-f24a0ae4] {
  fill: #f90;
  border-color: #f90;
  color: #f90;
  background-color: #f90;
}

.irish.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #f90;
}

.irish.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.2777777778vh solid #f90;
}

.irish.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 1.0185185185vh;
}

.irish.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.2777777778vh solid #f90;
}

.irish.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 1.0185185185vh;
}

.kill-slide-enter-active[data-v-f24a0ae4] {
  animation: kill-slide-show-f24a0ae4 0.3s;
}

.kill-slide-leave-active[data-v-f24a0ae4] {
  animation: kill-slide-hide-f24a0ae4 0.3s;
}

@keyframes kill-slide-show-f24a0ae4 {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes kill-slide-hide-f24a0ae4 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(50%);
    opacity: 0;
  }
}
.list-complete-item[data-v-f24a0ae4] {
  transition: all 0.4s ease;
}

.list-complete-enter[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(30px);
}

.list-complete-leave-to[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(-30px);
}

.list-complete-leave-active[data-v-f24a0ae4] {
  position: absolute;
  min-width: 100%;
}

.bottom-notification-list-item[data-v-f24a0ae4] {
  transition: all 0.4s ease;
}

.bottom-notification-list-enter[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(2.7777777778vh);
}

.bottom-notification-list-leave-to[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(-6.0185185185vh);
}

.bottom-notification-list-leave-active[data-v-f24a0ae4] {
  position: absolute;
  min-width: 100%;
}

.radio[data-v-f24a0ae4] {
  position: absolute;
  bottom: 27.5vh;
  left: 2.7777777778vh;
  transform-origin: left bottom;
}

.radio-item[data-v-f24a0ae4] {
  border-radius: 0.3703703704vh;
  padding: 0.2314814815vh 0.9259259259vh;
  background-color: #7160ff;
  margin-top: 0.1851851852vh;
}

.radio-item[data-v-f24a0ae4]:first-child {
  margin-top: 0;
}

.radio-item__text-login[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  margin-left: 0.462962963vh;
}

.radio-item__text-id[data-v-f24a0ae4], .radio-item__text-login[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
}

.radio-item__text-id[data-v-f24a0ae4] {
  color: #fff;
  margin-left: 0.2777777778vh;
}

.radio-item .is-active[data-v-f24a0ae4] {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
  border-radius: 0.1851851852vh;
  border: 0.0925925926vh solid rgba(0, 0, 0, 0.1);
  background-color: hsla(0, 0%, 100%, 0.2);
}

.radio-item .is-active.active[data-v-f24a0ae4] {
  background-color: #7affb4;
}

.notifications-list[data-v-f24a0ae4] {
  position: absolute;
  bottom: 32.6851851852vh;
  right: 0.9259259259vh;
}

.notifications-list .press-letter[data-v-f24a0ae4] {
  margin-bottom: 1.8518518519vh;
  background-color: #1e2124;
  padding: 0.7407407407vh 2.1296296296vh 0.7407407407vh 1.8518518519vh;
  border-radius: 0.2777777778vh;
}

.notifications-list .press-letter__text[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.notifications-list .press-letter-key[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
  width: 2.7777777778vh;
  height: 2.7777777778vh;
  border-radius: 0.2777777778vh;
  background-color: #e81c5a;
  margin: 0 0.9259259259vh;
  color: #fff;
}

.player-actions[data-v-f24a0ae4] {
  position: absolute;
  bottom: 23.2407407407vh;
  right: 1.3888888889vh;
}

.player-actions__title[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.player-actions .action[data-v-f24a0ae4] {
  height: 3.3333333333vh;
  border-radius: 0.2777777778vh;
  background-color: rgba(30, 33, 36, 0.8);
  padding: 0.6481481481vh 1.3888888889vh;
  margin-top: 0.9259259259vh;
}

.player-actions .action[data-v-f24a0ae4]:first-child {
  margin-top: 0;
}

@keyframes progress-animation-f24a0ae4 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.player-actions .action .progress[data-v-f24a0ae4] {
  margin-left: 1.3888888889vh;
}

.player-actions .action .progress.first-type[data-v-f24a0ae4] {
  width: 13.8888888889vh;
  height: 0.462962963vh;
  background-color: rgba(64, 203, 255, 0.3);
}

.player-actions .action .progress.first-type .progress__value[data-v-f24a0ae4] {
  background-color: #40cbff;
  height: inherit;
  animation: progress-animation-f24a0ae4 5s linear;
}

.player-actions .action .progress-item[data-v-f24a0ae4] {
  width: 1.1111111111vh;
  height: 1.1111111111vh;
  background-color: rgba(88, 222, 128, 0.25);
  border-radius: 0.1851851852vh;
  margin-right: 0.462962963vh;
}

.player-actions .action .progress-item.active[data-v-f24a0ae4] {
  background-color: #58de80;
}

.player-actions .action .progress-item[data-v-f24a0ae4]:first-child {
  margin-left: 1.3888888889vh;
}

.player-actions .action .progress-item[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.notifications-container[data-v-f24a0ae4] {
  position: absolute;
  z-index: 5;
}

.notifications-container .map-notifications .map-notification[data-v-f24a0ae4] {
  margin-top: 0.462962963vh;
  border-radius: 0.2777777778vh;
  background-color: rgba(30, 33, 36, 0.8);
  overflow: hidden;
}

.notifications-container .map-notifications .map-notification .icon-container svg[data-v-f24a0ae4] path {
  fill: var(--svg-color);
}

.notifications-container .map-notifications .map-notification.small[data-v-f24a0ae4] {
  padding: 0.9259259259vh 0;
  padding-right: 0.9259259259vh;
}

.notifications-container .map-notifications .map-notification.small .map-notification__icon[data-v-f24a0ae4] {
  margin-left: 1.1111111111vh;
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  margin-right: 0.9259259259vh;
}

.notifications-container .map-notifications .map-notification.small .map-notification__text[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.small .text-container[data-v-f24a0ae4] {
  line-height: 0;
}

.notifications-container .map-notifications .map-notification.big header[data-v-f24a0ae4] {
  min-height: 4.6296296296vh;
  background-color: rgba(30, 33, 36, 0.5);
  position: relative;
}

.notifications-container .map-notifications .map-notification.big header .picture[data-v-f24a0ae4] {
  width: 4.6296296296vh;
  height: 4.6296296296vh;
  background-size: cover;
  background-position: 50%;
}

.notifications-container .map-notifications .map-notification.big header .icon[data-v-f24a0ae4] {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  position: absolute;
  right: 1.3888888889vh;
  top: 0.9259259259vh;
}

.notifications-container .map-notifications .map-notification.big header .headers[data-v-f24a0ae4] {
  margin-left: 1.3888888889vh;
}

.notifications-container .map-notifications .map-notification.big header .headers__title[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3888888889vh;
  color: hsla(0, 0%, 100%, 0.5);
}

.notifications-container .map-notifications .map-notification.big header .headers__subtitle[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.big main[data-v-f24a0ae4] {
  padding: 0.9259259259vh 1.3888888889vh;
}

.notifications-container .map-notifications .map-notification.big main .main-text[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.big main .description[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: hsla(0, 0%, 100%, 0.75);
  margin-top: 0.6481481481vh;
}

.notifications-container .map-notifications .map-notification.big main .description.from-player[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.notifications-container .body-cam[data-v-f24a0ae4] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.9259259259vh;
  margin-top: 0.9259259259vh;
  padding: 0.9259259259vh 1.3888888889vh;
  border-radius: 0.3703703704vh;
  background: rgba(30, 33, 36, 0.8);
}

.notifications-container .body-cam__picture[data-v-f24a0ae4] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  fill: hsla(0, 0%, 97%, 0.5);
}

.notifications-container .body-cam__content[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.462962963vh;
}

.notifications-container .body-cam__content-title[data-v-f24a0ae4] {
  color: #fff;
  font-family: ProximaNova-Condensed;
  font-size: 1.4814814815vh;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}

.notifications-container .body-cam__content-subtitle[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  font-family: ProximaNova-Condensed;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.notifications-container .body-cam__content-subtitle[data-v-f24a0ae4] .highlighted {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.1037037037vh;
}

.notifications-container .body-cam__content-value[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  font-family: ProximaNova-Condensed;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.notifications-container .body-cam__circle[data-v-f24a0ae4] {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
  border-radius: 50%;
  background-color: #f53a3a;
  position: absolute;
  top: 0.9259259259vh;
  right: 0.8333333333vh;
  animation: pulse-f24a0ae4 1.5s ease infinite;
}

@keyframes pulse-f24a0ae4 {
  0% {
    background-color: #f53a3a;
  }
  50% {
    background-color: rgba(245, 58, 58, 0.5);
  }
  to {
    background-color: #f53a3a;
  }
}
.notifications-container .body-cam [data-v-f24a0ae4] {
  font-family: var(--IntegratedFont);
}

.notifications-container .fireman[data-v-f24a0ae4] {
  width: 25vh;
  background-color: rgba(30, 33, 36, 0.8);
  border-radius: 0.2777777778vh;
  padding: 1.1111111111vh;
  gap: 1.1111111111vh;
}

.notifications-container .fireman .progress-header__title[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
}

.notifications-container .fireman .progress-line[data-v-f24a0ae4] {
  background-color: hsla(0, 0%, 100%, 0.1) !important;
  height: 0.3703703704vh;
  margin-top: 0.7407407407vh;
  border-radius: 3px;
}

.notifications-container .fireman .progress-value[data-v-f24a0ae4] {
  height: inherit;
  border-radius: inherit;
}

.notifications-container .fireman .progress-value.extinguisher[data-v-f24a0ae4] {
  background-color: #e24455;
}

.notifications-container .fireman .progress-value.water[data-v-f24a0ae4] {
  background-color: #4bc1ff;
}

.fireman[data-v-f24a0ae4] {
  width: 25vh;
  background-color: rgba(30, 33, 36, 0.8);
  border-radius: 0.2777777778vh;
  padding: 1.1111111111vh;
  gap: 1.1111111111vh;
}

.fireman .progress-header__title[data-v-f24a0ae4] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
}

.fireman .progress-line[data-v-f24a0ae4] {
  background-color: hsla(0, 0%, 100%, 0.1);
  height: 0.3703703704vh;
  margin-top: 0.7407407407vh;
  border-radius: 3px;
}

.fireman .progress-value[data-v-f24a0ae4] {
  height: inherit;
  border-radius: inherit;
}

.fireman .progress-value.extinguisher[data-v-f24a0ae4] {
  background-color: #e24455;
}

.fireman .progress-value.water[data-v-f24a0ae4] {
  background-color: #4bc1ff;
}

.skip-intro[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  display: inline-flex;
  padding: 0.462962963vh 0.9259259259vh;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.skip-intro .button[data-v-f24a0ae4] {
  min-width: 2.3148148148vh;
  height: 2.3148148148vh;
  background-color: #d3d3d3;
  color: #000;
  border-radius: 0.1851851852vh;
  margin: 0 0.9259259259vh;
  font-size: 1.1111111111vh;
}

.dragy[data-v-f24a0ae4] {
  position: absolute;
  left: 2.7777777778vh;
  top: 50%;
  transform: translateY(-50%);
}

.hidden[data-v-f24a0ae4] {
  opacity: 0;
}

.disclaimer[data-v-f24a0ae4] {
  background-color: #151515;
}

.disclaimer__logo[data-v-f24a0ae4] {
  width: 23.7037037037vh;
  height: 6.1111111111vh;
  margin-bottom: 1.8518518519vh;
}

.disclaimer__title[data-v-f24a0ae4] {
  font-weight: 700;
  font-size: 2.7777777778vh;
  color: #f22e6a;
  margin-bottom: 1.8518518519vh;
}

.disclaimer__text[data-v-f24a0ae4], .disclaimer__title[data-v-f24a0ae4] {
  font-family: var(--IntegratedFont), sans-serif;
  font-style: normal;
  text-align: center;
}

.disclaimer__text[data-v-f24a0ae4] {
  font-weight: 500;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 99%, 0.5);
  margin-bottom: 3.7962962963vh;
  max-width: 50.9259259259vh;
}

.disclaimer__progress-wrapper[data-v-f24a0ae4] {
  width: 50.9259259259vh;
  height: 0.462962963vh;
  border-radius: 0.9259259259vh;
  background-color: hsla(0, 0%, 100%, 0.1);
  overflow: hidden;
}

.disclaimer__progress-value[data-v-f24a0ae4] {
  height: 100%;
  border-radius: 0.9259259259vh;
  background-color: #f22e6a;
  animation-timing-function: linear;
  animation-duration: 9s;
  animation-name: slidein-f24a0ae4;
}

@keyframes slidein-f24a0ae4 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.interaction-main .action-block.nextpage[data-v-b6f590ae], .interaction-main .action-block__text-emoji[data-v-b6f590ae], .interaction-main .close-block[data-v-b6f590ae], .interaction-main .interaction-button .letter-container[data-v-b6f590ae], .interaction-main .interaction-button[data-v-b6f590ae], .interaction-main[data-v-b6f590ae] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.interaction-main[data-v-b6f590ae] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-b6f590ae] {
  display: flex;
}

.justify-start[data-v-b6f590ae] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-b6f590ae] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-b6f590ae] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-b6f590ae] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-b6f590ae] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-b6f590ae] {
  display: flex;
  align-items: center;
}

.align-end[data-v-b6f590ae] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-b6f590ae] {
  width: 100%;
}

.full-height[data-v-b6f590ae] {
  height: 100%;
}

.picture-handler[data-v-b6f590ae] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-b6f590ae] {
  border: 1px solid red;
}

.fade-up-animation[data-v-b6f590ae] {
  animation: fadeOutUp-b6f590ae 1s ease;
}

.fade-down-animation[data-v-b6f590ae] {
  animation: fadeOutDown-b6f590ae 1s ease;
}

@keyframes fadeOutUp-b6f590ae {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-b6f590ae {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-b6f590ae] {
  animation: logotype-b6f590ae 0.5s ease;
}

.logotype-leave-active[data-v-b6f590ae] {
  animation: logotype-b6f590ae 0.5s ease reverse;
}

@keyframes logotype-b6f590ae {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-b6f590ae] {
  animation: cardMoveInside-b6f590ae ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-b6f590ae] {
  animation: cardMoveOutside-b6f590ae ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-b6f590ae {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-b6f590ae {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-b6f590ae {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-b6f590ae], .fade-leave-to[data-v-b6f590ae] {
  opacity: 0;
}

.fade-enter-active[data-v-b6f590ae], .fade-leave-active[data-v-b6f590ae] {
  transition: opacity 0.5s;
}

@keyframes slide-up-b6f590ae {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-b6f590ae {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-b6f590ae] {
  animation: ipad-slide-b6f590ae 0.4s ease;
}

.ipad-slide-leave-active[data-v-b6f590ae] {
  animation: ipad-slide-b6f590ae 0.4s ease reverse;
}

@keyframes ipad-slide-b6f590ae {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-b6f590ae {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-b6f590ae], .local-fade-leave-to[data-v-b6f590ae] {
  opacity: 0;
}

.local-fade-enter-active[data-v-b6f590ae], .local-fade-leave-active[data-v-b6f590ae] {
  transition: opacity 0.2s;
}

.interaction-main .actions-block[data-v-b6f590ae] {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  min-width: 177.7777777778vh;
  min-height: 22.037037037vh;
  position: relative;
  z-index: 5;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae] {
  height: 4.4444444444vh;
  max-height: 4.4444444444vh;
  min-height: 4.4444444444vh;
  display: inline-flex;
  min-width: 50%;
  overflow: hidden;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(odd) {
  justify-content: flex-end;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:first-child {
  padding-right: 1.0185185185vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(2) {
  padding-left: 1.0185185185vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(3) {
  padding-right: 6.6666666667vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(4) {
  padding-left: 6.6666666667vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(5) {
  padding-right: 6.6666666667vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(6) {
  padding-left: 6.6666666667vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(7) {
  padding-right: 1.0185185185vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(8) {
  padding-left: 1.0185185185vh;
  margin-top: 1.3888888889vh;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:first-child, .interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(2) {
  margin-top: 0;
}

.interaction-main .action-block[data-v-b6f590ae] {
  display: inline-flex;
  background: #1e2124;
  border-radius: 3.0555555556vh;
  padding: 1.1111111111vh 4.6296296296vh 1.1111111111vh 0;
  max-height: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.interaction-main .action-block.nextpage-indent[data-v-b6f590ae] {
  padding: 1.1111111111vh 1.8518518519vh;
}

.interaction-main .action-block[data-v-b6f590ae]:hover {
  background: #e81c5a;
}

.interaction-main .action-block.nextpage[data-v-b6f590ae] {
  padding: 0.6481481481vh 4.6296296296vh 0.6481481481vh 0.6481481481vh;
}

.interaction-main .action-block__text-actionName[data-v-b6f590ae] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.9444444444vh;
  color: #fff;
}

.interaction-main .action-block__text-emoji[data-v-b6f590ae] {
  display: flex;
  line-height: 0;
  margin-left: 3.7037037037vh;
  margin-right: 1.0185185185vh;
}

.interaction-main .action-block__picture-nextpage[data-v-b6f590ae] {
  width: 3.3333333333vh;
  margin-right: 1.7592592593vh;
}

.interaction-main .close-block[data-v-b6f590ae] {
  width: 4.8148148148vh;
  height: 4.8148148148vh;
  background-color: #1e2124;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  transition: background-color 0.2s ease;
}

.interaction-main .close-block[data-v-b6f590ae]:hover {
  background: #383a3b;
}

.interaction-main .close-block img[data-v-b6f590ae] {
  width: 2.1296296296vh;
}

.interaction-main .interaction-button[data-v-b6f590ae] {
  height: 3.2407407407vh;
  z-index: 2;
  margin-top: 9.2592592593vh;
}

.interaction-main .interaction-button .letter-container[data-v-b6f590ae] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8518518519vh;
  width: 3.2407407407vh;
  height: inherit;
  border: 0.0925925926vh solid #c2c0bf;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}

.interaction-main .interaction-button__title[data-v-b6f590ae] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.5740740741vh;
  color: #fff;
  padding: 0 0.9259259259vh;
  background-color: rgba(0, 0, 0, 0.2);
}

.interaction-main .interaction-button__text-amount[data-v-b6f590ae] {
  background-color: rgba(0, 0, 0, 0.4);
}

.interaction-main .interaction-button__text-amount[data-v-b6f590ae], .interaction-main .interaction-button__text-percent[data-v-b6f590ae] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5740740741vh;
  color: #fff;
  padding: 0 0.9259259259vh;
}

.interaction-main .interaction-button__text-percent.red[data-v-b6f590ae] {
  background-color: rgba(255, 54, 54, 0.4);
}

.interaction-main .interaction-button__text-percent.orange[data-v-b6f590ae] {
  background-color: rgba(228, 123, 26, 0.4);
}

.interaction-main .interaction-button__text-percent.yellow[data-v-b6f590ae] {
  background-color: rgba(248, 141, 34, 0.4);
}

.interaction-main .interaction-button__text-percent.green[data-v-b6f590ae] {
  background-color: rgba(151, 222, 69, 0.4);
}

.action-container .buttons-container__button-accept[data-v-0da52a63], .action-container .buttons-container__button-cancel[data-v-0da52a63], .action-wrapper[data-v-0da52a63], .action.request .user-content-avatar-admin[data-v-0da52a63] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-wrapper[data-v-0da52a63] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-0da52a63] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-0da52a63] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-0da52a63] {
  display: flex;
}

.justify-start[data-v-0da52a63] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-0da52a63] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-0da52a63] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-0da52a63] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-0da52a63] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-0da52a63] {
  display: flex;
  align-items: center;
}

.align-end[data-v-0da52a63] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-0da52a63] {
  width: 100%;
}

.full-height[data-v-0da52a63] {
  height: 100%;
}

.picture-handler[data-v-0da52a63] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-0da52a63] {
  border: 1px solid red;
}

.fade-up-animation[data-v-0da52a63] {
  animation: fadeOutUp-0da52a63 1s ease;
}

.fade-down-animation[data-v-0da52a63] {
  animation: fadeOutDown-0da52a63 1s ease;
}

@keyframes fadeOutUp-0da52a63 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0da52a63 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0da52a63] {
  animation: logotype-0da52a63 0.5s ease;
}

.logotype-leave-active[data-v-0da52a63] {
  animation: logotype-0da52a63 0.5s ease reverse;
}

@keyframes logotype-0da52a63 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0da52a63] {
  animation: cardMoveInside-0da52a63 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0da52a63] {
  animation: cardMoveOutside-0da52a63 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0da52a63 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-0da52a63 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-0da52a63 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0da52a63], .fade-leave-to[data-v-0da52a63] {
  opacity: 0;
}

.fade-enter-active[data-v-0da52a63], .fade-leave-active[data-v-0da52a63] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0da52a63 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0da52a63 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0da52a63] {
  animation: ipad-slide-0da52a63 0.4s ease;
}

.ipad-slide-leave-active[data-v-0da52a63] {
  animation: ipad-slide-0da52a63 0.4s ease reverse;
}

@keyframes ipad-slide-0da52a63 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0da52a63 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-slide-enter-active[data-v-0da52a63] {
  animation: slide-up-0da52a63 0.2s ease;
}

.local-slide-leave-active[data-v-0da52a63] {
  animation: slide-down-0da52a63 0.2s ease;
}

.local-fade-enter-from[data-v-0da52a63], .local-fade-leave-to[data-v-0da52a63] {
  opacity: 0;
}

.local-fade-enter-active[data-v-0da52a63], .local-fade-leave-active[data-v-0da52a63] {
  transition: opacity 0.2s;
}

.close-block[data-v-0da52a63] {
  position: absolute;
  top: 1.8518518519vh;
  right: 1.8518518519vh;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3703703704vh;
  background-color: #1c1c1c;
  border: 1px solid #3a3a3a;
}

.close-block[data-v-0da52a63]:hover {
  background-color: #07CDFF;
  border: 1px solid #07CDFF;
  cursor: pointer;
}

.close-block:hover svg[data-v-0da52a63] {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}

.close-block:hover svg[data-v-0da52a63] path {
  transition: all 0.2s ease-in-out;
  stroke: #111;
}

.close-block svg[data-v-0da52a63] {
  transition: all 0.2s ease-in-out;
  height: 0.9259259259vh;
  max-height: 0.9259259259vh;
  min-height: 0.9259259259vh;
  width: 0.9259259259vh;
  max-width: 0.9259259259vh;
  min-width: 0.9259259259vh;
  opacity: 0.5;
}

.close-block svg[data-v-0da52a63] path {
  transition: all 0.2s ease-in-out;
  stroke: #fff;
}

.action[data-v-0da52a63] {
  display: flex;
  flex-direction: column;
  padding: 0 2.7777777778vh 2.7777777778vh 2.7777777778vh;
  width: 100%;
}

.action-wrapper[data-v-0da52a63] {
  z-index: 9999;
  pointer-events: none;
  background: linear-gradient(180deg, hsla(0, 0%, 39%, 0) 0, hsla(0, 0%, 39%, 0.2));
}

.action-wrapper.blocked[data-v-0da52a63] {
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.4);
}

.action-container[data-v-0da52a63] {
  padding: 2.4074074074vh 0 0 0;
  display: flex;
  flex-direction: column;
  width: 46.2962962963vh;
  background: #1a1a1a;
  overflow: hidden;
  position: relative;
  pointer-events: all;
  border-radius: 1.1111111111vh;
}

.action-container__title[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  display: flex;
  align-items: center;
  padding-left: 2.7777777778vh;
  width: 100%;
  color: #fff;
}

.action-container__message[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 98%, 0.5);
  line-height: 2.2222222222vh;
  text-align: left;
  white-space: pre-wrap;
}

.action-container__message .from-user[data-v-0da52a63] {
  color: hsla(0, 0%, 100%, 0.5);
  margin-right: 1.3888888889vh;
}

.action-container__message .to-user[data-v-0da52a63] {
  color: #fff;
  font-weight: 500;
  margin-left: 1.3888888889vh;
}

.action-container__message .arrow[data-v-0da52a63] {
  width: 1.3888888889vh;
  height: 1.0185185185vh;
}

.action-container__message .arrow svg[data-v-0da52a63] {
  width: inherit;
  height: inherit;
}

.action-container .buttons-container[data-v-0da52a63] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2.7777777778vh;
  gap: 0.5555555556vh;
}

.action-container .buttons-container__button-accept[data-v-0da52a63], .action-container .buttons-container__button-cancel[data-v-0da52a63] {
  text-align: center;
  padding: 0.2777777778vh 0.9259259259vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  width: 50%;
  min-height: 4.4444444444vh;
  color: #fff;
  background: hsla(0, 0%, 100%, 0.08);
  color: hsla(0, 0%, 100%, 0.5);
  transition: 0.2s ease;
  transition-property: color, background-color;
  cursor: pointer;
  border-radius: 0.5555555556vh;
}

.action-container .buttons-container__button-accept[data-v-0da52a63]:hover, .action-container .buttons-container__button-cancel[data-v-0da52a63]:hover {
  background: #07CDFF;
  color: #f8f8f8;
}

.action.confirm[data-v-0da52a63], .action.input[data-v-0da52a63] {
  margin-top: 1.8518518519vh;
}

.action.confirm .action-confirm__title[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.3333333333vh;
  color: #fff;
  margin-top: 1.9444444444vh;
}

.action.request[data-v-0da52a63] {
  margin-top: 1.8518518519vh;
}

.action.request .action-container__message[data-v-0da52a63] {
  margin-top: 1.9444444444vh;
}

.action.request .user-content[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}

.action.request .user-content-wrapper[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
}

.action.request .user-content-avatar[data-v-0da52a63] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 6.9444444444vh;
  height: 6.9444444444vh;
  position: relative;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.action.request .user-content-avatar-admin[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3888888889vh;
  width: 1.9444444444vh;
  height: 3.7037037037vh;
  color: #fff;
  background: #e81c5a;
  transform: translateX(50%);
}

.action.request .user-content .user-nickname[data-v-0da52a63] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 2.3148148148vh;
}

.action.request .user-content .user-nickname__text-name[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.3148148148vh;
}

.action.request .user-content .user-nickname__text-surname[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.9444444444vh;
  color: hsla(0, 0%, 100%, 0.5);
}

.action.request .user-content__title[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5925925926vh;
  color: #fff;
}

.action.list[data-v-0da52a63] {
  height: 100%;
  max-height: 29.7222222222vh;
  overflow-y: auto;
  padding-bottom: 2.6851851852vh;
  color: #fff;
}

.action.list[data-v-0da52a63]::-webkit-scrollbar {
  width: 0.7407407407vh;
  background-color: hsla(0, 0%, 100%, 0.05);
}

.action.list[data-v-0da52a63]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.15);
}

.action.list .action-list__option[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5740740741vh;
  width: 100%;
  padding: 1.0185185185vh 1.9444444444vh;
  cursor: pointer;
  transition: background-color 0.4s ease;
  border-radius: 0.5555555556vh;
}

.action.list .action-list__option[data-v-0da52a63]:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.action.list .action-list__option[data-v-0da52a63]:first-child {
  margin-top: 1.8518518519vh;
}

.action.custom[data-v-0da52a63] {
  margin-top: 2.3148148148vh;
}

.action.custom pre[data-v-0da52a63] {
  margin-bottom: 1.2962962963vh;
}

.action.custom input[data-v-0da52a63] {
  margin-top: 0;
  margin-bottom: 2.3148148148vh;
}

.action.custom .buttons-container[data-v-0da52a63] {
  margin-top: 0.462962963vh;
}

.action input[data-v-0da52a63] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
  width: 100%;
  height: 4.4444444444vh;
  color: #fbfbfb;
  background: #212121;
  border: 1px solid #2e2e2e;
  padding: 0 1.4814814815vh;
  margin-top: 2.962962963vh;
  border-radius: 0.5555555556vh;
  transition: all 0.2s ease-in-out;
}

.action input[data-v-0da52a63]::-moz-placeholder {
  color: hsla(0, 0%, 98%, 0.5);
}

.action input[data-v-0da52a63]::placeholder {
  color: hsla(0, 0%, 98%, 0.5);
}

.action input[data-v-0da52a63]:focus {
  background-color: #0d0d0d;
}

.drift-counter .counter-main .counter-block[data-v-d522d038], .drift-counter .counter-main .picture-container[data-v-d522d038] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.drift-counter[data-v-d522d038] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-d522d038] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-d522d038] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-d522d038] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-d522d038] {
  display: flex;
}

.justify-start[data-v-d522d038] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-d522d038] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-d522d038] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-d522d038] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-d522d038] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-d522d038] {
  display: flex;
  align-items: center;
}

.align-end[data-v-d522d038] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-d522d038] {
  width: 100%;
}

.full-height[data-v-d522d038] {
  height: 100%;
}

.picture-handler[data-v-d522d038] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-d522d038] {
  border: 1px solid red;
}

.fade-up-animation[data-v-d522d038] {
  animation: fadeOutUp-d522d038 1s ease;
}

.fade-down-animation[data-v-d522d038] {
  animation: fadeOutDown-d522d038 1s ease;
}

@keyframes fadeOutUp-d522d038 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-d522d038 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-d522d038] {
  animation: logotype-d522d038 0.5s ease;
}

.logotype-leave-active[data-v-d522d038] {
  animation: logotype-d522d038 0.5s ease reverse;
}

@keyframes logotype-d522d038 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-d522d038] {
  animation: cardMoveInside-d522d038 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-d522d038] {
  animation: cardMoveOutside-d522d038 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-d522d038 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-d522d038 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-d522d038 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-d522d038], .fade-leave-to[data-v-d522d038] {
  opacity: 0;
}

.fade-enter-active[data-v-d522d038], .fade-leave-active[data-v-d522d038] {
  transition: opacity 0.5s;
}

@keyframes slide-up-d522d038 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-d522d038 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-d522d038] {
  animation: ipad-slide-d522d038 0.4s ease;
}

.ipad-slide-leave-active[data-v-d522d038] {
  animation: ipad-slide-d522d038 0.4s ease reverse;
}

@keyframes ipad-slide-d522d038 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-d522d038 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-d522d038], .local-fade-leave-to[data-v-d522d038] {
  opacity: 0;
}

.local-fade-enter-active[data-v-d522d038], .local-fade-leave-active[data-v-d522d038] {
  transition: opacity 0.2s;
}

.drift-counter[data-v-d522d038] {
  pointer-events: none;
}

.drift-counter .counter-container[data-v-d522d038] {
  margin-bottom: 2.7777777778vh;
}

.drift-counter .counter-container__title[data-v-d522d038] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.1296296296vh;
  color: #fff;
  text-transform: uppercase;
}

.drift-counter .counter-main[data-v-d522d038] {
  overflow: hidden;
  border-radius: 0.462962963vh;
  height: 6.8518518519vh;
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: 0.9259259259vh;
}

.drift-counter .counter-main .picture-container[data-v-d522d038] {
  height: inherit;
  width: 6.8518518519vh;
  background-color: #e42f2f;
}

.drift-counter .counter-main .picture-container__picture[data-v-d522d038] {
  width: 4.5679012346vh;
  height: 4.5679012346vh;
}

.drift-counter .counter-main .counter-block[data-v-d522d038] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.0555555556vh;
  height: inherit;
  min-width: 9.2592592593vh;
  padding: 0 2.7777777778vh;
  color: #fff;
}

.fade-up-animation[data-v-2b59f15a] {
  animation: fadeOutUp-2b59f15a 1s ease;
}

.fade-down-animation[data-v-2b59f15a] {
  animation: fadeOutDown-2b59f15a 1s ease;
}

@keyframes fadeOutUp-2b59f15a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-2b59f15a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-2b59f15a] {
  animation: logotype-2b59f15a 0.5s ease;
}

.logotype-leave-active[data-v-2b59f15a] {
  animation: logotype-2b59f15a 0.5s ease reverse;
}

@keyframes logotype-2b59f15a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-2b59f15a] {
  animation: cardMoveInside-2b59f15a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-2b59f15a] {
  animation: cardMoveOutside-2b59f15a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-2b59f15a {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-2b59f15a {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-2b59f15a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-2b59f15a], .fade-leave-to[data-v-2b59f15a] {
  opacity: 0;
}

.fade-enter-active[data-v-2b59f15a], .fade-leave-active[data-v-2b59f15a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-2b59f15a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-2b59f15a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-2b59f15a] {
  animation: ipad-slide-2b59f15a 0.4s ease;
}

.ipad-slide-leave-active[data-v-2b59f15a] {
  animation: ipad-slide-2b59f15a 0.4s ease reverse;
}

@keyframes ipad-slide-2b59f15a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-2b59f15a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.container[data-v-2b59f15a] {
  position: absolute;
  width: 100vw;
  height: 100vh;
  font-family: ProximaNova, sans-serif;
  pointer-events: none;
}

.icons[data-v-2b59f15a] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  padding-bottom: 2vh;
}

.icon[data-v-2b59f15a] {
  position: relative;
  display: flex;
}

.icon[data-v-2b59f15a]:not(:last-child) {
  margin-right: 2vh;
}

.icon-image[data-v-2b59f15a] {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transition: transform 0.2s ease;
}

.icon-image-wrapper[data-v-2b59f15a] {
  position: relative;
  height: 10vh;
  width: 10vh;
  pointer-events: auto;
}

.icon-image-wrapper:hover .icon-image[data-v-2b59f15a] {
  transform: scale(3) translateY(-2.8vh);
}

.icon-label[data-v-2b59f15a] {
  position: absolute;
  width: 100%;
  transform: translate3d(0, -100%, 0);
  font-size: 1.6vh;
  text-align: center;
  color: #fff;
  background-color: #000;
}

.icon-buttons[data-v-2b59f15a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.icon-button[data-v-2b59f15a] {
  background-color: #090a10;
  width: 2vh;
  height: 2vh;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  border-radius: 50%;
  pointer-events: auto;
}

.icon-button[data-v-2b59f15a]:hover {
  background-color: #e81c5a;
}

.head-overlays.icon-image-wrapper[data-v-2b59f15a] {
  width: 32.4074074074vh;
}

.head-overlays.icon-image-wrapper .icon-label[data-v-2b59f15a] {
  width: 95%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.death-screen .death-row[data-v-5e274ee3], .death-screen[data-v-5e274ee3] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.death-screen[data-v-5e274ee3] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-5e274ee3] {
  display: flex;
}

.justify-start[data-v-5e274ee3] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-5e274ee3] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-5e274ee3] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-5e274ee3] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-5e274ee3] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-5e274ee3] {
  display: flex;
  align-items: center;
}

.align-end[data-v-5e274ee3] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-5e274ee3] {
  width: 100%;
}

.full-height[data-v-5e274ee3] {
  height: 100%;
}

.picture-handler[data-v-5e274ee3] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-5e274ee3] {
  border: 1px solid red;
}

.fade-up-animation[data-v-5e274ee3] {
  animation: fadeOutUp-5e274ee3 1s ease;
}

.fade-down-animation[data-v-5e274ee3] {
  animation: fadeOutDown-5e274ee3 1s ease;
}

@keyframes fadeOutUp-5e274ee3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-5e274ee3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-5e274ee3] {
  animation: logotype-5e274ee3 0.5s ease;
}

.logotype-leave-active[data-v-5e274ee3] {
  animation: logotype-5e274ee3 0.5s ease reverse;
}

@keyframes logotype-5e274ee3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-5e274ee3] {
  animation: cardMoveInside-5e274ee3 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-5e274ee3] {
  animation: cardMoveOutside-5e274ee3 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-5e274ee3 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-5e274ee3 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-5e274ee3 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-5e274ee3], .fade-leave-to[data-v-5e274ee3] {
  opacity: 0;
}

.fade-enter-active[data-v-5e274ee3], .fade-leave-active[data-v-5e274ee3] {
  transition: opacity 0.5s;
}

@keyframes slide-up-5e274ee3 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-5e274ee3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-5e274ee3] {
  animation: ipad-slide-5e274ee3 0.4s ease;
}

.ipad-slide-leave-active[data-v-5e274ee3] {
  animation: ipad-slide-5e274ee3 0.4s ease reverse;
}

@keyframes ipad-slide-5e274ee3 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-5e274ee3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.death-screen .death-bg[data-v-5e274ee3] {
  z-index: 5;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
}

.death-screen .death-row[data-v-5e274ee3] {
  position: relative;
  z-index: 9;
  gap: 5.9259259259vh;
}

.death-screen .death-row .death-info[data-v-5e274ee3] {
  align-items: center;
}

.death-screen .death-row .death-info__title[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 4.4444444444vh;
  color: #fff;
}

.death-screen .death-row .death-info__icon[data-v-5e274ee3] {
  width: 29.0740740741vh;
  margin-top: 1.1111111111vh;
}

.death-screen .death-row .death-info__text[data-v-5e274ee3] {
  margin-top: 2.962962963vh;
  width: 35vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: hsla(0, 0%, 100%, 0.75);
  text-align: center;
  line-height: 2.1666666667vh;
}

.death-screen .death-row .death-info .control-buttons[data-v-5e274ee3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.9259259259vh;
  height: 4.2592592593vh;
  margin-top: 4.537037037vh;
}

.death-screen .death-row .death-info .control-buttons .bottom[data-v-5e274ee3] {
  display: flex;
  gap: 0.9259259259vh;
}

.death-screen .death-row .death-info .control-buttons .control-button[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  padding: 1.2962962963vh 1.8518518519vh;
  line-height: 1.4814814815vh;
  color: #fff;
  background-color: #1c1c1c;
  border-radius: 0.5555555556vh;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.death-screen .death-row .death-info .control-buttons .control-button[data-v-5e274ee3]:hover {
  background-color: #282828;
}

.death-screen .death-row .death-info .top[data-v-5e274ee3] {
  width: 100%;
  position: relative;
}

.death-screen .death-row .death-info .top .main[data-v-5e274ee3] {
  border-radius: 0.5555555556vh;
  padding: 1.2962962963vh 1.4814814815vh;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.2);
  background: #1c1b1b;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.death-screen .death-row .death-info .top .main .svg-wrapper[data-v-5e274ee3] {
  display: flex;
  gap: 0.9259259259vh;
}

.death-screen .death-row .death-info .top .main .svg-wrapper .cross[data-v-5e274ee3] {
  stroke: #fff;
  stroke-width: 0.1851851852vh;
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  transition: fill 0.2s ease, transform 0.2s ease;
}

.death-screen .death-row .death-info .top .main .svg-wrapper .arrow[data-v-5e274ee3] {
  fill: hsla(0, 0%, 100%, 0.502);
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  transition: fill 0.2s ease, transform 0.2s ease;
}

.death-screen .death-row .death-info .top .main-item[data-v-5e274ee3] {
  display: flex;
  align-items: center;
  gap: 0.9259259259vh;
  width: 100%;
}

.death-screen .death-row .death-info .top .main-item p[data-v-5e274ee3] {
  color: hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transition: color 0.2s ease;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.death-screen .death-row .death-info .top .main-item > svg[data-v-5e274ee3] {
  fill: hsla(0, 0%, 100%, 0.502);
  width: 1.6666666667vh;
  height: 1.6666666667vh;
}

.death-screen .death-row .death-info .top .main[data-v-5e274ee3]:hover {
  background: #282828;
}

.death-screen .death-row .death-info .top .main:hover .arrow[data-v-5e274ee3] {
  fill: #fff;
}

.death-screen .death-row .death-info .top .active p[data-v-5e274ee3] {
  color: #fff;
}

.death-screen .death-row .death-info .top .active .main-item > svg[data-v-5e274ee3] {
  fill: #fff;
}

.death-screen .death-row .death-info .top .open[data-v-5e274ee3] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.death-screen .death-row .death-info .top .open .arrow[data-v-5e274ee3] {
  transform: rotate(180deg);
}

.death-screen .death-row .death-info .dropdown[data-v-5e274ee3] {
  position: absolute;
  display: flex;
  width: 34.2592592593vh;
  max-height: 16.2962962963vh;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  border: 0.0925925926vh solid #484848;
  border-top: 0;
  border-bottom-left-radius: 0.7407407407vh;
  border-bottom-right-radius: 0.7407407407vh;
  transition: max-height 0.6s ease, border 0.6s ease;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3] {
  width: 100%;
  height: 100%;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar {
  width: 0.2777777778vh;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar-track {
  border-radius: 0.5555555556vh;
  background: #484848;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar-thumb {
  border-radius: 0.5555555556vh;
  background: hsla(0, 0%, 100%, 0.5);
}

.death-screen .death-row .death-info .dropdown .scrollable.scroll[data-v-5e274ee3] {
  overflow-y: scroll;
}

.death-screen .death-row .death-info .dropdown .item[data-v-5e274ee3] {
  display: flex;
  background: #1a1a1a;
  padding: 0.5555555556vh 1.4814814815vh;
  height: 4.0740740741vh;
  align-items: center;
  gap: 0.9259259259vh;
  flex-shrink: 0;
  align-self: stretch;
  cursor: pointer;
  transition: background 0.2s ease;
}

.death-screen .death-row .death-info .dropdown .item p[data-v-5e274ee3] {
  color: hsla(0, 0%, 100%, 0.5);
  font-family: var(--IntegratedFont), sans-serif;
  font-style: normal;
  font-size: 1.4814814815vh;
  font-weight: 500;
  transition: color 0.2s ease;
}

.death-screen .death-row .death-info .dropdown .item > svg[data-v-5e274ee3] {
  width: 1.6666666667vh;
  height: 1.6666666667vh;
  fill: hsla(0, 0%, 100%, 0.5);
  transition: fill 0.2s ease;
}

.death-screen .death-row .death-info .dropdown .item[data-v-5e274ee3]:hover {
  background: #282828;
}

.death-screen .death-row .death-info .dropdown .item:hover > svg[data-v-5e274ee3] {
  fill: #fff;
}

.death-screen .death-row .death-info .dropdown .item:hover p[data-v-5e274ee3] {
  color: #fff;
}

.death-screen .death-row .death-info .hidden[data-v-5e274ee3] {
  border-color: hsla(0, 0%, 100%, 0);
  max-height: 0;
  transition: max-height 0.6s ease, border 0.6s ease;
}

.death-screen .death-row .line[data-v-5e274ee3] {
  height: 11.8518518519vh;
  width: 0.1851851852vh;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.death-screen .death-row .killer__title[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 2.1666666667vh;
}

.death-screen .death-row .killer-data[data-v-5e274ee3] {
  gap: 1.2962962963vh;
  margin-top: 1.2962962963vh;
}

.death-screen .death-row .killer-data__image[data-v-5e274ee3] {
  width: 5.1851851852vh;
  height: 5.1851851852vh;
  border-radius: 50%;
}

.death-screen .death-row .killer-data .killer-login[data-v-5e274ee3] {
  gap: 0.3703703704vh;
}

.death-screen .death-row .killer-data .killer-login__text-login[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  line-height: 2.1666666667vh;
  color: #fff;
}

.death-screen .death-row .killer-data .killer-login__text-id[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 1.9259259259vh;
}

.death-screen .death-row .killer .kill-description[data-v-5e274ee3] {
  margin-top: 2.2222222222vh;
  gap: 1.2962962963vh;
}

.death-screen .death-row .killer .kill-description .kill-date[data-v-5e274ee3] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2962962963vh;
}

.death-screen .death-row .killer .kill-description .kill-data[data-v-5e274ee3] {
  gap: 1.2962962963vh;
}

.death-screen .death-row .killer .kill-description .kill-data__title[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 100%, 0.74);
}

.death-screen .death-row .killer .kill-description .kill-data__value[data-v-5e274ee3] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fff;
}

.skipT-enter-active[data-v-15f51a1e], .skipT-leave-active[data-v-15f51a1e] {
  transition: opacity 0.2s ease;
}

.skipT-enter-from[data-v-15f51a1e], .skipT-leave-to[data-v-15f51a1e] {
  opacity: 0;
}

.skip[data-v-15f51a1e] {
  position: absolute;
  top: 4.4444444444vh;
  right: 4.4444444444vh;
}

.skip-hint[data-v-15f51a1e] {
  display: flex;
  align-items: center;
}

.skip-hint > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: #fff;
}

.skip-hint__button[data-v-15f51a1e] {
  padding: 0.9259259259vh;
  border-radius: 0.3703703704vh;
  background-color: #fff;
}

.skip-hint__button > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: #111;
  line-height: 0.8333333333vh;
  text-transform: uppercase;
}

.skip-hint > [data-v-15f51a1e] {
  margin-right: 0.9259259259vh;
}

.skip-hint > [data-v-15f51a1e]:last-child {
  margin-right: 0;
}

.skip > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: hsla(0, 0%, 100%, 0.5);
  text-align: end;
}

.skip > p > span[data-v-15f51a1e] {
  color: #fff;
  margin-left: 0.5555555556vh;
}

.skip > [data-v-15f51a1e] {
  margin: 1.8518518519vh 0 1.8518518519vh auto;
}

.skip > [data-v-15f51a1e]:first-child {
  margin-top: 0;
}

.skip > [data-v-15f51a1e]:last-child {
  margin-bottom: 0;
}

.skip [data-v-15f51a1e] {
  font-family: var(--IntegratedFont);
}

.content[data-v-51d4daf8] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 4.3518518519vh 6.6666666667vh 5.462962963vh;
  background-color: #000;
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/battlepass-modal/s2025/background.webp) no-repeat;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  border-radius: 1.1111111111vh;
  box-shadow: 1.0185185185vh 1.2037037037vh 5.9259259259vh 0 rgba(0, 0, 0, 0.25);
  gap: 5.5555555556vh;
}

.content-main[data-v-51d4daf8], .content[data-v-51d4daf8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content-main[data-v-51d4daf8] {
  gap: 6.1111111111vh;
}

.content-button[data-v-51d4daf8], .content-close[data-v-51d4daf8] {
  display: block;
  border: none;
  outline: none;
}

.content-button[data-v-51d4daf8] {
  width: 26.6666666667vh;
  padding: 1.2962962963vh 0;
  background-color: #ef7e55;
  border-radius: 0.5555555556vh;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.content-button > p[data-v-51d4daf8] {
  font-size: 1.2962962963vh;
  font-weight: 600;
  color: #fff;
  line-height: 100%;
}

.content-button[data-v-51d4daf8]:hover {
  background-color: #f9885f;
  box-shadow: 0 0 0.9259259259vh 0 rgba(239, 126, 85, 0.5);
}

.content-close[data-v-51d4daf8] {
  position: absolute;
  top: 2.1296296296vh;
  right: 2.1296296296vh;
  padding: 0.6481481481vh;
  background-color: rgba(239, 126, 85, 0.25);
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.25);
  border-radius: 0.3703703704vh;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.content-close > svg[data-v-51d4daf8] {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: hsla(0, 0%, 100%, 0.5);
  transition: fill 0.2s ease;
}

.content-close[data-v-51d4daf8]:hover {
  background-color: #f9885f;
  border-color: #f9885f;
}

.content-close:hover > svg[data-v-51d4daf8] {
  fill: #fff;
}

.content [data-v-51d4daf8] {
  font-family: Proxima Nova;
}

.title-block[data-v-51d4daf8] {
  position: relative;
}

.title-block > p[data-v-51d4daf8] {
  padding: 0 0.9259259259vh;
  font-family: Magnolia Script;
  font-size: 12.037037037vh;
  font-weight: 400;
  background: linear-gradient(180deg, #ffbfa8, #f8a283 20%, #fb9975 40%, #f58861 60%, #f88055 80%, #f66632);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 100%;
  letter-spacing: -0.2407407407vh;
  text-shadow: 0 0 7.4074074074vh rgba(136, 57, 24, 0.8);
  text-align: center;
}

.title > p[data-v-51d4daf8] {
  margin-top: -2.7777777778vh;
  font-size: 4.6296296296vh;
  font-weight: 800;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.2314814815vh;
  text-align: center;
}

.title > p > span[data-v-51d4daf8] {
  font-weight: 700;
  line-height: 100%;
}

.cards[data-v-51d4daf8] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 2.5vh;
}

.cards-item[data-v-51d4daf8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.4814814815vh;
}

.cards-item > img[data-v-51d4daf8] {
  display: block;
  width: 30.5555555556vh;
  height: 20.3703703704vh;
}

.cards-item > p[data-v-51d4daf8] {
  font-size: 1.4814814815vh;
  font-weight: 700;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 140%;
  white-space: pre;
  text-align: center;
}

.modal[data-v-6f4f126c] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 5.5555555556vh 6.4814814815vh;
  background: border-box 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/concert-modal/background.webp), #141414;
  border-radius: 1.0185185185vh;
  gap: 5.3703703704vh;
}

.modal-header[data-v-6f4f126c], .modal[data-v-6f4f126c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal-header[data-v-6f4f126c] {
  gap: 1.8518518519vh;
}

.modal-header > img[data-v-6f4f126c] {
  display: block;
  width: 19.4444444444vh;
  height: 12.6851851852vh;
}

.modal-header__title[data-v-6f4f126c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 0.7407407407vh;
}

.modal-header__title > p[data-v-6f4f126c] {
  font-size: 2.037037037vh;
  font-weight: 600;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}

.modal-header__title > img[data-v-6f4f126c] {
  display: block;
  width: 11.4814814815vh;
  height: 2.2222222222vh;
  padding-bottom: 0.1851851852vh;
}

.modal-cards[data-v-6f4f126c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 3.4259259259vh;
}

.modal-cards__item[data-v-6f4f126c] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2.1296296296vh;
}

.modal-cards__item > img[data-v-6f4f126c] {
  display: block;
  width: 30.5555555556vh;
  height: 20.3703703704vh;
  border-radius: 0.7407407407vh;
}

.modal-cards__item > p[data-v-6f4f126c] {
  font-size: 1.4814814815vh;
  font-weight: 700;
  color: #fff;
  line-height: 130%;
  white-space: pre;
  text-align: center;
}

.modal-actions[data-v-6f4f126c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.8518518519vh;
}

.modal-actions__timer[data-v-6f4f126c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.7407407407vh;
}

.modal-actions__timer > svg[data-v-6f4f126c] {
  display: block;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  fill: hsla(0, 0%, 100%, 0.75);
}

.modal-actions__timer > p[data-v-6f4f126c] {
  font-family: 1.2962962963vh;
  font-weight: 600;
  color: #c3c3c3;
  line-height: 100%;
}

.modal-actions__timer > p > span[data-v-6f4f126c] {
  color: #fff;
  line-height: 100%;
}

.modal-actions__continue[data-v-6f4f126c] {
  display: block;
  outline: none;
  border: none;
  padding: 1.2962962963vh 7.1296296296vh;
  background-color: #fff;
  border-radius: 0.5555555556vh;
  box-shadow: 0 0.3703703704vh 2.2222222222vh 0 hsla(0, 0%, 100%, 0.5);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.modal-actions__continue > p[data-v-6f4f126c] {
  font-family: 1.4814814815vh;
  font-weight: 700;
  color: #000;
  line-height: 100%;
  text-transform: uppercase;
  transition: color 0.2s ease;
}

.modal-actions__continue[data-v-6f4f126c]:hover {
  background-color: #e81c5a;
  box-shadow: 0 0.3703703704vh 2.2222222222vh 0 rgba(232, 28, 90, 0.5);
}

.modal-actions__continue:hover > p[data-v-6f4f126c] {
  color: #fff;
}

.modal-close[data-v-6f4f126c] {
  display: block;
  outline: none;
  position: absolute;
  top: 2.1296296296vh;
  right: 2.1296296296vh;
  padding: 0.6481481481vh;
  background-color: hsla(0, 0%, 100%, 0.1);
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.3);
  border-radius: 0.3703703704vh;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.modal-close > svg[data-v-6f4f126c] {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  stroke: hsla(0, 0%, 100%, 0.25);
  transition: fill 0.2s ease;
}

.modal-close[data-v-6f4f126c]:hover {
  background-color: #e81c5a;
  border-color: #e81c5a;
}

.modal-close:hover > svg[data-v-6f4f126c] {
  stroke: #fff;
}

.modal [data-v-6f4f126c] {
  font-family: Proxima Nova;
}

.content[data-v-79c085d6] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 1.4814814815vh 6.6666666667vh 5.5555555556vh;
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/event-modal/w2025/background.png) no-repeat;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  border-radius: 1.1111111111vh;
  box-shadow: 1.0185185185vh 1.2037037037vh 5.9259259259vh 0 rgba(0, 0, 0, 0.25);
  gap: 5.5555555556vh;
}

.content-main[data-v-79c085d6], .content[data-v-79c085d6] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content-main[data-v-79c085d6] {
  gap: 4.7222222222vh;
}

.content-button[data-v-79c085d6], .content-close[data-v-79c085d6] {
  display: block;
  border: none;
  outline: none;
}

.content-button[data-v-79c085d6] {
  width: 26.6666666667vh;
  padding: 1.2962962963vh 0;
  background-color: #31953b;
  border-radius: 0.5555555556vh;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.content-button > p[data-v-79c085d6] {
  font-size: 1.2962962963vh;
  font-weight: 900;
  color: #fff;
  line-height: 110%;
  letter-spacing: 0.0259259259vh;
  text-transform: uppercase;
}

.content-button[data-v-79c085d6]:hover {
  background-color: #00ae60;
  box-shadow: 0 0 0.9259259259vh 0 rgba(0, 112, 62, 0.35);
}

.content-close[data-v-79c085d6] {
  position: absolute;
  top: 2.1296296296vh;
  right: 2.1296296296vh;
  padding: 0.6481481481vh;
  background-color: rgba(0, 115, 65, 0.1);
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  border-radius: 0.3703703704vh;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.content-close > svg[data-v-79c085d6] {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: hsla(0, 0%, 100%, 0.5);
  transition: fill 0.2s ease;
}

.content-close[data-v-79c085d6]:hover {
  background-color: #31953b;
  border-color: #31953b;
}

.content-close:hover > svg[data-v-79c085d6] {
  fill: #fff;
}

.content [data-v-79c085d6] {
  font-family: var(--IntegratedFont);
}

.title[data-v-79c085d6] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2.2222222222vh;
}

.title-main[data-v-79c085d6] {
  width: 100%;
}

.title-main__text[data-v-79c085d6] {
  position: relative;
  padding: 0 1.8518518519vh;
}

.title-main__text > p[data-v-79c085d6] {
  width: 100%;
  font-family: Great Vibes;
  font-size: 9.2592592593vh;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
}

.title-main__text > p[data-v-79c085d6]:not(:last-child) {
  text-shadow: 0 0 1.3888888889vh hsla(0, 0%, 7%, 0.45), 0 0 6.2037037037vh rgba(10, 122, 21, 0.7);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.1851851852vh transparent;
}

.title-main__text > p[data-v-79c085d6]:last-child {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(#6bdb76, #3caf47);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.1851851852vh transparent;
}

.title-main__block[data-v-79c085d6] {
  position: relative;
  width: -moz-min-content;
  width: min-content;
  padding: 0.3240740741vh 0.7407407407vh;
  background: linear-gradient(#6be477, #2b8734);
  border-radius: 0.5555555556vh;
  z-index: 1;
  margin: -3.7037037037vh auto 0;
}

.title-main__block > img[data-v-79c085d6] {
  position: absolute;
  display: block;
  top: 0;
  right: 0.2777777778vh;
  left: 0.2777777778vh;
  transform: translateY(-50%);
  z-index: -1;
}

.title-main__block > p[data-v-79c085d6] {
  font-size: 1.4814814815vh;
  font-weight: 900;
  color: #fff;
  line-height: 100%;
  letter-spacing: 0.0888888889vh;
  text-transform: uppercase;
}

.title > p[data-v-79c085d6] {
  font-size: 1.4814814815vh;
  font-weight: 500;
  color: #fff;
  line-height: 140%;
  text-shadow: 0 0 0.9259259259vh hsla(0, 0%, 7%, 0.25);
  white-space: pre-line;
  text-align: center;
}

.cards[data-v-79c085d6] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5vh;
}

.cards-item[data-v-79c085d6] {
  width: 30.5555555556vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.4814814815vh;
}

.cards-item > img[data-v-79c085d6] {
  display: block;
  height: 20.3703703704vh;
}

.cards-item > p[data-v-79c085d6] {
  font-size: 1.4814814815vh;
  font-weight: 900;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 140%;
  text-align: center;
}

.fade-up-animation[data-v-51d13b84] {
  animation: fadeOutUp-51d13b84 1s ease;
}

.fade-down-animation[data-v-51d13b84] {
  animation: fadeOutDown-51d13b84 1s ease;
}

@keyframes fadeOutUp-51d13b84 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-51d13b84 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-51d13b84] {
  animation: logotype-51d13b84 0.5s ease;
}

.logotype-leave-active[data-v-51d13b84] {
  animation: logotype-51d13b84 0.5s ease reverse;
}

@keyframes logotype-51d13b84 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-51d13b84] {
  animation: cardMoveInside-51d13b84 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-51d13b84] {
  animation: cardMoveOutside-51d13b84 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-51d13b84 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-51d13b84 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-51d13b84 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-51d13b84], .fade-leave-to[data-v-51d13b84] {
  opacity: 0;
}

.fade-enter-active[data-v-51d13b84], .fade-leave-active[data-v-51d13b84] {
  transition: opacity 0.5s;
}

@keyframes slide-up-51d13b84 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-51d13b84 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-51d13b84] {
  animation: ipad-slide-51d13b84 0.4s ease;
}

.ipad-slide-leave-active[data-v-51d13b84] {
  animation: ipad-slide-51d13b84 0.4s ease reverse;
}

@keyframes ipad-slide-51d13b84 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-51d13b84 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.circle-progress[data-v-51d13b84] {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: rgba(20, 22, 28, 0.5);
  border-radius: 3px;
}

.circle-progress canvas[data-v-51d13b84] {
  transform: rotate(-90deg);
  position: absolute;
  border-radius: 3px;
  z-index: 1;
}

.circle-progress .text[data-v-51d13b84] {
  z-index: 2;
}

.circle-progress .text .small-point-container-timer[data-v-51d13b84] {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-progress .text .small-point-container-timer > p[data-v-51d13b84] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #f1f1f1;
  text-align: center;
  line-height: 100%;
}

.circle-progress.small[data-v-51d13b84] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.circle-progress.small canvas[data-v-51d13b84], .circle-progress.small[data-v-51d13b84] {
  width: 2.4074074074vh;
  height: 2.4074074074vh;
}

.circle-progress.large[data-v-51d13b84] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.7777777778vh;
}

.circle-progress.large canvas[data-v-51d13b84], .circle-progress.large[data-v-51d13b84] {
  width: 4.6296296296vh;
  height: 4.6296296296vh;
}

.fade-up-animation[data-v-18ca7222] {
  animation: fadeOutUp-18ca7222 1s ease;
}

.fade-down-animation[data-v-18ca7222] {
  animation: fadeOutDown-18ca7222 1s ease;
}

@keyframes fadeOutUp-18ca7222 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-18ca7222 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-18ca7222] {
  animation: logotype-18ca7222 0.5s ease;
}

.logotype-leave-active[data-v-18ca7222] {
  animation: logotype-18ca7222 0.5s ease reverse;
}

@keyframes logotype-18ca7222 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-18ca7222] {
  animation: cardMoveInside-18ca7222 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-18ca7222] {
  animation: cardMoveOutside-18ca7222 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-18ca7222 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-18ca7222 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-18ca7222 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-18ca7222], .fade-leave-to[data-v-18ca7222] {
  opacity: 0;
}

.fade-enter-active[data-v-18ca7222], .fade-leave-active[data-v-18ca7222] {
  transition: opacity 0.5s;
}

@keyframes slide-up-18ca7222 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-18ca7222 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-18ca7222] {
  animation: ipad-slide-18ca7222 0.4s ease;
}

.ipad-slide-leave-active[data-v-18ca7222] {
  animation: ipad-slide-18ca7222 0.4s ease reverse;
}

@keyframes ipad-slide-18ca7222 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-18ca7222 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-18ca7222], .local-fade-leave-to[data-v-18ca7222] {
  opacity: 0;
}

.local-fade-enter-active[data-v-18ca7222], .local-fade-leave-active[data-v-18ca7222] {
  transition: opacity 0.2s;
}

.ctf-header[data-v-18ca7222] {
  position: fixed;
  width: 100%;
  top: 2.3148148148vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: ProximaNova-Condensed, sans-serif;
}

.ctf-header .first-row[data-v-18ca7222] {
  display: flex;
  gap: 0.9259259259vh;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.ctf-header .first-row svg[data-v-18ca7222] {
  width: 2.037037037vh;
  height: 2.037037037vh;
}

.ctf-header .first-row .first-team[data-v-18ca7222], .ctf-header .first-row .second-team[data-v-18ca7222] {
  width: 27.7777777778vh;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.9259259259vh;
}

.ctf-header .first-row .first-team .progress-bar[data-v-18ca7222], .ctf-header .first-row .second-team .progress-bar[data-v-18ca7222] {
  --color-filled: #e63737;
  --color-unfilled: rgba(230, 55, 55, .5);
  --progress-revert: calc(100% - var(--progress));
  background: linear-gradient(90deg, var(--color-unfilled) var(--progress-revert), var(--color-filled) var(--progress-revert));
}

.ctf-header .first-row .second-team[data-v-18ca7222] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.ctf-header .first-row .second-team .progress-bar[data-v-18ca7222] {
  --color-filled: #3387e6;
  --color-unfilled: rgba(51, 135, 230, .5);
  background: linear-gradient(90deg, var(--color-filled) var(--progress), var(--color-unfilled) var(--progress));
}

.ctf-header .first-row .progress-bar[data-v-18ca7222] {
  height: 0.3703703704vh;
  width: 13.8888888889vh;
  display: flex;
  align-items: center;
}

.ctf-header .first-row .progress-bar svg[data-v-18ca7222] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

.ctf-header .first-row .points[data-v-18ca7222] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.ctf-header .first-row .time[data-v-18ca7222] {
  width: 5vh;
  color: #f1f1f1;
  text-align: center;
  line-height: 2.037037037vh;
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
}

.ctf-header .second-row[data-v-18ca7222] {
  margin-top: 2.3148148148vh;
}

.ctf-header .second-row .small-points[data-v-18ca7222] {
  display: flex;
  gap: 0.9259259259vh;
}

.ctf-header .second-row .small-points.racket .small-point-container[data-v-18ca7222] {
  position: relative;
  width: 4.6296296296vh;
  height: 4.6296296296vh;
}

.ctf-header .second-row .small-points .small-point-container-timer[data-v-18ca7222] {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ctf-header .second-row .small-points .small-point-container-timer > p[data-v-18ca7222] {
  font-family: ProximaNova-Condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #f1f1f1;
  text-align: center;
  line-height: 100%;
}

.ctf-header .second-row .small-points .small-point-container[data-v-18ca7222] {
  width: 2.4074074074vh;
  height: 2.4074074074vh;
}

.ctf-header .second-row .progress-point[data-v-18ca7222] {
  margin-top: 2.7777777778vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.ctf-header .second-row .progress-point__progress-bar[data-v-18ca7222] {
  margin-top: 0.9259259259vh;
  height: 0.462962963vh;
  width: 13.8888888889vh;
  background: linear-gradient(90deg, var(--color) var(--progress), rgba(20, 22, 28, 0.5) var(--progress));
}

.ctf-header .second-row .progress-point__name[data-v-18ca7222] {
  margin-top: 0.8333333333vh;
  text-align: center;
  width: 13.5185185185vh;
  height: 2.1296296296vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(20, 22, 28, 0.5);
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.1111111111vh;
  text-transform: uppercase;
}

.content[data-v-03c1a163] {
  position: fixed;
  width: 100%;
  top: 0;
  color: #fff;
}

.content[data-v-2fc68728] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 4.7222222222vh 6.6666666667vh 5.5555555556vh;
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/valentinesDayModal/bg.webp) no-repeat;
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  border-radius: 1.1111111111vh;
  box-shadow: 1.0185185185vh 1.2037037037vh 5.9259259259vh 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5.5555555556vh;
  overflow: hidden;
}

.content-radial[data-v-2fc68728] {
  pointer-events: none;
  position: absolute;
  transform: scaleY(-1);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(100% 100% at 43.87% 0, rgba(74, 8, 8, 0) 81.61%, rgba(51, 5, 5, 0.5) 100%);
}

.content-main[data-v-2fc68728] {
  gap: 6.1111111111vh;
}

.content-footer[data-v-2fc68728], .content-main[data-v-2fc68728] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.content-footer[data-v-2fc68728] {
  gap: 1.4814814815vh;
}

.content-footer__button[data-v-2fc68728] {
  width: 26.6666666667vh;
  padding: 1.2962962963vh 0;
  background-color: #e81c5a;
  border-radius: 0.5555555556vh;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  display: block;
  border: none;
  outline: none;
}

.content-footer__button > p[data-v-2fc68728] {
  font-size: 1.2962962963vh;
  font-weight: 900;
  color: #fff;
  line-height: 110%;
  letter-spacing: 0.0259259259vh;
  text-transform: uppercase;
}

.content-footer__button[data-v-2fc68728]:hover {
  background-color: #b61e4c;
  box-shadow: 0 0 0.9259259259vh 0 rgba(182, 30, 76, 0.35);
}

.content-footer__timer[data-v-2fc68728] {
  display: flex;
  align-items: center;
  gap: 0.9259259259vh;
}

.content-footer__timer svg[data-v-2fc68728] {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}

.content-footer__timer p[data-v-2fc68728] {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.content-footer__timer .leftTime[data-v-2fc68728] {
  display: flex;
  gap: 0.3703703704vh;
  color: #fff;
  font-size: 1.2962962963vh;
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
}

.content-button[data-v-2fc68728], .content-close[data-v-2fc68728] {
  display: block;
  border: none;
  outline: none;
}

.content-close[data-v-2fc68728] {
  position: absolute;
  top: 2.1296296296vh;
  right: 2.1296296296vh;
  padding: 0.6481481481vh;
  background-color: rgba(0, 115, 65, 0.1);
  border: 0.0925925926vh solid hsla(0, 0%, 100%, 0.15);
  border-radius: 0.3703703704vh;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.content-close > svg[data-v-2fc68728] {
  display: block;
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  fill: hsla(0, 0%, 100%, 0.5);
  transition: fill 0.2s ease;
}

.content-close[data-v-2fc68728]:hover {
  background-color: #b61e4c;
  border-color: #b61e4c;
}

.content-close:hover > svg[data-v-2fc68728] {
  fill: #fff;
}

.content [data-v-2fc68728] {
  font-family: var(--IntegratedFont);
}

.title[data-v-2fc68728] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.4814814815vh;
}

.title-block[data-v-2fc68728] {
  max-width: 57.4074074074vh;
  position: relative;
}

.title-block > p[data-v-2fc68728] {
  text-align: center;
  font-family: SweetMavka;
  font-size: 7.962962963vh;
  font-weight: 400;
  line-height: 100%;
  color: #ffdadb;
  text-shadow: 0 0 50px rgba(255, 218, 219, 0.7);
}

.cards[data-v-2fc68728] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 2.5vh;
}

.cards-item[data-v-2fc68728] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.4814814815vh;
  max-width: 30.5555555556vh;
}

.cards-item > img[data-v-2fc68728] {
  display: block;
  width: 30.5555555556vh;
  height: 20.3703703704vh;
}

.cards-item > p[data-v-2fc68728] {
  text-align: center;
  max-width: 30.5555555556vh;
  font-size: 1.4814814815vh;
  font-weight: 900;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 140%;
  white-space: pre-wrap;
}

.crosshair[data-v-24a46dc8] {
  pointer-events: none;
  position: absolute;
  width: -moz-min-content;
  width: min-content;
  height: -moz-min-content;
  height: min-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.crosshair > svg[data-v-24a46dc8] {
  pointer-events: none;
}

.crosshair.main > svg[data-v-24a46dc8] {
  transition: fill 0.2s ease;
}

.fade-up-animation[data-v-6fd584db] {
  animation: fadeOutUp-6fd584db 1s ease;
}

.fade-down-animation[data-v-6fd584db] {
  animation: fadeOutDown-6fd584db 1s ease;
}

@keyframes fadeOutUp-6fd584db {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-6fd584db {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-6fd584db] {
  animation: logotype-6fd584db 0.5s ease;
}

.logotype-leave-active[data-v-6fd584db] {
  animation: logotype-6fd584db 0.5s ease reverse;
}

@keyframes logotype-6fd584db {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-6fd584db] {
  animation: cardMoveInside-6fd584db ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-6fd584db] {
  animation: cardMoveOutside-6fd584db ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-6fd584db {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-6fd584db {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-6fd584db {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-6fd584db], .fade-leave-to[data-v-6fd584db] {
  opacity: 0;
}

.fade-enter-active[data-v-6fd584db], .fade-leave-active[data-v-6fd584db] {
  transition: opacity 0.5s;
}

@keyframes slide-up-6fd584db {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-6fd584db {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-6fd584db] {
  animation: ipad-slide-6fd584db 0.4s ease;
}

.ipad-slide-leave-active[data-v-6fd584db] {
  animation: ipad-slide-6fd584db 0.4s ease reverse;
}

@keyframes ipad-slide-6fd584db {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-6fd584db {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-6fd584db], .local-fade-leave-to[data-v-6fd584db] {
  opacity: 0;
}

.local-fade-enter-active[data-v-6fd584db], .local-fade-leave-active[data-v-6fd584db] {
  transition: opacity 0.2s;
}

#app[data-v-6fd584db] {
  min-width: 100%;
  min-height: 100%;
}

#app .copy-input[data-v-6fd584db] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-99999px);
}

#app.mask[data-v-6fd584db] {
  background: #000;
}

#app .router-view[data-v-6fd584db] {
  z-index: 10;
}

#app .dot[data-v-6fd584db] {
  border: 1px solid #fff;
  position: absolute;
  border-radius: 50%;
  width: 0.6481481481vh;
  height: 0.6481481481vh;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mask[data-v-6fd584db] {
  background: #000;
  min-width: 100%;
  min-height: 100%;
}

.font-renderer[data-v-6fd584db] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  font-family: LCDNova;
}

.preloadFont[data-v-6fd584db] {
  font-family: LicenseUSA !important;
  font-size: 0;
}

::-moz-selection {
  background-color: #07CDFF;
  color: #ffffff;
}

::selection {
  background-color: #07CDFF;
  color: #ffffff;
}
.fade-up-animation[data-v-7ab9c143] {
  animation: fadeOutUp-7ab9c143 1s ease;
}

.fade-down-animation[data-v-7ab9c143] {
  animation: fadeOutDown-7ab9c143 1s ease;
}

@keyframes fadeOutUp-7ab9c143 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7ab9c143 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7ab9c143] {
  animation: logotype-7ab9c143 0.5s ease;
}

.logotype-leave-active[data-v-7ab9c143] {
  animation: logotype-7ab9c143 0.5s ease reverse;
}

@keyframes logotype-7ab9c143 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7ab9c143] {
  animation: cardMoveInside-7ab9c143 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7ab9c143] {
  animation: cardMoveOutside-7ab9c143 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7ab9c143 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-7ab9c143 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-7ab9c143 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7ab9c143], .fade-leave-to[data-v-7ab9c143] {
  opacity: 0;
}

.fade-enter-active[data-v-7ab9c143], .fade-leave-active[data-v-7ab9c143] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7ab9c143 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7ab9c143 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7ab9c143] {
  animation: ipad-slide-7ab9c143 0.4s ease;
}

.ipad-slide-leave-active[data-v-7ab9c143] {
  animation: ipad-slide-7ab9c143 0.4s ease reverse;
}

@keyframes ipad-slide-7ab9c143 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7ab9c143 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.loading[data-v-7ab9c143] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.loading-active[data-v-7ab9c143] {
  pointer-events: auto;
  opacity: 1;
}

.loader[data-v-7ab9c143], .loader[data-v-7ab9c143]:after {
  border-radius: 50%;
  width: 9.2592592593vh;
  height: 9.2592592593vh;
}

.loader[data-v-7ab9c143] {
  margin: 2.7777777778vh auto;
  font-size: 0.9259259259vh;
  position: relative;
  text-indent: -925.8333333333vh;
  border-top: 0.9259259259vh solid hsla(0, 0%, 100%, 0.2);
  border-right: 0.9259259259vh solid hsla(0, 0%, 100%, 0.2);
  border-bottom: 0.9259259259vh solid hsla(0, 0%, 100%, 0.2);
  border-left: 0.9259259259vh solid #fff;
  transform: translateZ(0);
  animation: load8-7ab9c143 1.1s linear infinite;
}

@keyframes load8-7ab9c143 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.small-alpha-slider {
  height: 10px !important;
}

.small-alpha-slider .small-bar {
  height: 10px !important;
  width: 10px !important;
}

.small-alpha-slider .small-bar div {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.bee-alpha-slider {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.bee-alpha-slider.is-vertical {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.bee-alpha-slider.transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-alpha-slider__bar {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.bee-alpha-slider__bar-pointer {
  position: absolute;
  width: 14px;
  height: 14px;
}

.bee-alpha-slider__bar-handle {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.bee-alpha-slider__bar-handle.vertical {
  transform: translateY(-7px);
  margin-top: 0;
}

.bee-compact {
  margin-bottom: 15px;
  width: auto;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  display: inline-block;
}

.bee-compact__row {
  position: relative;
  width: 100%;
  margin: 0;
}

.bee-compact__row > * {
  display: inline-block;
  vertical-align: middle;
}

.bee-compact__color_cube {
  width: 100%;
  height: 100%;
}

.bee-compact__color_cube.transparent:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.bee-compact__color_cube.transparent:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  width: 35px;
  height: 1px;
  background: red;
}

.bee-compact__color_cube.advance {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABqVJREFUeNrEl11yHDUQx1ua2Zlde2M7jqESqnjg45kjcBwOwQG4BY+8cwWK17xBUUARICQhTmI7tte7Ozs7o+bXLTleuACpKNJqJP3789+doKoSPxfVGxFZioS1iK5Yd0nCJko9iLTVVvZSlCOp5FBF7vP5RFTelyDHvmYvMPPtiP19fu+HIHPetrllX2TLMJAOgEehti3ZY/Axap51ZB5ZDEnGMUoCNCmDbRv+2Q4CDJ5Mymj4OmE0CNj6b5WJlkel3xkiGXjOc0imDH/JDid1AXQEfKgccHg3lN+uhh+v2WkkOvCUnT3GjP2WOfrJzjUNPq/ugPUej1TiwME3+DfVUhWkEQF6LZraJxsp6xHLIzW/DNyAW75PGJVrOxbQFSeWzOsdjQ/tZHTxtSgdzAimMfOAdbas7crUvIWAqZg5+gg8FBzYTOygbo1tAb1xTYMs/q1xAFgnvBx5JrKO2X9pzJrJhr+b5BaY8vjG3O+w7HFnypkZ+zP3K8AWL7FHiRsJappe4knA9fo/pj7WrIrdshBs8cukcu0ljhK2lZt1Q8B1msMj5WCQKoibd8q8p1J8i6aWJnrJCcDljDX2Cm8Jn2WJC9PtIHpYeowza125Dc3c6CQ1MbEdooxoPQw54Ak9jigaKcAMk9ddgUi68ZxMmNbNG8hTXXjOZrPf+vg4C+RpRRJqO0ps8FxtzhoJLiSIHCWtLi9u5LiZyqKv0UvlHmaccukoVjJLFu2YUy946FRidS7beCXN9i3gKzd1Yo53ps7ppTnqEYD0mYNldpuxnvIo2nZb/L+ay9tulA/sJpE/Tfchj1H2kW2KpsFYSK4YgI1vZDJe57XmIAu642N5kCxUJfQ8bA48IKpWGNKi/T7rPWRMBMkp5lhz5mUlV0O+fGAGC5XMkTzoG349I/D+Qis0jpeZBt0CXaZGnwtwdcS7A/4ycOIi3bNI0pzfxoVHQYYDIu+A9djJ5bKX+c2BVKnHS5Xcw8QTecWlXxi/khgvYMFzHlp4/g74WREshg3zpuS9mfowShxyrnv6wFS2Dl12QUDwaO54xIWTKZem8up7M0ojn5BzdftEdPMzII9ljE8kVde8Z5y89PSJYcACAJhWTigFOO1rpqRbWs0pKjp4Nkl6OMiGQiFnKsOnLQNqJNe33yV5iFml/4YLfzB+wwpvuNoT+eq0F+JWYtp50MlXLBvUAkLlXXbdloHkUsREDsc6y9LDvs2pTNJD6eM5+x/KAslqWK/pOo/WEIvw3PC3q8rZz3IzWBqqp2CpTvjAACIVyFhLMQmlwXPU9gYrC+lCZs0VtPkc0Jfc+Va+XK/lK3Pr10XhF8ToAjf1VKktAH0hd3srqesSMmCJaiNwJB/IzNviF9Uor8NnndSkyRBfExbPpdHfKRg/yqH8JCPxdvbZVE6+6GTzmCD9Af45RfhzLGZZtEaIVQVdDpLwVByAHeIu8DXWGTySUil8wSNw6fMoliZnfHsqfXiC2M+gjJXX7wuEOvm4gWUBa9h4xrAAtwy6hHyWo1QQGc9gDkD7sAt8VjqETSnUHaArd0Gupc8ZBv4n4ymUfiEPxEu4/A3eyayX+x+ZZjjoIEl6D+2zrJJgyOoKf68RCKJXOpt4B3xZQNclwVeSbXVd2hXzKXlpqsC3c0ttyR3La6rTW2yyP1dpSbdowUtBji1+aAioxTZXD+ORZcrs+A5YF9kWnnfWeJUSZgnswKeZ7FNHkaeXgjTmowVhkhuQ1pQxCE1aik2A16OVVwtvayxmW6fdeDNKKcs79Zhy5eaFwIOXsxu3grolVsUVS0y0pAKN3tpMStdlheJajZ1V5rxWHxoJjR6crr51frlg59K73AFWf7h3gs8BlWtpsHpqwrioa6nJj5lphgim1C3XdPGuuZm2hYIB90QCrKqxDnPkm81hN6pvAyqElRdvN3exjdXeYGQS8oXGmjgoICQjhUh6jdSYmvQdpakSFArIfg6bqiqZW6t3N6HaNbUX7M4Lt4NK8bX3SblJM9Mas+65xuodpVFRj58HfLyAdPZjftCittnLXaHWKQdczNE4trkfK8GFiT3RVqU523gaBbeC04/3zW3pp0yJWFqfofjZejBfw3bGE3WNO8jrmLtDt5ahVyHt+DiUDv/WtFpAQ+4MrDFvC3Bb+uXiI2f1TXGURfesNPc11mjacki1dK/JKTnsUmYGLnnM/2MycWRt7dCtedrSyhqPe39tPBecjV3rrTWDweqzSl2hsfVwM3lX+UL+f0CuTv/Hn38EGAAvCnNy1JKVIQAAAABJRU5ErkJggg==);
}

.bee-compact__color_cube .alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-compact__color-cube--wrap {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
  overflow: hidden;
}

.bee-compact__color-cube--wrap:hover {
  transform: scale(1.2);
  z-index: 299;
  transition: transform 0.2s;
}

.bee-colorPicker__record {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.bee-colorPicker__record .text {
  width: 48px;
  margin-right: 10px;
  text-align: right;
  font-size: 12px;
  color: #666;
}

.bee-colorPicker__record .color-list {
  width: auto;
  display: flex;
  position: relative;
  margin: 0;
}

.bee-colorPicker__record .color-list .color-item {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
}

.bee-colorPicker__record .color-list .color-item__round {
  border-radius: 50%;
}

.bee-colorPicker__record .color-list .color-item.transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-colorPicker__record .color-list .color-item:hover {
  transform: scale(1.2);
  z-index: 299;
  transition: transform 0.2s;
}

.bee-colorPicker__record .color-list .color-item__display {
  width: 100%;
  height: 100%;
}

.small-hue-slider {
  height: 10px !important;
}

.small-hue-slider .small-bar {
  height: 10px !important;
  width: 10px !important;
}

.small-hue-slider .small-bar div {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.bee-hue-colorPicker {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.bee-hue-colorPicker.is-vertical {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.bee-hue-colorPicker.transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-hue-colorPicker__inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);
  background-size: 100%;
}

.bee-hue-colorPicker__inner-pointer {
  position: absolute;
  width: 14px;
  height: 14px;
}

.bee-hue-colorPicker__inner-handle {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.bee-hue-colorPicker__inner-handle.vertical {
  transform: translate(-1px, -7px);
  margin-top: 0;
}

.small-light-slider {
  height: 10px !important;
}

.small-light-slider .small-bar {
  height: 10px !important;
  width: 10px !important;
}

.small-light-slider .small-bar div {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.bee-light-colorPicker {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.bee-light-colorPicker.is-vertical {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.bee-light-colorPicker.transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-light-colorPicker__inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.bee-light-colorPicker__inner-pointer {
  position: absolute;
  width: 14px;
  height: 14px;
}

.bee-light-colorPicker__inner-handle {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.bee-light-colorPicker__inner-handle.vertical {
  transform: translateY(-7px);
  margin-top: 0;
}

.bee-saturation {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 125px;
}

.bee-saturation__chrome {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-color: transparent;
}

.bee-saturation__hidden {
  overflow: hidden;
}

.bee-saturation__black, .bee-saturation__white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bee-saturation__black {
  background: linear-gradient(0deg, #000, transparent);
}

.bee-saturation__white {
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}

.bee-saturation__cursor {
  position: absolute;
}

.bee-saturation__cursor div {
  transform: translate(-5px, -5px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.inputs-controls {
  display: flex;
  font-size: 16px;
  margin-bottom: 5px;
}

.inputs-controls .formatBtn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  border: 0;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  font-weight: 700;
  outline: none;
  margin-right: 5px;
}

.inputs-controls .formatBtn:hover {
  color: #1a3aff;
}

.inputs-controls .format-group {
  display: flex;
  flex-grow: 1;
}

.inputs-controls .format-group input {
  padding: 5px;
  margin: 0 3px;
  min-width: 0;
  text-align: center;
  border-width: 0 0 1px 0;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  outline: none;
  flex: 1;
}

.inputs-controls .format-group input::-webkit-inner-spin-button, .inputs-controls .format-group input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.bee-fk-colorPicker {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1490196078);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 249px;
  padding-bottom: 10px;
}

.bee-fk-colorPicker__inner {
  padding: 12px;
}

.bee-fk-colorPicker__header {
  margin-bottom: 12px;
  z-index: 999;
  text-align: left;
}

.bee-fk-colorPicker__header .back {
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 2px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.bee-fk-colorPicker__display {
  position: relative;
  width: 100%;
  margin: 0;
  text-align: left;
}

.bee-fk-colorPicker__display .transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-fk-colorPicker__display .current-color {
  margin-right: 10px;
  width: 50px;
  height: 24px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.bee-fk-colorPicker__display .current-color .color-cube {
  width: 100%;
  height: 100%;
}

.bee-fk-colorPicker__display .hexColor-prefix {
  position: relative;
  padding: 0 4px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

.bee-fk-colorPicker__display input {
  width: 25px;
  text-align: center;
  outline: 0;
  border-top: 0;
  border-right: 0;
  border-left: none;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  border-bottom: 1px solid #e3e2e8;
}

.bee-fk-colorPicker__display .hexColor-input {
  width: 64px;
}

.bee-fk-colorPicker__display .action {
  float: right;
  vertical-align: middle;
}

.bee-fk-colorPicker__display .action .clear-btn {
  color: #409eff;
}

.bee-fk-colorPicker__display .action .clear-btn, .bee-fk-colorPicker__display .action .copy-btn {
  border-color: transparent;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.bee-fk-colorPicker__display .action .copy-btn {
  color: rgba(19, 206, 102, 0.8);
  margin-left: 10px;
}

.bee-ele-colorPicker {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1490196078);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  padding: 10px;
  width: 300px;
}

.bee-ele-colorPicker .bee-ele-row {
  display: flex;
}

.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation {
  width: 280px;
  height: 180px;
}

.bee-ele-colorPicker .bee-ele-row .bee-ele-hue {
  margin-left: 10px;
  height: 180px;
}

.bee-chrome-colorPicker {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1490196078);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 250px;
  padding-bottom: 20px;
}

.bee-chrome-colorPicker-body {
  padding: 0 12px;
  background-color: #fff;
}

.bee-chrome-colorPicker-body .chrome-controls {
  display: flex;
}

.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}

.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color {
  width: 100%;
  height: 100%;
}

.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders {
  flex: 1;
  margin-left: 10px;
}

.bee-color-wrap {
  margin-right: 10px;
  width: 50px;
  height: 24px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.bee-color-wrap.transparent {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.bee-color-wrap.round {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
}

.bee-color-wrap .current-color {
  width: 100%;
  height: 100%;
}

.vc-alpha-slider[data-v-18925ba6] {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.vc-alpha-slider.is-vertical[data-v-18925ba6] {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.vc-alpha-slider.transparent[data-v-18925ba6] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-alpha-slider__bar[data-v-18925ba6] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.vc-alpha-slider__bar-pointer[data-v-18925ba6] {
  position: absolute;
  width: 14px;
  height: 14px;
}

.vc-alpha-slider__bar-handle[data-v-18925ba6] {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6] {
  transform: translateY(-7px);
  margin-top: 0;
}

.vc-alpha-slider.small-slider[data-v-18925ba6] {
  height: 10px !important;
}

.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6] {
  height: 10px !important;
  width: 10px !important;
}

.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6] {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.vc-compact[data-v-b969fd48] {
  margin-bottom: 15px;
  width: auto;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  display: inline-block;
}

.vc-compact__row[data-v-b969fd48] {
  position: relative;
  width: 100%;
  margin: 0;
  height: 27px;
}

.vc-compact__row > [data-v-b969fd48] {
  display: inline-block;
  vertical-align: middle;
}

.vc-compact__color_cube[data-v-b969fd48] {
  width: 100%;
  height: 100%;
}

.vc-compact__color_cube.transparent[data-v-b969fd48]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.vc-compact__color_cube.transparent[data-v-b969fd48]:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  transform: rotate(-45deg);
  transform-origin: 0 0;
  width: 35px;
  height: 1px;
  background: red;
}

.vc-compact__color_cube.advance[data-v-b969fd48] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABqVJREFUeNrEl11yHDUQx1ua2Zlde2M7jqESqnjg45kjcBwOwQG4BY+8cwWK17xBUUARICQhTmI7tte7Ozs7o+bXLTleuACpKNJqJP3789+doKoSPxfVGxFZioS1iK5Yd0nCJko9iLTVVvZSlCOp5FBF7vP5RFTelyDHvmYvMPPtiP19fu+HIHPetrllX2TLMJAOgEehti3ZY/Axap51ZB5ZDEnGMUoCNCmDbRv+2Q4CDJ5Mymj4OmE0CNj6b5WJlkel3xkiGXjOc0imDH/JDid1AXQEfKgccHg3lN+uhh+v2WkkOvCUnT3GjP2WOfrJzjUNPq/ugPUej1TiwME3+DfVUhWkEQF6LZraJxsp6xHLIzW/DNyAW75PGJVrOxbQFSeWzOsdjQ/tZHTxtSgdzAimMfOAdbas7crUvIWAqZg5+gg8FBzYTOygbo1tAb1xTYMs/q1xAFgnvBx5JrKO2X9pzJrJhr+b5BaY8vjG3O+w7HFnypkZ+zP3K8AWL7FHiRsJappe4knA9fo/pj7WrIrdshBs8cukcu0ljhK2lZt1Q8B1msMj5WCQKoibd8q8p1J8i6aWJnrJCcDljDX2Cm8Jn2WJC9PtIHpYeowza125Dc3c6CQ1MbEdooxoPQw54Ak9jigaKcAMk9ddgUi68ZxMmNbNG8hTXXjOZrPf+vg4C+RpRRJqO0ps8FxtzhoJLiSIHCWtLi9u5LiZyqKv0UvlHmaccukoVjJLFu2YUy946FRidS7beCXN9i3gKzd1Yo53ps7ppTnqEYD0mYNldpuxnvIo2nZb/L+ay9tulA/sJpE/Tfchj1H2kW2KpsFYSK4YgI1vZDJe57XmIAu642N5kCxUJfQ8bA48IKpWGNKi/T7rPWRMBMkp5lhz5mUlV0O+fGAGC5XMkTzoG349I/D+Qis0jpeZBt0CXaZGnwtwdcS7A/4ycOIi3bNI0pzfxoVHQYYDIu+A9djJ5bKX+c2BVKnHS5Xcw8QTecWlXxi/khgvYMFzHlp4/g74WREshg3zpuS9mfowShxyrnv6wFS2Dl12QUDwaO54xIWTKZem8up7M0ojn5BzdftEdPMzII9ljE8kVde8Z5y89PSJYcACAJhWTigFOO1rpqRbWs0pKjp4Nkl6OMiGQiFnKsOnLQNqJNe33yV5iFml/4YLfzB+wwpvuNoT+eq0F+JWYtp50MlXLBvUAkLlXXbdloHkUsREDsc6y9LDvs2pTNJD6eM5+x/KAslqWK/pOo/WEIvw3PC3q8rZz3IzWBqqp2CpTvjAACIVyFhLMQmlwXPU9gYrC+lCZs0VtPkc0Jfc+Va+XK/lK3Pr10XhF8ToAjf1VKktAH0hd3srqesSMmCJaiNwJB/IzNviF9Uor8NnndSkyRBfExbPpdHfKRg/yqH8JCPxdvbZVE6+6GTzmCD9Af45RfhzLGZZtEaIVQVdDpLwVByAHeIu8DXWGTySUil8wSNw6fMoliZnfHsqfXiC2M+gjJXX7wuEOvm4gWUBa9h4xrAAtwy6hHyWo1QQGc9gDkD7sAt8VjqETSnUHaArd0Gupc8ZBv4n4ymUfiEPxEu4/A3eyayX+x+ZZjjoIEl6D+2zrJJgyOoKf68RCKJXOpt4B3xZQNclwVeSbXVd2hXzKXlpqsC3c0ttyR3La6rTW2yyP1dpSbdowUtBji1+aAioxTZXD+ORZcrs+A5YF9kWnnfWeJUSZgnswKeZ7FNHkaeXgjTmowVhkhuQ1pQxCE1aik2A16OVVwtvayxmW6fdeDNKKcs79Zhy5eaFwIOXsxu3grolVsUVS0y0pAKN3tpMStdlheJajZ1V5rxWHxoJjR6crr51frlg59K73AFWf7h3gs8BlWtpsHpqwrioa6nJj5lphgim1C3XdPGuuZm2hYIB90QCrKqxDnPkm81hN6pvAyqElRdvN3exjdXeYGQS8oXGmjgoICQjhUh6jdSYmvQdpakSFArIfg6bqiqZW6t3N6HaNbUX7M4Lt4NK8bX3SblJM9Mas+65xuodpVFRj58HfLyAdPZjftCittnLXaHWKQdczNE4trkfK8GFiT3RVqU523gaBbeC04/3zW3pp0yJWFqfofjZejBfw3bGE3WNO8jrmLtDt5ahVyHt+DiUDv/WtFpAQ+4MrDFvC3Bb+uXiI2f1TXGURfesNPc11mjacki1dK/JKTnsUmYGLnnM/2MycWRt7dCtedrSyhqPe39tPBecjV3rrTWDweqzSl2hsfVwM3lX+UL+f0CuTv/Hn38EGAAvCnNy1JKVIQAAAABJRU5ErkJggg==);
}

.vc-compact__color_cube .alpha[data-v-b969fd48] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-compact__color-cube--wrap[data-v-b969fd48] {
  position: relative;
  width: 27px;
  height: 27px;
  cursor: pointer;
  overflow: hidden;
}

.vc-compact__color-cube--wrap[data-v-b969fd48]:hover {
  transform: scale(1.2);
  z-index: 299;
  transition: transform 0.2s;
}

.vc-saturation[data-v-058e5db2] {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 125px;
}

.vc-saturation__chrome[data-v-058e5db2] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-color: transparent;
}

.vc-saturation__hidden[data-v-058e5db2] {
  overflow: hidden;
}

.vc-saturation__black[data-v-058e5db2], .vc-saturation__white[data-v-058e5db2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vc-saturation__black[data-v-058e5db2] {
  background: linear-gradient(0deg, #000, transparent);
}

.vc-saturation__white[data-v-058e5db2] {
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}

.vc-saturation__cursor[data-v-058e5db2] {
  position: absolute;
}

.vc-saturation__cursor div[data-v-058e5db2] {
  transform: translate(-5px, -5px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.vc-hue-slider[data-v-e1a08576] {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.vc-hue-slider.is-vertical[data-v-e1a08576] {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.vc-hue-slider.transparent[data-v-e1a08576] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-hue-slider__bar[data-v-e1a08576] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: linear-gradient(90deg, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red);
  background: -ms-linear-gradient(left, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%);
}

.vc-hue-slider__bar-pointer[data-v-e1a08576] {
  position: absolute;
  width: 14px;
  height: 14px;
}

.vc-hue-slider__bar-handle[data-v-e1a08576] {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.vc-hue-slider__bar-handle.vertical[data-v-e1a08576] {
  transform: translateY(-7px);
  margin-top: 0;
}

.vc-hue-slider.small-slider[data-v-e1a08576] {
  height: 10px !important;
}

.vc-hue-slider.small-slider .small-bar[data-v-e1a08576] {
  height: 10px !important;
  width: 10px !important;
}

.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576] {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.vc-lightness-slider[data-v-94a50a9e] {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  height: 14px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.0784313725);
  border-radius: 15px;
}

.vc-lightness-slider.is-vertical[data-v-94a50a9e] {
  width: 14px;
  height: 100%;
  display: inline-block;
  transform: rotate(180deg);
}

.vc-lightness-slider.transparent[data-v-94a50a9e] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-lightness-slider__bar[data-v-94a50a9e] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.vc-lightness-slider__bar-pointer[data-v-94a50a9e] {
  position: absolute;
  width: 14px;
  height: 14px;
}

.vc-lightness-slider__bar-handle[data-v-94a50a9e] {
  width: 14px;
  height: 14px;
  border-radius: 6px;
  transform: translate(-7px, -2px);
  background-color: #f8f8f8;
  margin-top: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.368627451);
  cursor: pointer;
}

.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e] {
  transform: translateY(-7px);
  margin-top: 0;
}

.vc-lightness-slider.small-slider[data-v-94a50a9e] {
  height: 10px !important;
}

.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e] {
  height: 10px !important;
  width: 10px !important;
}

.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e] {
  width: 12px !important;
  height: 12px !important;
  border-radius: 5px !important;
  transform: translate(-6px, -2px);
  margin-top: 1px !important;
}

.vc-colorPicker__record[data-v-0f657238] {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.vc-colorPicker__record .text[data-v-0f657238] {
  width: 48px;
  margin-right: 10px;
  text-align: right;
  font-size: 12px;
  color: #666;
}

.vc-colorPicker__record .color-list[data-v-0f657238] {
  width: 100%;
  display: flex;
  position: relative;
  margin: 0;
  gap: 2px;
}

.vc-colorPicker__record .color-list .color-item[data-v-0f657238] {
  position: relative;
  flex: 1;
  max-width: 26px;
  height: 26px;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.1019607843);
}

.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238] {
  border-radius: 50%;
}

.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover {
  transform: scale(1.2);
  z-index: 299;
  transition: transform 0.2s;
}

.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238] {
  width: 100%;
  height: 100%;
}

.vc-display[data-v-f6f511ec] {
  height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.vc-display .vc-current-color[data-v-f6f511ec] {
  width: 50px;
  height: 100%;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.vc-display .vc-current-color.vc-transparent[data-v-f6f511ec] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-display .vc-current-color .color-cube[data-v-f6f511ec] {
  width: 100%;
  height: 100%;
}

.vc-display .vc-color-input[data-v-f6f511ec] {
  height: 100%;
  flex: 1;
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
}

.vc-display .vc-color-input input[data-v-f6f511ec] {
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2509803922);
  color: #666;
  border-radius: 2px;
  height: 100%;
  width: 100%;
}

.vc-display .vc-rgb-input[data-v-f6f511ec] {
  flex: 1;
  font-size: 12px;
  color: #666;
  text-align: center;
}

.vc-display .vc-rgb-input input[data-v-f6f511ec] {
  padding: 4px 0;
  margin-bottom: 2px;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  background-color: rgba(200, 200, 200, 0.2509803922);
  color: #666;
  border-radius: 2px;
  width: 100%;
}

.vc-display .vc-alpha-input[data-v-f6f511ec] {
  width: 56px;
  height: 100%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  font-size: 14px;
}

.vc-display .vc-alpha-input > input[data-v-f6f511ec] {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  background-color: rgba(200, 200, 200, 0.2509803922);
  color: #666;
  font-size: inherit;
}

.vc-display .vc-alpha-input__inner[data-v-f6f511ec] {
  padding: 10px 16px;
  border-radius: 4px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  outline: none;
  border: none;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}

.vc-display .vc-input-toggle[data-v-f6f511ec] {
  height: 10px;
  width: 8px;
  padding: 4px;
  cursor: pointer;
}

.vc-display .vc-input-toggle[data-v-f6f511ec]:hover {
  background-color: #efefef;
}

.vc-display .vc-input-toggle[data-v-f6f511ec]:before {
  content: "";
  display: block;
  border-bottom: 4px solid #888;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin-bottom: 2px;
}

.vc-display .vc-input-toggle[data-v-f6f511ec]:after {
  content: "";
  display: block;
  border-top: 4px solid #888;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.vc-fk-colorPicker[data-v-0d5bef46] {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: initial;
}

.vc-fk-colorPicker__inner[data-v-0d5bef46] {
  position: relative;
}

.vc-fk-colorPicker__header[data-v-0d5bef46] {
  margin-bottom: 12px;
  z-index: 999;
  text-align: left;
}

.vc-fk-colorPicker__header .back[data-v-0d5bef46] {
  border: 2px solid hsla(0, 0%, 59%, 0.6);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 2px;
  transform: rotate(135deg);
}

.vc-fk-colorPicker__display[data-v-0d5bef46] {
  position: relative;
  width: 100%;
  margin: 0;
  text-align: left;
}

.vc-fk-colorPicker__display .transparent[data-v-0d5bef46] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-fk-colorPicker__display .current-color[data-v-0d5bef46] {
  margin-right: 10px;
  width: 50px;
  height: 24px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.vc-fk-colorPicker__display .current-color .color-cube[data-v-0d5bef46] {
  width: 100%;
  height: 100%;
}

.vc-fk-colorPicker__display .hexColor-prefix[data-v-0d5bef46] {
  position: relative;
  padding: 0 4px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

.vc-fk-colorPicker__display input[data-v-0d5bef46] {
  width: 25px;
  text-align: center;
  outline: 0;
  border-top: 0;
  border-right: 0;
  border-left: none;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 3px;
  border-bottom: 1px solid #e3e2e8;
}

.vc-fk-colorPicker__display .hexColor-input[data-v-0d5bef46] {
  width: 64px;
}

.vc-fk-colorPicker__display .action[data-v-0d5bef46] {
  float: right;
  vertical-align: middle;
}

.vc-fk-colorPicker__display .action .clear-btn[data-v-0d5bef46] {
  color: #409eff;
}

.vc-fk-colorPicker__display .action .clear-btn[data-v-0d5bef46], .vc-fk-colorPicker__display .action .copy-btn[data-v-0d5bef46] {
  border-color: transparent;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.vc-fk-colorPicker__display .action .copy-btn[data-v-0d5bef46] {
  color: rgba(19, 206, 102, 0.8);
  margin-left: 10px;
}

.vc-chrome-colorPicker[data-v-33636434] {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: initial;
}

.vc-chrome-colorPicker-body[data-v-33636434] {
  position: relative;
}

.vc-chrome-colorPicker-body .chrome-controls[data-v-33636434] {
  display: flex;
}

.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-33636434] {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}

.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-33636434] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-33636434] {
  width: 100%;
  height: 100%;
}

.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-33636434] {
  flex: 1;
  margin-left: 10px;
}

.bee-angle {
  transform: rotate(90deg);
}

.bee-angle > * {
  display: inline-block;
  vertical-align: middle;
}

.bee-angle.zero-right {
  transform: rotate(180deg);
}

.bee-angle.zero-bottom {
  transform: rotate(270deg);
}

.bee-angle__round {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #666;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.bee-angle__round:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 50%;
  height: 1px;
  background-color: #666;
}

.vc-gradient-picker[data-v-1e7e32e5] {
  position: relative;
}

.vc-gradient-picker__header[data-v-1e7e32e5] {
  margin-bottom: 20px;
  z-index: 999;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vc-gradient-picker__header .back[data-v-1e7e32e5] {
  border: 2px solid hsla(0, 0%, 59%, 0.65);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 2px;
  transform: rotate(135deg);
}

.vc-gradient-picker .vc-gradient__types[data-v-1e7e32e5] {
  display: flex;
  background-color: rgba(200, 200, 200, 0.2509803922);
  border-radius: 4px;
  overflow: hidden;
}

.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-1e7e32e5] {
  padding: 4px 8px;
  color: #666;
  cursor: pointer;
  font-size: 12px;
}

.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-1e7e32e5] {
  color: #000;
  background-color: rgba(200, 200, 200, 0.8);
}

.vc-gradient-picker__body[data-v-1e7e32e5] {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.vc-gradient-picker__body .vc-color-range[data-v-1e7e32e5] {
  flex: 1;
}

.vc-gradient-picker__body .vc-color-range__container[data-v-1e7e32e5] {
  position: relative;
  height: 16px;
  border-radius: 5px;
}

.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-1e7e32e5] {
  height: 100%;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.0588235294);
}

.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-1e7e32e5] {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
}

.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-1e7e32e5] {
  position: absolute;
  top: -2px;
  width: 14px;
  height: 16px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3490196078);
  box-sizing: content-box;
  transform: translate(-9px);
}

.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-1e7e32e5] {
  display: inline-block;
  height: 100%;
}

.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-1e7e32e5] {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 1.2px #2254f4;
}

.vc-gradient-picker__body .vc-degree-input[data-v-1e7e32e5] {
  position: relative;
  z-index: 2;
  font-size: 12px;
  border-radius: 4px;
}

.vc-gradient-picker__body .vc-degree-input:hover .vc-degree-input__panel[data-v-1e7e32e5] {
  display: block;
}

.vc-gradient-picker__body .vc-degree-input__control[data-v-1e7e32e5] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(200, 200, 200, 0.2509803922);
  color: #666;
}

.vc-gradient-picker__body .vc-degree-input__control input[data-v-1e7e32e5] {
  max-width: 28px;
  text-align: center;
  border: none;
  outline: none;
  background-color: transparent;
  color: #666;
  font-size: inherit;
  overflow: visible;
}

.vc-gradient-picker__body .vc-degree-input__panel[data-v-1e7e32e5] {
  display: none;
  z-index: 10;
}

.vc-gradient-picker__body .vc-degree-input__panel .vc-degree-input__disk[data-v-1e7e32e5] {
  width: 64px;
  height: 64px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1607843137), 0 1px 8px rgba(0, 0, 0, 0.0588235294), 0 4px 12px rgba(0, 0, 0, 0.0784313725);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: translate(0);
}

.vc-gradient-picker__body .vc-picker-degree-input[data-v-1e7e32e5] {
  margin-left: 8px;
  width: 64px;
  height: 28px;
}

.vc-colorpicker[data-v-0492277d] {
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1490196078);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 276px;
  z-index: 10000;
}

.vc-colorpicker [data-v-0492277d] {
  outline: none;
  line-height: 1;
}

.vc-colorpicker--container[data-v-0492277d] {
  padding: 16px;
}

.vc-colorpicker--tabs[data-v-0492277d] {
  padding: 2px;
  background: #f6f7f9;
  border-radius: 6px;
  position: relative;
  margin-bottom: 12px;
}

.vc-colorpicker--tabs__inner[data-v-0492277d] {
  display: flex;
  justify-content: space-between;
  padding: 0;
  background: #f6f7f9;
  border-bottom: none;
  position: relative;
  box-sizing: border-box;
}

.vc-colorpicker--tabs__btn[data-v-0492277d] {
  flex: 1;
  z-index: 2;
  color: #636c78;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d] {
  color: #33383e;
  font-weight: 600;
}

.vc-colorpicker--tabs__btn button[data-v-0492277d] {
  width: 100%;
  background-color: initial;
  padding: 6px 0;
  font-size: 14px;
  line-height: 20px;
  color: #636c78;
  border: 0;
  border-radius: 0;
  outline: 0;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  font-weight: inherit;
}

.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d] {
  position: relative;
  white-space: nowrap;
}

.vc-colorpicker--tabs__bg[data-v-0492277d] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1215686275);
  border-radius: 4px;
  z-index: 1;
  transition: left 0.2s ease-in-out;
}

.vc-colorpicker.black[data-v-0492277d] {
  background-color: #000;
  color: #fff;
}

.vc-colorpicker.white[data-v-0492277d] {
  background-color: #fff;
  color: #333;
}

.vc-color-wrap[data-v-11de56b7] {
  margin-right: 10px;
  width: 50px;
  height: 24px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.0784313725);
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.vc-color-wrap.transparent[data-v-11de56b7] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}

.vc-color-wrap.round[data-v-11de56b7] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
}

.vc-color-wrap .current-color[data-v-11de56b7] {
  width: 100%;
  height: 100%;
}

.fade-up-animation[data-v-531c1ec3] {
  animation: fadeOutUp-531c1ec3 1s ease;
}

.fade-down-animation[data-v-531c1ec3] {
  animation: fadeOutDown-531c1ec3 1s ease;
}

@keyframes fadeOutUp-531c1ec3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-531c1ec3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-531c1ec3] {
  animation: logotype-531c1ec3 0.5s ease;
}

.logotype-leave-active[data-v-531c1ec3] {
  animation: logotype-531c1ec3 0.5s ease reverse;
}

@keyframes logotype-531c1ec3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-531c1ec3] {
  animation: cardMoveInside-531c1ec3 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-531c1ec3] {
  animation: cardMoveOutside-531c1ec3 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-531c1ec3 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-531c1ec3 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-531c1ec3 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-531c1ec3], .fade-leave-to[data-v-531c1ec3] {
  opacity: 0;
}

.fade-enter-active[data-v-531c1ec3], .fade-leave-active[data-v-531c1ec3] {
  transition: opacity 0.5s;
}

@keyframes slide-up-531c1ec3 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-531c1ec3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-531c1ec3] {
  animation: ipad-slide-531c1ec3 0.4s ease;
}

.ipad-slide-leave-active[data-v-531c1ec3] {
  animation: ipad-slide-531c1ec3 0.4s ease reverse;
}

@keyframes ipad-slide-531c1ec3 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-531c1ec3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.picker-window .content[data-v-531c1ec3], .picker[data-v-531c1ec3] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-531c1ec3] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-531c1ec3] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-531c1ec3] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-531c1ec3] {
  display: flex;
}

.justify-start[data-v-531c1ec3] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-531c1ec3] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-531c1ec3] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-531c1ec3] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-531c1ec3] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-531c1ec3] {
  display: flex;
  align-items: center;
}

.align-end[data-v-531c1ec3] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-531c1ec3] {
  width: 100%;
}

.full-height[data-v-531c1ec3] {
  height: 100%;
}

.picture-handler[data-v-531c1ec3] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-531c1ec3] {
  border: 1px solid red;
}

.picker[data-v-531c1ec3] {
  width: 8.3333333333vh;
  min-height: 3.7962962963vh;
  cursor: pointer;
  margin-top: 0.7407407407vh;
  position: relative;
}

.picker.reversed .picker-window[data-v-531c1ec3] {
  right: calc(100% + 0.92593vh);
}

.picker:not(.reversed) .picker-window[data-v-531c1ec3] {
  left: calc(100% + 0.92593vh);
}

.picker__icon-picker[data-v-531c1ec3] {
  position: absolute;
  right: 0.462962963vh;
  top: 0.462962963vh;
}

.picker__icon-picker[data-v-531c1ec3], .picker__icon-tick[data-v-531c1ec3] {
  width: 1.2037037037vh;
  height: 1.2037037037vh;
  mix-blend-mode: difference;
  pointer-events: none;
}

.picker-window[data-v-531c1ec3] {
  position: absolute;
}

.picker-window .triangle[data-v-531c1ec3] {
  width: 1.3888888889vh;
  height: 2.7777777778vh;
  transform: translateX(0.1388888889vh);
  position: relative;
  z-index: 2;
}

.picker-window .content[data-v-531c1ec3] {
  width: 23.1481481481vh;
  cursor: default;
  z-index: 1;
  position: relative;
  transform-origin: left center;
}

.picker-window .content .picker-wrapper[data-v-531c1ec3], .picker-window .content .picker-wrapper[data-v-531c1ec3] .vc-colorpicker {
  width: 100%;
}

.picker-window .content .picker-wrapper[data-v-531c1ec3] .vc-colorpicker .vc-display {
  display: none;
}

.picker-window .content .picker-wrapper[data-v-531c1ec3] .vc-colorpicker .chrome-sliders {
  margin-left: 0;
}

.picker-window .content .picker-wrapper[data-v-531c1ec3] .vc-colorpicker .vc-hue-slider.small-slider {
  margin-bottom: 0;
}

.picker-window .content .close-block[data-v-531c1ec3] {
  display: flex;
  position: absolute;
  top: 0.6481481481vh;
  right: 0.6481481481vh;
  width: 0.7407407407vh;
  height: 0.7407407407vh;
  cursor: pointer;
  z-index: 10000;
}

.picker-window .content .close-block svg[data-v-531c1ec3] {
  width: inherit;
  height: inherit;
}

.picker-window .content .close-block svg[data-v-531c1ec3] path {
  stroke: #000;
}

.row-block[data-v-531e880c] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-531e880c] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-531e880c] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-531e880c] {
  display: flex;
}

.justify-start[data-v-531e880c] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-531e880c] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-531e880c] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-531e880c] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-531e880c] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-531e880c] {
  display: flex;
  align-items: center;
}

.align-end[data-v-531e880c] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-531e880c] {
  width: 100%;
}

.full-height[data-v-531e880c] {
  height: 100%;
}

.picture-handler[data-v-531e880c] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-531e880c] {
  border: 1px solid red;
}

.fade-up-animation[data-v-531e880c] {
  animation: fadeOutUp-531e880c 1s ease;
}

.fade-down-animation[data-v-531e880c] {
  animation: fadeOutDown-531e880c 1s ease;
}

@keyframes fadeOutUp-531e880c {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-531e880c {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-531e880c] {
  animation: logotype-531e880c 0.5s ease;
}

.logotype-leave-active[data-v-531e880c] {
  animation: logotype-531e880c 0.5s ease reverse;
}

@keyframes logotype-531e880c {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-531e880c] {
  animation: cardMoveInside-531e880c ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-531e880c] {
  animation: cardMoveOutside-531e880c ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-531e880c {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-531e880c {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-531e880c {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-531e880c], .fade-leave-to[data-v-531e880c] {
  opacity: 0;
}

.fade-enter-active[data-v-531e880c], .fade-leave-active[data-v-531e880c] {
  transition: opacity 0.5s;
}

@keyframes slide-up-531e880c {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-531e880c {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-531e880c] {
  animation: ipad-slide-531e880c 0.4s ease;
}

.ipad-slide-leave-active[data-v-531e880c] {
  animation: ipad-slide-531e880c 0.4s ease reverse;
}

@keyframes ipad-slide-531e880c {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-531e880c {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-531e880c], .local-fade-leave-to[data-v-531e880c] {
  opacity: 0;
}

.local-fade-enter-active[data-v-531e880c], .local-fade-leave-active[data-v-531e880c] {
  transition: opacity 0.2s;
}

.main-select[data-v-531e880c] {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.main-select .main-option[data-v-531e880c] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8703703704vh;
  margin-left: 1.9444444444vh;
}

.main-select .main-option .drop-arrow[data-v-531e880c] {
  position: absolute;
  right: 2.8703703704vh;
  top: 0;
  height: 100%;
  transition: transform 0.2s ease;
}

.main-select.rotated .drop-arrow[data-v-531e880c] {
  transform: rotate(180deg);
}

.main-select .list-select-main[data-v-531e880c] {
  width: 100%;
  position: absolute;
  top: 100%;
  overflow: hidden;
}

main .view-board .ipad .ipad-pages .page[data-v-90f98928], main .view-board .ipad .ipad-pages[data-v-90f98928], main .view-board .logo-preview[data-v-90f98928] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-90f98928] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-90f98928] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-90f98928] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-90f98928] {
  display: flex;
}

.justify-start[data-v-90f98928] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-90f98928] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-90f98928] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-90f98928] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-90f98928] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-90f98928] {
  display: flex;
  align-items: center;
}

.align-end[data-v-90f98928] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-90f98928] {
  width: 100%;
}

.full-height[data-v-90f98928] {
  height: 100%;
}

.picture-handler[data-v-90f98928] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-90f98928] {
  border: 1px solid red;
}

.fade-up-animation[data-v-90f98928] {
  animation: fadeOutUp-90f98928 1s ease;
}

.fade-down-animation[data-v-90f98928] {
  animation: fadeOutDown-90f98928 1s ease;
}

@keyframes fadeOutUp-90f98928 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-90f98928 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-90f98928] {
  animation: logotype-90f98928 0.5s ease;
}

.logotype-leave-active[data-v-90f98928] {
  animation: logotype-90f98928 0.5s ease reverse;
}

@keyframes logotype-90f98928 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-90f98928] {
  animation: cardMoveInside-90f98928 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-90f98928] {
  animation: cardMoveOutside-90f98928 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-90f98928 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-90f98928 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-90f98928 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-90f98928], .fade-leave-to[data-v-90f98928] {
  opacity: 0;
}

.fade-enter-active[data-v-90f98928], .fade-leave-active[data-v-90f98928] {
  transition: opacity 0.5s;
}

@keyframes slide-up-90f98928 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-90f98928 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-90f98928] {
  animation: ipad-slide-90f98928 0.4s ease;
}

.ipad-slide-leave-active[data-v-90f98928] {
  animation: ipad-slide-90f98928 0.4s ease reverse;
}

@keyframes ipad-slide-90f98928 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-90f98928 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
main[data-v-90f98928] {
  padding: 2.7777777778vh 4.6296296296vh;
}

main .input-container__label[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
}

main .input-container .input-block[data-v-90f98928] {
  min-height: 3.7962962963vh;
  margin-top: 0.7407407407vh;
  padding: 0 1.2962962963vh 0 1.4814814815vh;
}

main .input-container .input-block__input[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  border: none;
  background-color: transparent;
}

main .input-container .input-block__picture[data-v-90f98928] {
  width: 1.2037037037vh;
  height: 1.2037037037vh;
  margin-left: 0.9259259259vh;
}

main .input-container.name[data-v-90f98928] {
  width: 31.0185185185vh;
}

main .input-container.tag[data-v-90f98928] {
  width: 13.8888888889vh;
}

main .params[data-v-90f98928] {
  margin-top: 2.3148148148vh;
  z-index: 5;
  position: relative;
}

main .params .param__title[data-v-90f98928] {
  white-space: nowrap;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
}

main .params .param.color-picker[data-v-90f98928] {
  z-index: 2;
}

main .params .param.style-selector[data-v-90f98928] {
  margin-left: 1.3888888889vh;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] {
  margin-top: 0.7407407407vh;
}

main .params .param.style-selector .ipad-style-selector.rotated[data-v-90f98928] .main-option {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] .main-option {
  width: 11.1111111111vh;
  height: 3.7962962963vh;
  margin-left: 0;
  display: flex;
  align-items: center;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] .main-option .ipad-style-selector__value {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  padding-left: 1.4814814815vh;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] .main-option .drop-arrow {
  right: 1.3888888889vh;
  width: 0.9259259259vh;
  height: 0.462962963vh;
  top: auto;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] .list-select-main {
  border-bottom-left-radius: 0.2777777778vh;
  border-bottom-right-radius: 0.2777777778vh;
}

main .params .param.style-selector .ipad-style-selector[data-v-90f98928] .list-select-main .list-item {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  display: flex;
  align-items: center;
  min-height: 3.7962962963vh;
  padding-left: 1.4814814815vh;
}

main .params .param.style-selector .special-list[data-v-90f98928] {
  width: 11.1111111111vh;
  margin-top: 0.7407407407vh;
  cursor: pointer;
  position: relative;
}

main .params .param.style-selector .special-list.active .list-header__icon[data-v-90f98928] {
  transform: rotate(180deg);
}

main .params .param.style-selector .special-list.active .list-header[data-v-90f98928] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

main .params .param.style-selector .special-list .list-header[data-v-90f98928] {
  min-height: 3.7962962963vh;
  width: inherit;
  padding: 0 1.3888888889vh;
}

main .params .param.style-selector .special-list .list-header[data-v-90f98928], main .params .param.style-selector .special-list .list-header__title[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
}

main .params .param.style-selector .special-list .list-header__icon[data-v-90f98928] {
  width: 0.9259259259vh;
  height: 0.462962963vh;
  position: absolute;
  right: 1.3888888889vh;
  transition: transform 0.2s ease;
}

main .params .param.style-selector .special-list .list-header .selected-color[data-v-90f98928] {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
}

main .params .param.style-selector .special-list .list[data-v-90f98928] {
  height: 13.3333333333vh;
  max-height: 13.3333333333vh;
  position: absolute;
  top: 100%;
  flex-wrap: wrap;
  padding: 0.9259259259vh 0 0.9259259259vh 0.9259259259vh;
  transform: translateY(-0.0925925926vh);
  overflow: auto;
}

main .params .param.style-selector .special-list .list .color[data-v-90f98928] {
  width: 1.4814814815vh;
  height: 1.4814814815vh;
  margin-right: 0.462962963vh;
  margin-top: 0.462962963vh;
}

main .params .param.style-selector .special-list .list .color[data-v-90f98928]:first-child, main .params .param.style-selector .special-list .list .color[data-v-90f98928]:nth-child(2), main .params .param.style-selector .special-list .list .color[data-v-90f98928]:nth-child(3), main .params .param.style-selector .special-list .list .color[data-v-90f98928]:nth-child(4), main .params .param.style-selector .special-list .list .color[data-v-90f98928]:nth-child(5) {
  margin-top: 0;
}

main .params .param.style-selector .special-list .list .color[data-v-90f98928]:nth-child(5n) {
  margin-right: 0;
}

main .params .param.logo-uploader[data-v-90f98928] {
  margin-left: 1.3888888889vh;
  overflow: hidden;
}

main .params .param.logo-uploader input[data-v-90f98928] {
  display: none;
}

main .params .param.logo-uploader .logo-uploader__title[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fff;
  width: 11.5740740741vh;
  height: 3.7962962963vh;
  margin-top: 0.7407407407vh;
  cursor: pointer;
  transition: background-color 0.2s ease;
  padding-left: 0.9259259259vh;
}

main .view-board[data-v-90f98928] {
  height: 14.1666666667vh;
  margin-top: 2.3148148148vh;
  position: relative;
}

main .view-board .ipad[data-v-90f98928] {
  width: 30.5555555556vh;
  height: 12.7777777778vh;
  border-top-left-radius: 0.462962963vh;
  border-top-right-radius: 0.462962963vh;
  margin-left: 1.8518518519vh;
  overflow: hidden;
}

main .view-board .ipad header[data-v-90f98928] {
  min-height: 3.6111111111vh;
  padding: 0 0.9259259259vh 0 1.8518518519vh;
}

main .view-board .ipad header .header__icon-hub[data-v-90f98928] {
  width: 1.0185185185vh;
  height: 1.0185185185vh;
}

main .view-board .ipad header .header__icon-logo[data-v-90f98928] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

main .view-board .ipad header .header__icon-close[data-v-90f98928] {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
  margin-left: 0.7407407407vh;
}

main .view-board .ipad header .header-title[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
  margin-left: 0.5555555556vh;
}

main .view-board .ipad header .user-data[data-v-90f98928] {
  margin-right: 0.7407407407vh;
}

main .view-board .ipad header .user-data__text-login[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.5555555556vh;
}

main .view-board .ipad header .user-data__text-rank[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.3703703704vh;
}

main .view-board .ipad .ipad-pages .page[data-v-90f98928] {
  width: 8.8888888889vh;
  height: 6.6666666667vh;
}

main .view-board .ipad .ipad-pages .page-icon[data-v-90f98928] {
  width: 2.7777777778vh;
  height: 2.7777777778vh;
}

main .view-board .ipad .ipad-pages .page__title[data-v-90f98928] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.6481481481vh;
  margin-top: 0.9259259259vh;
}

main .view-board .logo-preview[data-v-90f98928] {
  width: 10.1851851852vh;
  height: 10.1851851852vh;
  border-radius: 50%;
  margin-left: 1.8518518519vh;
}

main .view-board .logo-preview__picture[data-v-90f98928] {
  width: 100%;
  height: 100%;
}

main .view-board .logo-preview__default .logo-preview__picture[data-v-90f98928] {
  width: 3.7037037037vh;
  height: 3.7037037037vh;
  opacity: 0.2;
}

.create-family .main-content .selectHeadquarters[data-v-f179c44e], .create-family .main-content footer .next-step[data-v-f179c44e], .create-family[data-v-f179c44e] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.create-family[data-v-f179c44e] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-f179c44e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-f179c44e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-f179c44e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-f179c44e] {
  display: flex;
}

.justify-start[data-v-f179c44e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-f179c44e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-f179c44e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-f179c44e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-f179c44e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-f179c44e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-f179c44e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-f179c44e] {
  width: 100%;
}

.full-height[data-v-f179c44e] {
  height: 100%;
}

.picture-handler[data-v-f179c44e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-f179c44e] {
  border: 1px solid red;
}

.fade-up-animation[data-v-f179c44e] {
  animation: fadeOutUp-f179c44e 1s ease;
}

.fade-down-animation[data-v-f179c44e] {
  animation: fadeOutDown-f179c44e 1s ease;
}

@keyframes fadeOutUp-f179c44e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-f179c44e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-f179c44e] {
  animation: logotype-f179c44e 0.5s ease;
}

.logotype-leave-active[data-v-f179c44e] {
  animation: logotype-f179c44e 0.5s ease reverse;
}

@keyframes logotype-f179c44e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-f179c44e] {
  animation: cardMoveInside-f179c44e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-f179c44e] {
  animation: cardMoveOutside-f179c44e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-f179c44e {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-f179c44e {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-f179c44e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-f179c44e], .fade-leave-to[data-v-f179c44e] {
  opacity: 0;
}

.fade-enter-active[data-v-f179c44e], .fade-leave-active[data-v-f179c44e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-f179c44e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-f179c44e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-f179c44e] {
  animation: ipad-slide-f179c44e 0.4s ease;
}

.ipad-slide-leave-active[data-v-f179c44e] {
  animation: ipad-slide-f179c44e 0.4s ease reverse;
}

@keyframes ipad-slide-f179c44e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-f179c44e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-slide-enter-from[data-v-f179c44e], .local-slide-leave-to[data-v-f179c44e] {
  opacity: 0;
}

.local-slide-enter-active[data-v-f179c44e], .local-slide-leave-active[data-v-f179c44e] {
  transition: opacity 0.2s;
}

.loading[data-v-f179c44e] {
  border-radius: 1.1111111111vh;
}

.create-family__selector[data-v-f179c44e] {
  position: absolute;
  width: 100%;
  height: 100%;
}

.create-family__selector .selector__buttons[data-v-f179c44e] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.3148148148vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.3148148148vh;
}

.create-family__selector .selector__buttons__row[data-v-f179c44e] {
  display: flex;
  justify-content: center;
  gap: 1.8518518519vh;
}

.create-family__selector .selector__buttons__row .button[data-v-f179c44e] {
  width: 6.9444444444vh;
  height: 6.9444444444vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: hsla(0, 0%, 7%, 0.5);
  transition: background-color 0.2s ease-in-out;
}

.create-family__selector .selector__buttons__row .button svg[data-v-f179c44e] {
  width: 2.3148148148vh;
  height: 2.3148148148vh;
}

.create-family__selector .selector__buttons__row .button svg[data-v-f179c44e] path {
  transition: all 0.2s ease-in-out;
  fill: #fff;
}

.create-family__selector .selector__buttons__row .button.active[data-v-f179c44e], .create-family__selector .selector__buttons__row .button[data-v-f179c44e]:hover {
  background-color: #456dcb;
}

.create-family__selector .selector__buttons__text[data-v-f179c44e] {
  display: flex;
  align-items: center;
  gap: 0.9259259259vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #f9f9f9;
  text-shadow: 0 0.2777777778vh 0.5555555556vh rgba(0, 0, 0, 0.16);
}

.create-family__selector .selector__buttons__text[data-v-f179c44e] .key-button {
  padding: 0.462962963vh 0.9259259259vh;
  background-color: hsla(0, 0%, 100%, 0.95);
  color: #111;
  border-radius: 0.2777777778vh;
  box-shadow: 0 0.2777777778vh 0.5555555556vh rgba(0, 0, 0, 0.16);
  text-shadow: none;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
}

.create-family__selector .selector__modal[data-v-f179c44e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(5.0925925926vh, -50%);
  width: 41.9444444444vh;
  padding: 2.7777777778vh;
  background-color: hsla(0, 0%, 100%, 0.98);
  box-shadow: 0 0.2777777778vh 1.1111111111vh rgba(0, 0, 0, 0.5);
  border-radius: 0.7407407407vh;
}

.create-family__selector .selector__modal .mc-svg[data-v-f179c44e] {
  width: 1.2962962963vh;
  max-width: 1.2962962963vh;
  min-width: 1.2962962963vh;
  height: 1.2962962963vh;
  max-height: 1.2962962963vh;
  min-height: 1.2962962963vh;
  margin-bottom: -0.1851851852vh;
  margin-left: 0.1851851852vh;
  margin-right: 0.1851851852vh;
}

.create-family__selector .selector__modal .close-block[data-v-f179c44e] {
  z-index: 3;
  position: absolute;
  top: 1.8518518519vh;
  right: 1.8518518519vh;
  width: 2.2222222222vh;
  height: 2.2222222222vh;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3703703704vh;
  background-color: #f3f3f3;
  border: 1px solid #d9d9d9;
}

.create-family__selector .selector__modal .close-block svg[data-v-f179c44e] {
  width: 0.9259259259vh;
  height: 0.9259259259vh;
}

.create-family__selector .selector__modal .close-block svg[data-v-f179c44e] path {
  transition: all 0.2s ease-in-out;
}

.create-family__selector .selector__modal .close-block[data-v-f179c44e]:hover {
  background-color: #456dcb;
  border: 1px solid #456dcb;
}

.create-family__selector .selector__modal .close-block:hover svg[data-v-f179c44e] path {
  opacity: 1;
  stroke: #fff;
}

.create-family__selector .selector__modal .main-info[data-v-f179c44e] {
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  grid-gap: 1.4814814815vh;
  position: relative;
}

.create-family__selector .selector__modal .main-info__image[data-v-f179c44e] {
  width: 11.7592592593vh;
  max-width: 11.7592592593vh;
  min-width: 11.7592592593vh;
  height: 100%;
  border-radius: 0.7407407407vh;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.create-family__selector .selector__modal .main-info__content[data-v-f179c44e] {
  width: 100%;
  color: #060606;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.create-family__selector .selector__modal .main-info__content .content__title[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
}

.create-family__selector .selector__modal .main-info__content .content__address[data-v-f179c44e] {
  margin-top: 1.0185185185vh;
  opacity: 0.75;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.create-family__selector .selector__modal .main-info__content .content__rows[data-v-f179c44e] {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vh;
  margin-top: 2.1296296296vh;
}

.create-family__selector .selector__modal .main-info__content .content__rows .row[data-v-f179c44e] {
  display: flex;
}

.create-family__selector .selector__modal .main-info__content .content__rows .row__label[data-v-f179c44e] {
  opacity: 0.5;
}

.create-family__selector .selector__modal .main-info__content .content__rows .row__label.next[data-v-f179c44e] {
  margin-left: 1.2962962963vh;
}

.create-family__selector .selector__modal .main-info__content .content__rows .row__value[data-v-f179c44e] {
  margin-left: 0.5555555556vh;
  opacity: 1;
}

.create-family__selector .selector__modal .main-buttons[data-v-f179c44e] {
  margin-top: 2.7777777778vh;
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}

.create-family__selector .selector__modal .main-buttons .button[data-v-f179c44e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8148148148vh;
  background-color: rgba(6, 6, 6, 0.08);
  color: rgba(6, 6, 6, 0.5);
  border-radius: 0.5555555556vh;
  transition: all 0.2s ease-in-out;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.create-family__selector .selector__modal .main-buttons .button:hover.next[data-v-f179c44e] {
  color: #fff;
  background-color: #456dcb;
}

.create-family__selector .selector__modal .main-buttons .button:hover.close[data-v-f179c44e] {
  color: #060606;
  background-color: rgba(6, 6, 6, 0.15);
}

.create-family .main-content[data-v-f179c44e] {
  width: 55.5555555556vh;
  background-color: #fff;
  position: relative;
  border-radius: 1.1111111111vh;
}

.create-family .main-content header[data-v-f179c44e] {
  min-height: 9.2592592593vh;
  border-bottom: 0.0925925926vh solid rgba(0, 0, 0, 0.15);
  padding: 2.7777777778vh 4.6296296296vh 2.037037037vh 4.6296296296vh;
}

.create-family .main-content header .header__title[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.037037037vh;
  line-height: 2.5vh;
  color: #456dcb;
  text-transform: uppercase;
}

.create-family .main-content header .header__subtitle[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  margin-top: 0.6481481481vh;
}

.create-family .main-content header .header__step[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #fbfbfb;
  padding: 0.462962963vh 0.9259259259vh;
  background-color: #456dcb;
  border-radius: 0.2777777778vh;
  position: absolute;
  top: 2.7777777778vh;
  right: 4.2592592593vh;
}

.create-family .main-content .selectHeadquarters[data-v-f179c44e] {
  display: flex;
  flex-direction: column;
  gap: 1.8518518519vh;
  padding: 2.7777777778vh 4.6296296296vh;
}

.create-family .main-content .selectHeadquarters__card[data-v-f179c44e] {
  width: 100%;
  padding: 2.3148148148vh;
  border-radius: 1.1111111111vh;
  background-color: rgba(6, 6, 6, 0.05);
  transition: all 0.2s ease-in-out;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.create-family .main-content .selectHeadquarters__card .card__main-content[data-v-f179c44e] {
  display: flex;
  height: 9.7222222222vh;
  gap: 2.3148148148vh;
  position: relative;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__image[data-v-f179c44e] {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(6, 6, 6, 0.05);
  width: 9.7222222222vh;
  max-width: 9.7222222222vh;
  min-width: 9.7222222222vh;
  height: 9.7222222222vh;
  max-height: 9.7222222222vh;
  min-height: 9.7222222222vh;
  border-radius: 50%;
  overflow: hidden;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__image svg[data-v-f179c44e] {
  height: 2.6851851852vh;
  width: 2.6851851852vh;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows[data-v-f179c44e] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__title[data-v-f179c44e] {
  color: #000;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__content[data-v-f179c44e] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 1.0185185185vh;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__content__row[data-v-f179c44e] {
  display: flex;
  justify-content: space-between;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  line-height: 1.2962962963vh;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__content__row__label[data-v-f179c44e] {
  color: rgba(0, 0, 0, 0.5);
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__content__row__value[data-v-f179c44e] {
  color: #000;
}

.create-family .main-content .selectHeadquarters__card .card__main-content__rows .rows__content__row svg[data-v-f179c44e] {
  margin-left: 0.1851851852vh;
  margin-right: 0.1851851852vh;
  margin-bottom: -0.2777777778vh;
  width: 1.2962962963vh;
  height: 1.2962962963vh;
}

.create-family .main-content .selectHeadquarters__card .card__additional-content[data-v-f179c44e] {
  margin-top: 2.3148148148vh;
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  line-height: 1.5740740741vh;
  color: rgba(0, 0, 0, 0.5);
}

.create-family .main-content .selectHeadquarters__card .card__additional-content .additional-content__row[data-v-f179c44e] .highlighted {
  color: #000;
}

.create-family .main-content .selectHeadquarters__card[data-v-f179c44e]:hover {
  background-color: rgba(6, 6, 6, 0.08);
}

.create-family .main-content .selectHeadquarters__card .office-icon[data-v-f179c44e] g {
  transition: all 0.2s ease-in-out;
  fill: #000;
  opacity: 0.25;
}

.create-family .main-content .selectHeadquarters__card.active[data-v-f179c44e] {
  background-color: #456dcb;
}

.create-family .main-content .selectHeadquarters__card.active .office-icon[data-v-f179c44e] g {
  fill: #fff;
  opacity: 0.5;
}

.create-family .main-content .selectHeadquarters__card.active .card__main-content__image[data-v-f179c44e] {
  background-color: hsla(0, 0%, 100%, 0.1);
}

.create-family .main-content .selectHeadquarters__card.active .rows__title[data-v-f179c44e] {
  color: #fff;
}

.create-family .main-content .selectHeadquarters__card.active .rows__content__row__label[data-v-f179c44e] {
  color: hsla(0, 0%, 100%, 0.5);
}

.create-family .main-content .selectHeadquarters__card.active .additional-content__row[data-v-f179c44e], .create-family .main-content .selectHeadquarters__card.active .additional-content__row[data-v-f179c44e] .highlighted, .create-family .main-content .selectHeadquarters__card.active .rows__content__row__value[data-v-f179c44e] {
  color: #fff;
}

.create-family .main-content .selectHeadquarters__card.active .rows__content__row svg[data-v-f179c44e] .mc-circle {
  fill: #fff;
}

.create-family .main-content .selectHeadquarters__card.active .rows__content__row svg[data-v-f179c44e] .mc-path {
  fill: #456dcb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .input-container__label {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
  color: hsla(0, 0%, 6%, 0.75);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .input-container .input-block {
  border-radius: 0.2777777778vh;
  background-color: #fbfbfb;
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .input-container .input-block__input {
  color: #0f0f0f;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .input-container .input-block__picture {
  fill: #456dcb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param__title {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1111111111vh;
  color: hsla(0, 0%, 6%, 0.75);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.color-picker .picker {
  border-radius: 0.2777777778vh;
  background-color: #fbfbfb;
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.color-picker .picker__icon-tick {
  fill: #4b4b4b;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector.active .main-option {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .main-option {
  border-radius: 0.2777777778vh;
  background-color: #fbfbfb;
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .main-option .ipad-style-selector__value {
  color: hsla(0, 0%, 6%, 0.5);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .main-option .drop-arrow {
  fill: hsla(0, 0%, 6%, 0.75);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .list-select-main {
  background-color: #fbfbfb;
  border: 0.0925925926vh solid #ebebeb;
  border-top: none;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .list-select-main .list-item {
  color: hsla(0, 0%, 6%, 0.5);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .ipad-style-selector .list-select-main .list-item.active {
  background-color: #fff;
  color: #0f0f0f;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list-header {
  border-radius: 0.2777777778vh;
  background-color: #fbfbfb;
  color: hsla(0, 0%, 6%, 0.5);
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list-header.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list-header__title {
  color: hsla(0, 0%, 6%, 0.5);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list-header__icon {
  fill: hsla(0, 0%, 6%, 0.75);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list-header .selected-color {
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list {
  background-color: #fbfbfb;
  border: 0.0925925926vh solid #ebebeb;
  border-bottom-right-radius: 0.2777777778vh;
  border-bottom-left-radius: 0.2777777778vh;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list::-webkit-scrollbar {
  width: 0.2777777778vh;
  background-color: #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.style-selector .special-list .list .color {
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.logo-uploader .logo-uploader__title {
  color: #fff;
  background-color: #456dcb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  border-radius: 0.2777777778vh;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.logo-uploader .logo-uploader__title:hover {
  background-color: #3e62b6;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .params .param.logo-uploader.file-uploaded .logo-uploader__title {
  background-color: #fbfbfb;
  color: #000;
  border: 0.0925925926vh solid #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board {
  background-color: #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.black {
  background-color: #060606;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.black header {
  border-bottom: 0.0925925926vh solid #1e1e1e;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.black .ipad-pages .page__title, .create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.black header .user-data__text-login, .create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.black header .user-data__text-rank {
  color: #fff;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white {
  background-color: #f5f5f5;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header {
  border-bottom: 0.0925925926vh solid #fff;
  background-color: #fff;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header .header__icon-hub {
  fill: var(--picked-color);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header .header__icon-logo {
  fill: #060606;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header .header__icon-close :deep(circle) {
  fill: hsla(0, 0%, 100%, 0.05);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header .header__icon-close :deep(path) {
  fill: var(--picked-color);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white .user-data__text-login, .create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white .user-data__text-rank, .create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad.white header .header-title {
  color: #060606;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad header .header__icon-hub {
  fill: var(--picked-color);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad header .header__icon-logo {
  fill: #ebebeb;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad header .header__icon-close circle {
  fill: hsla(0, 0%, 100%, 0.05);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad header .header__icon-close path {
  fill: var(--picked-color);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad header .header-title {
  color: #fff;
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .ipad .ipad-pages .page-icon {
  fill: var(--picked-color);
}

.create-family .main-content[data-v-f179c44e] .family-editor-content .view-board .logo-preview__default {
  background-color: rgba(6, 6, 6, 0.05);
}

.create-family .main-content footer[data-v-f179c44e] {
  height: 10.1851851852vh;
  border-top: 0.0925925926vh solid rgba(0, 0, 0, 0.25);
  padding: 1.2962962963vh 4.8148148148vh 0 4.6296296296vh;
}

.create-family .main-content footer .step-container[data-v-f179c44e] {
  position: relative;
  height: 6.2962962963vh;
}

.create-family .main-content footer .step-container__value[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  position: absolute;
  white-space: nowrap;
  color: #000;
}

.create-family .main-content footer .step-container__value .price[data-v-f179c44e] {
  color: #456dcb;
}

.create-family .main-content footer .step-container__text[data-v-f179c44e] {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.5555555556vh;
  position: absolute;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.05);
}

.create-family .main-content footer .next-step[data-v-f179c44e] {
  margin-top: 1.4814814815vh;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5555555556vh;
  width: 13.8888888889vh;
  height: 3.7037037037vh;
  background-color: rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease-in-out;
}

.create-family .main-content footer .next-step[data-v-f179c44e]:hover:not(.inactive) {
  background-color: #456dcb;
  color: #fff;
}
.leaflet-image-layer, .leaflet-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane, .leaflet-pane > canvas, .leaflet-pane > svg, .leaflet-tile, .leaflet-tile-container, .leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::-moz-selection {
  background: transparent;
}

.leaflet-tile::selection {
  background: transparent;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-bottom, .leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-pan-anim .leaflet-tile, .leaflet-zoom-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-control, .leaflet-popup-pane {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

.leaflet-image-layer, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}

.leaflet-image-layer.leaflet-interactive, .leaflet-marker-icon.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: hsla(0, 0%, 100%, 0.5);
}

.leaflet-container {
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:focus, .leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: 700 18px Lucida Console, Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: hsla(0, 0%, 100%, 0.8);
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:focus, .leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: hsla(0, 0%, 100%, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
  box-shadow: none;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fff;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:focus, .leaflet-container a.leaflet-popup-close-button:hover {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);
}

.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before, .leaflet-tooltip-top:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.vc-header.is-lg {
  font-size: var(--vc-text-lg);
}

.vc-header.is-xl {
  font-size: var(--vc-text-xl);
}

.vc-header.is-2xl {
  font-size: var(--vc-text-2xl);
}

.vc-header .vc-next, .vc-header .vc-prev, .vc-header .vc-title {
  display: flex;
  align-items: center;
  grid-row: 1;
  border: 0;
  border-radius: var(--vc-rounded);
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.vc-header .vc-title {
  grid-column: title;
  color: var(--vc-header-title-color);
  font-weight: var(--vc-font-semibold);
  white-space: nowrap;
  padding: 0 8px;
  margin: 0;
  line-height: 30px;
}

.vc-header .vc-title:hover {
  opacity: 0.75;
}

.vc-header .vc-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 28px;
  height: 30px;
  margin: 0;
  padding: 0;
}

.vc-header .vc-arrow:hover {
  background: var(--vc-header-arrow-hover-bg);
}

.vc-header .vc-arrow:disabled {
  opacity: 0.25;
  pointer-events: none;
}

.vc-header .vc-prev {
  grid-column: prev;
}

.vc-header .vc-next {
  grid-column: next;
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}

.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}

.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.vc-day-box-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50%;
}

.vc-day-box-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0 50%;
}

.vc-day-box-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
}

.vc-day-box-center-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.vc-day-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.vc-day-content:hover {
  background-color: var(--vc-day-content-hover-bg);
}

.vc-day-content.vc-disabled {
  color: var(--vc-day-content-disabled-color);
}

.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.vc-highlight {
  width: 28px;
  height: 28px;
}

.vc-highlight.vc-highlight-base-start {
  width: 50% !important;
  border-radius: 0 !important;
  border-right-width: 0 !important;
}

.vc-highlight.vc-highlight-base-end {
  width: 50% !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
}

.vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  margin: 0 -1px;
}

.vc-highlight-bg-none, .vc-highlight-bg-outline {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}

.vc-highlight-content-none, .vc-highlight-content-outline {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}

.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}

.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

.vc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}

.vc-dot:not(:last-child) {
  margin-right: 3px;
}

.vc-bars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
}

.vc-bar {
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}

.vc-dot {
  background-color: var(--vc-dot-bg);
}

.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}

.vc-weeknumber {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.vc-weeknumber.is-left {
  left: calc(var(--vc-weeknumber-offset-inside) * -1);
}

.vc-weeknumber.is-right {
  right: calc(var(--vc-weeknumber-offset-inside) * -1);
}

.vc-weeknumber.is-left-outside {
  left: calc(var(--vc-weeknumber-offset-outside) * -1);
}

.vc-weeknumber.is-right-outside {
  right: calc(var(--vc-weeknumber-offset-outside) * -1);
}

.vc-weeknumber-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vc-weeks {
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}

.vc-weeks.vc-show-weeknumbers-left {
  margin-left: var(--vc-weeknumber-offset-inside);
}

.vc-weeks.vc-show-weeknumbers-right {
  margin-right: var(--vc-weeknumber-offset-inside);
}

.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.vc-week, .vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}

.vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}

.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}

.vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}

.vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}

.vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}

.vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}

.vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}

.vc-popover-caret.direction-bottom {
  top: 0;
}

.vc-popover-caret.direction-bottom.align-left {
  transform: translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-bottom.align-center {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-bottom.align-right {
  transform: translateY(-50%) rotate(45deg);
}

.vc-popover-caret.direction-top {
  top: 100%;
}

.vc-popover-caret.direction-top.align-left {
  transform: translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-top.align-center {
  transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-top.align-right {
  transform: translateY(-50%) rotate(-135deg);
}

.vc-popover-caret.direction-left {
  left: 100%;
}

.vc-popover-caret.direction-left.align-top {
  transform: translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-left.align-middle {
  transform: translateY(-50%) translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-left.align-bottom {
  transform: translateX(-50%) rotate(135deg);
}

.vc-popover-caret.direction-right {
  left: 0;
}

.vc-popover-caret.direction-right.align-top {
  transform: translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.direction-right.align-middle {
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.direction-right.align-bottom {
  transform: translateX(-50%) rotate(-45deg);
}

.vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}

.vc-popover-caret.align-center {
  left: 50%;
}

.vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}

.vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}

.vc-popover-caret.align-middle {
  top: 50%;
}

.vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}

.vc-nav-header {
  display: flex;
  justify-content: space-between;
}

.vc-nav-arrow, .vc-nav-item, .vc-nav-title {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}

.vc-nav-arrow:hover, .vc-nav-item:hover, .vc-nav-title:hover {
  background-color: var(--vc-nav-hover-bg);
}

.vc-nav-arrow:disabled, .vc-nav-item:disabled, .vc-nav-title:disabled {
  opacity: 0.25;
  pointer-events: none;
}

.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}

.vc-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}

.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}

.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}

.vc-nav-item.is-active {
  color: var(--vc-nav-item-active-color);
  background-color: var(--vc-nav-item-active-bg);
  font-weight: var(--vc-font-bold);
}

.vc-nav-item.is-active:not(:focus) {
  box-shadow: var(--vc-nav-item-active-box-shadow);
}

.vc-nav-item.is-current {
  color: var(--vc-nav-item-current-color);
}

.vc-day-popover-row {
  display: flex;
  align-items: center;
  transition: var(--vc-day-content-transition);
}

.vc-day-popover-row-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: 15px;
}

.vc-day-popover-row-indicator span {
  transition: var(--vc-day-content-transition);
}

.vc-day-popover-row-label {
  display: flex;
  align-items: center;
  flex-wrap: none;
  flex-grow: 1;
  width: -moz-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}

.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}

.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}

.vc-pane-container.in-transition {
  overflow: hidden;
}

.vc-pane-layout {
  display: grid;
}

.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}

.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
}

.vc-base-select select {
  color: var(--vc-select-color);
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
  border-radius: var(--vc-rounded);
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 4px;
  margin: 0;
  line-height: var(--leading-none);
  text-indent: 0;
  background-image: none;
  cursor: pointer;
  text-align: center;
}

.vc-base-select select:hover {
  background-color: var(--vc-select-hover-bg);
}

.vc-base-select select.vc-has-icon {
  padding: 0 24px 0 10px;
}

.vc-base-select select.vc-small {
  font-size: var(--vc-text-sm);
}

.vc-base-select select.vc-small.vc-has-icon {
  padding: 0 20px 0 8 px;
}

.vc-base-select select.vc-align-left {
  text-align: left;
}

.vc-base-select select.vc-align-right {
  text-align: right;
}

.vc-base-select .vc-base-icon {
  position: absolute;
  top: 6px;
  right: 4px;
  opacity: 0.6;
  pointer-events: none;
}

.vc-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}

.vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: 0.5;
}

.vc-time-picker.vc-attached {
  border-top: 1px solid var(--vc-time-picker-border);
}

.vc-time-picker > * + * {
  margin-top: 4px;
}

.vc-time-header {
  display: flex;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}

.vc-time-select-group {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}

.vc-time-select-group .vc-base-icon {
  margin-right: 4px;
  color: var(--vc-time-select-group-icon-color);
}

.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}

.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}

.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}

.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}

.vc-time-colon {
  margin: 0 1px 2px 2px;
}

.vc-time-decimal {
  margin: 0 0 0 1px;
}

.vc-none-enter-active, .vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active, .vc-fade-leave-active, .vc-slide-down-enter-active, .vc-slide-down-leave-active, .vc-slide-fade-enter-active, .vc-slide-fade-leave-active, .vc-slide-left-enter-active, .vc-slide-left-leave-active, .vc-slide-right-enter-active, .vc-slide-right-leave-active, .vc-slide-up-enter-active, .vc-slide-up-leave-active {
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing);
  backface-visibility: hidden;
  pointer-events: none;
}

.vc-fade-leave-active, .vc-none-leave-active, .vc-slide-down-leave-active, .vc-slide-left-leave-active, .vc-slide-right-leave-active, .vc-slide-up-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-fade-enter-from, .vc-fade-leave-to, .vc-none-enter-from, .vc-none-leave-to, .vc-slide-down-enter-from, .vc-slide-down-leave-to, .vc-slide-fade-enter-from, .vc-slide-fade-leave-to, .vc-slide-left-enter-from, .vc-slide-left-leave-to, .vc-slide-right-enter-from, .vc-slide-right-leave-to, .vc-slide-up-enter-from, .vc-slide-up-leave-to {
  opacity: 0;
}

.vc-slide-fade-enter-from.direction-left, .vc-slide-fade-leave-to.direction-left, .vc-slide-left-enter-from, .vc-slide-right-leave-to {
  transform: translateX(var(--vc-slide-translate));
}

.vc-slide-fade-enter-from.direction-right, .vc-slide-fade-leave-to.direction-right, .vc-slide-left-leave-to, .vc-slide-right-enter-from {
  transform: translateX(calc(var(--vc-slide-translate) * -1));
}

.vc-slide-down-leave-to, .vc-slide-fade-enter-from.direction-top, .vc-slide-fade-leave-to.direction-top, .vc-slide-up-enter-from {
  transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from, .vc-slide-fade-enter-from.direction-bottom, .vc-slide-fade-leave-to.direction-bottom, .vc-slide-up-leave-to {
  transform: translateY(calc(var(--vc-slide-translate) * -1));
}

:root {
  --vc-white: #fff;
  --vc-black: #000;
  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;
  --vc-font-family: BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;
  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;
  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;
  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;
  --vc-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0,0,0,.06);
  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;
  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px ;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900) ;
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d ;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12 ;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12 ;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d ;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a ;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a ;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81 ;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87 ;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843 ;
}

.vc-focus:focus-within {
  outline: 0;
  box-shadow: var(--vc-focus-ring);
}

.vc-light {
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: rgba(204,214,224,.3);
  --vc-focus-ring: 0 0 0 2px rgba(59,131,246,.4);
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  --vc-weekday-color: var(--vc-gray-500);
  --vc-weeknumber-color: var(--vc-gray-400);
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vg-gray-50);
  --vc-select-hover-bg: var(--vc-gray-100);
  --vc-select-border: var(--vc-gray-300);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400) ;
}

.vc-light .vc-attr, .vc-light.vc-attr {
  --vc-content-color: var(--vc-accent-600);
  --vc-highlight-outline-bg: var(--vc-white);
  --vc-highlight-outline-border: var(--vc-accent-600);
  --vc-highlight-outline-content-color: var(--vc-accent-700);
  --vc-highlight-light-bg: var(--vc-accent-200);
  --vc-highlight-light-content-color: var(--vc-accent-900);
  --vc-highlight-solid-bg: var(--vc-accent-600);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-600);
  --vc-bar-bg: var(--vc-accent-600) ;
}

.vc-dark {
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: rgba(114,129,151,.3);
  --vc-focus-ring: 0 0 0 2px rgba(59,130,246,.7);
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  --vc-weekday-color: var(--vc-accent-200);
  --vc-weeknumber-color: var(--vc-gray-500);
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  --vc-select-border: var(--vc-gray-500);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600) ;
}

.vc-dark .vc-attr, .vc-dark.vc-attr {
  --vc-content-color: var(--vc-accent-500);
  --vc-highlight-outline-bg: var(--vc-gray-900);
  --vc-highlight-outline-border: var(--vc-accent-300);
  --vc-highlight-outline-content-color: var(--vc-accent-200);
  --vc-highlight-light-bg: var(--vc-accent-800);
  --vc-highlight-light-content-color: var(--vc-accent-100);
  --vc-highlight-solid-bg: var(--vc-accent-500);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-500);
  --vc-bar-bg: var(--vc-accent-500) ;
}

.vc-container {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container, .vc-container * {
  box-sizing: border-box;
}

.vc-container :focus, .vc-container:focus {
  outline: none;
}

.vc-container .vc-container {
  border: none;
}

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
  border: 0;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.fade-up-animation {
  animation: fadeOutUp 1s ease;
}

.fade-down-animation {
  animation: fadeOutDown 1s ease;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active {
  animation: logotype 0.5s ease;
}

.logotype-leave-active {
  animation: logotype 0.5s ease reverse;
}

@keyframes logotype {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn {
  animation: cardMoveInside ease forwards;
  animation-duration: 2s;
}

.cardMoveOut {
  animation: cardMoveOutside ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

@keyframes slide-up {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active {
  animation: ipad-slide 0.4s ease;
}

.ipad-slide-leave-active {
  animation: ipad-slide 0.4s ease reverse;
}

@keyframes ipad-slide {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.row-block {
  display: flex;
  flex-direction: row;
}

.row-reverse-block {
  display: flex;
  flex-direction: row-reverse;
}

.column-block {
  display: flex;
  flex-direction: column;
}

.flex-block {
  display: flex;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.align-start {
  display: flex;
  align-content: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.picture-handler {
  display: flex;
  cursor: pointer;
}

.debug {
  border: 1px solid red;
}

*, :after, :before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  line-height: normal;
  outline: none;
}

* input, * textarea, :after input, :after textarea, :before input, :before textarea {
  outline: none;
  resize: none;
}

body, html {
  width: 100%;
  height: 100%;
}

html {
  overflow: hidden;
}

body {
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: inherit;
}

img {
  pointer-events: none;
}

input {
  outline: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}

.cauldron-tooltip {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  background-color: #121213;
  padding: 1.3888888889vh;
  border-radius: 0.5555555556vh;
  color: #fff;
  transform: translateX(-50%) translateY(80%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.vue-recycle-scroller {
  position: relative;
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}

.vue-recycle-scroller.direction-horizontal {
  display: flex;
}

.vue-recycle-scroller__slot {
  flex: auto 0 0;
}

.vue-recycle-scroller__item-wrapper {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}

.resize-observer[data-v-b329ee4c] {
  border: none;
  background-color: transparent;
  opacity: 0;
}

.resize-observer[data-v-b329ee4c], .resize-observer[data-v-b329ee4c] object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
  overflow: hidden;
}

.fade-up-animation[data-v-127ac8ac] {
  animation: fadeOutUp-127ac8ac 1s ease;
}

.fade-down-animation[data-v-127ac8ac] {
  animation: fadeOutDown-127ac8ac 1s ease;
}

@keyframes fadeOutUp-127ac8ac {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-127ac8ac {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-127ac8ac] {
  animation: logotype-127ac8ac 0.5s ease;
}

.logotype-leave-active[data-v-127ac8ac] {
  animation: logotype-127ac8ac 0.5s ease reverse;
}

@keyframes logotype-127ac8ac {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-127ac8ac] {
  animation: cardMoveInside-127ac8ac ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-127ac8ac] {
  animation: cardMoveOutside-127ac8ac ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-127ac8ac {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-127ac8ac {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-127ac8ac {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-127ac8ac], .fade-leave-to[data-v-127ac8ac] {
  opacity: 0;
}

.fade-enter-active[data-v-127ac8ac], .fade-leave-active[data-v-127ac8ac] {
  transition: opacity 0.5s;
}

@keyframes slide-up-127ac8ac {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-127ac8ac {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-127ac8ac] {
  animation: ipad-slide-127ac8ac 0.4s ease;
}

.ipad-slide-leave-active[data-v-127ac8ac] {
  animation: ipad-slide-127ac8ac 0.4s ease reverse;
}

@keyframes ipad-slide-127ac8ac {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-127ac8ac {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.visual-card-cover .payment .close-block[data-v-127ac8ac] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-127ac8ac] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-127ac8ac] {
  display: flex;
}

.justify-start[data-v-127ac8ac] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-127ac8ac] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-127ac8ac] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-127ac8ac] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-127ac8ac] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-127ac8ac] {
  display: flex;
  align-items: center;
}

.align-end[data-v-127ac8ac] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-127ac8ac] {
  width: 100%;
}

.full-height[data-v-127ac8ac] {
  height: 100%;
}

.picture-handler[data-v-127ac8ac] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-127ac8ac] {
  border: 1px solid red;
}

.visual-card.premium[data-v-127ac8ac] {
  background: #000;
}

.visual-card.standart[data-v-127ac8ac] {
  background: #127b26;
}

.visual-card.vip[data-v-127ac8ac] {
  background: #988349;
}

.visual-card[data-v-127ac8ac] {
  height: 7.8125rem;
  width: 13.5rem;
  border-radius: 0.4375rem;
  overflow: hidden;
  position: relative;
}

.visual-card .card-companies[data-v-127ac8ac] {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.3125rem;
}

.visual-card .card-companies .fleeca[data-v-127ac8ac] {
  margin-left: 1rem;
  width: 3.75rem;
}

.visual-card .card-companies .visa[data-v-127ac8ac] {
  margin-right: 1rem;
}

.visual-card .card-number-box[data-v-127ac8ac] {
  display: inline-flex;
  margin-top: 1rem;
  margin-left: 1rem;
  letter-spacing: 0.0625rem;
  margin-bottom: 0.6875rem;
}

.visual-card .card-number-box .card-number[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.5rem;
  letter-spacing: 0.125rem;
  color: #fff;
  margin-left: 0.5rem;
}

.visual-card .card-info_container[data-v-127ac8ac] {
  display: flex;
  flex-direction: column;
}

.visual-card .card-info_container .card-info-titles[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.5rem;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  color: hsla(0, 0%, 100%, 0.5);
}

.visual-card .card-info_container .card-info-titles .card-owner-title[data-v-127ac8ac] {
  margin-left: 1rem;
}

.visual-card .card-info_container .card-info-titles .validity[data-v-127ac8ac] {
  margin-right: 1rem;
}

.visual-card .card-info_container .card-owner-info[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.6875rem;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  bottom: 0.125rem;
  color: #fff;
}

.visual-card .card-info_container .card-owner-info .owner-name[data-v-127ac8ac] {
  margin-left: 1rem;
}

.visual-card .card-info_container .card-owner-info .validity-time[data-v-127ac8ac] {
  margin-right: 1rem;
}

.visual-card-cover[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.visual-card-cover .payment[data-v-127ac8ac] {
  position: relative;
  width: 30.875rem;
  height: 18.0625rem;
  border-radius: 0.625rem;
}

.visual-card-cover .payment .card-content[data-v-127ac8ac] {
  position: relative;
}

.visual-card-cover .payment .card-companies[data-v-127ac8ac] {
  position: relative;
  padding: 2.375rem 1.9375rem 0 1.9375rem;
}

.visual-card-cover .payment .card-companies .fleeca[data-v-127ac8ac] {
  width: 8.8125rem;
  margin: 0;
}

.visual-card-cover .payment .card-companies .card-type[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.5625rem;
  color: #fff;
  text-transform: capitalize;
}

.visual-card-cover .payment .close-block[data-v-127ac8ac] {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.visual-card-cover .payment .close-block svg[data-v-127ac8ac] {
  width: 1.125rem;
  height: 1.125rem;
}

.visual-card-cover .payment .close-block[data-v-127ac8ac]:active {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.visual-card-cover .payment .card-number-box[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  margin-left: 1.9375rem;
  margin-top: 2.25rem;
}

.visual-card-cover .payment .card-number-box .card-chip[data-v-127ac8ac] {
  width: 2.5rem;
}

.visual-card-cover .payment .card-number-box .card-number[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3125rem;
  letter-spacing: 0.6875rem;
  margin-left: 0.875rem;
}

.visual-card-cover .payment .card-number-box .NFC[data-v-127ac8ac] {
  margin-top: -_rem(40px);
  margin-left: 0.6875rem;
  width: 1rem;
}

.visual-card-cover .payment .card-number-box .card-code[data-v-127ac8ac] {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  right: 1.9375rem;
}

.visual-card-cover .payment .card-number-box .card-code__title[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.0625rem;
  margin-bottom: 0.3125rem;
  color: hsla(0, 0%, 100%, 0.5);
}

.visual-card-cover .payment .card-number-box .card-code__input[data-v-127ac8ac] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5625rem;
  width: 7.0625rem;
  height: 1.9375rem;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  color: #fff;
  letter-spacing: 0.6875rem;
  text-align: center;
  border: none;
  border-radius: 0.1875rem;
  padding-left: 0.6875rem;
  outline: none;
}

.visual-card-cover .payment .card-info-titles[data-v-127ac8ac] {
  margin-top: 1.75rem;
  font-size: 1.3125rem;
}

.visual-card-cover .payment .card-info-titles .card-owner-title[data-v-127ac8ac] {
  margin-left: 1.9375rem;
}

.visual-card-cover .payment .card-info-titles .validity[data-v-127ac8ac] {
  margin-right: 1.9375rem;
}

.visual-card-cover .payment .card-owner-info[data-v-127ac8ac] {
  font-size: 1.5625rem;
}

.visual-card-cover .payment .card-owner-info .owner-name[data-v-127ac8ac] {
  margin-left: 1.9375rem;
}

.visual-card-cover .payment .card-owner-info .validity-time[data-v-127ac8ac] {
  margin-right: 1.9375rem;
}

.card-mask[data-v-127ac8ac] {
  pointer-events: none;
  height: inherit;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.fade-up-animation[data-v-65f8d482] {
  animation: fadeOutUp-65f8d482 1s ease;
}

.fade-down-animation[data-v-65f8d482] {
  animation: fadeOutDown-65f8d482 1s ease;
}

@keyframes fadeOutUp-65f8d482 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-65f8d482 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-65f8d482] {
  animation: logotype-65f8d482 0.5s ease;
}

.logotype-leave-active[data-v-65f8d482] {
  animation: logotype-65f8d482 0.5s ease reverse;
}

@keyframes logotype-65f8d482 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-65f8d482] {
  animation: cardMoveInside-65f8d482 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-65f8d482] {
  animation: cardMoveOutside-65f8d482 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-65f8d482 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-65f8d482 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-65f8d482 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-65f8d482], .fade-leave-to[data-v-65f8d482] {
  opacity: 0;
}

.fade-enter-active[data-v-65f8d482], .fade-leave-active[data-v-65f8d482] {
  transition: opacity 0.5s;
}

@keyframes slide-up-65f8d482 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-65f8d482 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-65f8d482] {
  animation: ipad-slide-65f8d482 0.4s ease;
}

.ipad-slide-leave-active[data-v-65f8d482] {
  animation: ipad-slide-65f8d482 0.4s ease reverse;
}

@keyframes ipad-slide-65f8d482 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-65f8d482 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.notification-block[data-v-65f8d482] {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  width: 100%;
  min-height: 2.75rem;
  background-color: rgba(30, 33, 36, 0.8);
  position: relative;
  padding: 0.75rem 1.25rem 0.75rem 0.875rem;
  border-radius: 0.375rem;
  overflow: hidden;
}

.notification-block[data-v-65f8d482]:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0.1875rem;
  height: 100%;
  background-color: var(--right-line-color);
}

.notification-block.error[data-v-65f8d482] {
  --right-line-color: #e04f5f ;
}

.notification-block.warn[data-v-65f8d482] {
  --right-line-color: #f9bf2c ;
}

.notification-block.success[data-v-65f8d482] {
  --right-line-color: #32be83 ;
}

.notification-block__icon-container[data-v-65f8d482] {
  width: 1rem;
  max-width: 1rem;
  min-width: 1rem;
  height: 1rem;
  max-height: 1rem;
  min-height: 1rem;
  align-self: flex-start;
  margin-top: 0.21875rem;
}

.notification-block__icon-container svg[data-v-65f8d482] {
  height: 1rem;
  max-height: 1rem;
  min-height: 1rem;
  width: 1rem;
  max-width: 1rem;
  min-width: 1rem;
  animation: appearing-65f8d482 1s ease forwards;
}

@keyframes appearing-65f8d482 {
  0% {
    transform: rotateX(90deg);
  }
  to {
    transform: rotate3d(0, 0, 0, 0);
  }
}
.notification-block__text[data-v-65f8d482] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
}

.news-notify .contact[data-v-7a2d8c7a] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-notify .notify-data .timeline[data-v-7a2d8c7a] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-7a2d8c7a] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-7a2d8c7a] {
  display: flex;
}

.justify-start[data-v-7a2d8c7a] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-7a2d8c7a] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-7a2d8c7a] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-7a2d8c7a] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-7a2d8c7a] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-7a2d8c7a] {
  display: flex;
  align-items: center;
}

.align-end[data-v-7a2d8c7a] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-7a2d8c7a] {
  width: 100%;
}

.full-height[data-v-7a2d8c7a] {
  height: 100%;
}

.picture-handler[data-v-7a2d8c7a] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-7a2d8c7a] {
  border: 1px solid red;
}

.fade-up-animation[data-v-7a2d8c7a] {
  animation: fadeOutUp-7a2d8c7a 1s ease;
}

.fade-down-animation[data-v-7a2d8c7a] {
  animation: fadeOutDown-7a2d8c7a 1s ease;
}

@keyframes fadeOutUp-7a2d8c7a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7a2d8c7a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7a2d8c7a] {
  animation: logotype-7a2d8c7a 0.5s ease;
}

.logotype-leave-active[data-v-7a2d8c7a] {
  animation: logotype-7a2d8c7a 0.5s ease reverse;
}

@keyframes logotype-7a2d8c7a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7a2d8c7a] {
  animation: cardMoveInside-7a2d8c7a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7a2d8c7a] {
  animation: cardMoveOutside-7a2d8c7a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7a2d8c7a {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-7a2d8c7a {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-7a2d8c7a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7a2d8c7a], .fade-leave-to[data-v-7a2d8c7a] {
  opacity: 0;
}

.fade-enter-active[data-v-7a2d8c7a], .fade-leave-active[data-v-7a2d8c7a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7a2d8c7a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7a2d8c7a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7a2d8c7a] {
  animation: ipad-slide-7a2d8c7a 0.4s ease;
}

.ipad-slide-leave-active[data-v-7a2d8c7a] {
  animation: ipad-slide-7a2d8c7a 0.4s ease reverse;
}

@keyframes ipad-slide-7a2d8c7a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7a2d8c7a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-7a2d8c7a], .local-fade-leave-to[data-v-7a2d8c7a] {
  opacity: 0;
}

.local-fade-enter-active[data-v-7a2d8c7a], .local-fade-leave-active[data-v-7a2d8c7a] {
  transition: opacity 0.2s;
}

.news-notify[data-v-7a2d8c7a] {
  max-width: 16.875rem;
  min-width: 16.875rem;
  width: 16.875rem;
  background: rgba(0, 0, 0, 0.75);
}

.news-notify .header-block[data-v-7a2d8c7a] {
  background: rgba(0, 0, 0, 0.25);
  position: relative;
}

.news-notify .header-block__picture[data-v-7a2d8c7a] {
  width: 3.25rem;
  height: 3.25rem;
}

.news-notify .header-block .headers-block[data-v-7a2d8c7a] {
  margin-left: 0.625rem;
}

.news-notify .header-block .headers-block span[data-v-7a2d8c7a]:first-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0625rem;
  color: #fff;
}

.news-notify .header-block .headers-block span[data-v-7a2d8c7a]:last-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.0625rem;
  color: #fff;
}

.news-notify .header-block .callback[data-v-7a2d8c7a] {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
}

.news-notify .header-block .callback__picture[data-v-7a2d8c7a] {
  width: 1.25rem;
  height: 1.25rem;
}

.news-notify .notify-data[data-v-7a2d8c7a] {
  padding: 0.625rem 0.9375rem;
  position: relative;
}

.news-notify .notify-data .timeline[data-v-7a2d8c7a] {
  background: rgba(225, 32, 32, 0.5);
  height: 0.125rem;
}

.news-notify .notify-data .timeline__progress[data-v-7a2d8c7a] {
  height: inherit;
  background: #e12020;
  animation: progress-7a2d8c7a 10s linear forwards;
}

@keyframes progress-7a2d8c7a {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.news-notify .notify-data__text-author span[data-v-7a2d8c7a]:first-child, .news-notify .notify-data__text-editor span[data-v-7a2d8c7a]:first-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  color: #e12020;
}

.news-notify .notify-data__text-author span[data-v-7a2d8c7a]:last-child, .news-notify .notify-data__text-editor span[data-v-7a2d8c7a]:last-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  margin-left: 0.3125rem;
}

.news-notify .notify-data__text-message[data-v-7a2d8c7a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  margin-top: 0.625rem;
  word-break: break-word;
}

.news-notify .notify-data .additional-info[data-v-7a2d8c7a] {
  margin-top: 0.625rem;
}

.news-notify .notify-data .additional-info__text-tel span[data-v-7a2d8c7a]:first-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  color: #e12020;
}

.news-notify .notify-data .additional-info__text-tel span[data-v-7a2d8c7a]:last-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  margin-left: 0.3125rem;
}

.news-notify .notify-data .additional-info__text-date[data-v-7a2d8c7a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  color: hsla(0, 0%, 100%, 0.25);
}

.news-notify .contact[data-v-7a2d8c7a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  background: #e12020;
  color: #fff;
  padding: 0.625rem 0;
  cursor: pointer;
}

.disposable-notification header .exclamation[data-v-4bc17504] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-4bc17504] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-4bc17504] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-4bc17504] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-4bc17504] {
  display: flex;
}

.justify-start[data-v-4bc17504] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-4bc17504] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-4bc17504] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-4bc17504] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-4bc17504] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-4bc17504] {
  display: flex;
  align-items: center;
}

.align-end[data-v-4bc17504] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-4bc17504] {
  width: 100%;
}

.full-height[data-v-4bc17504] {
  height: 100%;
}

.picture-handler[data-v-4bc17504] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-4bc17504] {
  border: 1px solid red;
}

.fade-up-animation[data-v-4bc17504] {
  animation: fadeOutUp-4bc17504 1s ease;
}

.fade-down-animation[data-v-4bc17504] {
  animation: fadeOutDown-4bc17504 1s ease;
}

@keyframes fadeOutUp-4bc17504 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-4bc17504 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-4bc17504] {
  animation: logotype-4bc17504 0.5s ease;
}

.logotype-leave-active[data-v-4bc17504] {
  animation: logotype-4bc17504 0.5s ease reverse;
}

@keyframes logotype-4bc17504 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-4bc17504] {
  animation: cardMoveInside-4bc17504 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-4bc17504] {
  animation: cardMoveOutside-4bc17504 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-4bc17504 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-4bc17504 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-4bc17504 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-4bc17504], .fade-leave-to[data-v-4bc17504] {
  opacity: 0;
}

.fade-enter-active[data-v-4bc17504], .fade-leave-active[data-v-4bc17504] {
  transition: opacity 0.5s;
}

@keyframes slide-up-4bc17504 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-4bc17504 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-4bc17504] {
  animation: ipad-slide-4bc17504 0.4s ease;
}

.ipad-slide-leave-active[data-v-4bc17504] {
  animation: ipad-slide-4bc17504 0.4s ease reverse;
}

@keyframes ipad-slide-4bc17504 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-4bc17504 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-4bc17504], .local-fade-leave-to[data-v-4bc17504] {
  opacity: 0;
}

.local-fade-enter-active[data-v-4bc17504], .local-fade-leave-active[data-v-4bc17504] {
  transition: opacity 0.2s;
}

.disposable-notification[data-v-4bc17504] {
  min-width: 23.1875rem;
  max-width: 23.1875rem;
}

.disposable-notification header[data-v-4bc17504] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  background-color: #ffc130;
  color: #1e2124;
  min-width: inherit;
  padding: 0.3125rem 0 0.3125rem 0.9375rem;
  position: relative;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.disposable-notification header .exclamation[data-v-4bc17504] {
  background-color: #ffc130;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.625rem;
}

.disposable-notification main[data-v-4bc17504] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  background-color: #1e2124;
  color: #fff;
  padding: 0.625rem 0.9375rem 0.9375rem 0.9375rem;
  border-bottom-left-radius: 0.1875rem;
}

.disposable-notification .triangle[data-v-4bc17504] {
  min-width: 0.6875rem;
  height: 0.75rem;
  background-image: linear-gradient(to right top, #1e2124 50%, transparent 50.000001%);
}

.row-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-0f77d0c3] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-0f77d0c3] {
  display: flex;
}

.justify-start[data-v-0f77d0c3] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-0f77d0c3] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-0f77d0c3] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-0f77d0c3] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-0f77d0c3] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-0f77d0c3] {
  display: flex;
  align-items: center;
}

.align-end[data-v-0f77d0c3] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-0f77d0c3] {
  width: 100%;
}

.full-height[data-v-0f77d0c3] {
  height: 100%;
}

.picture-handler[data-v-0f77d0c3] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-0f77d0c3] {
  border: 1px solid red;
}

.fade-up-animation[data-v-0f77d0c3] {
  animation: fadeOutUp-0f77d0c3 1s ease;
}

.fade-down-animation[data-v-0f77d0c3] {
  animation: fadeOutDown-0f77d0c3 1s ease;
}

@keyframes fadeOutUp-0f77d0c3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0f77d0c3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0f77d0c3] {
  animation: logotype-0f77d0c3 0.5s ease;
}

.logotype-leave-active[data-v-0f77d0c3] {
  animation: logotype-0f77d0c3 0.5s ease reverse;
}

@keyframes logotype-0f77d0c3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0f77d0c3] {
  animation: cardMoveInside-0f77d0c3 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0f77d0c3] {
  animation: cardMoveOutside-0f77d0c3 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0f77d0c3 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-0f77d0c3 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-0f77d0c3 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0f77d0c3], .fade-leave-to[data-v-0f77d0c3] {
  opacity: 0;
}

.fade-enter-active[data-v-0f77d0c3], .fade-leave-active[data-v-0f77d0c3] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0f77d0c3 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0f77d0c3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0f77d0c3] {
  animation: ipad-slide-0f77d0c3 0.4s ease;
}

.ipad-slide-leave-active[data-v-0f77d0c3] {
  animation: ipad-slide-0f77d0c3 0.4s ease reverse;
}

@keyframes ipad-slide-0f77d0c3 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0f77d0c3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-0f77d0c3], .local-fade-leave-to[data-v-0f77d0c3] {
  opacity: 0;
}

.local-fade-enter-active[data-v-0f77d0c3], .local-fade-leave-active[data-v-0f77d0c3] {
  transition: opacity 0.2s;
}

.news-notify[data-v-0f77d0c3] {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 1.5rem;
  padding: 1.5rem;
  width: 30rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.35));
  overflow: hidden;
}

.news-notify .title[data-v-0f77d0c3] {
  margin-bottom: 0.875rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}

.news-notify .text[data-v-0f77d0c3] {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

.news-notify .progress[data-v-0f77d0c3] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
}

.news-notify .progress-value[data-v-0f77d0c3] {
  background: #ddd;
  height: 100%;
  transition: width 0.2s linear;
}

.news-notify [data-v-0f77d0c3] {
  font-family: var(--IntegratedFont);
}

.keys-container .keys-block .key-block .key-block-value[data-v-8a75df0e] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-8a75df0e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-8a75df0e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-8a75df0e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-8a75df0e] {
  display: flex;
}

.justify-start[data-v-8a75df0e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-8a75df0e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-8a75df0e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-8a75df0e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-8a75df0e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-8a75df0e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-8a75df0e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-8a75df0e] {
  width: 100%;
}

.full-height[data-v-8a75df0e] {
  height: 100%;
}

.picture-handler[data-v-8a75df0e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-8a75df0e] {
  border: 1px solid red;
}

.fade-up-animation[data-v-8a75df0e] {
  animation: fadeOutUp-8a75df0e 1s ease;
}

.fade-down-animation[data-v-8a75df0e] {
  animation: fadeOutDown-8a75df0e 1s ease;
}

@keyframes fadeOutUp-8a75df0e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-8a75df0e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-8a75df0e] {
  animation: logotype-8a75df0e 0.5s ease;
}

.logotype-leave-active[data-v-8a75df0e] {
  animation: logotype-8a75df0e 0.5s ease reverse;
}

@keyframes logotype-8a75df0e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-8a75df0e] {
  animation: cardMoveInside-8a75df0e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-8a75df0e] {
  animation: cardMoveOutside-8a75df0e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-8a75df0e {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-8a75df0e {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-8a75df0e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-8a75df0e], .fade-leave-to[data-v-8a75df0e] {
  opacity: 0;
}

.fade-enter-active[data-v-8a75df0e], .fade-leave-active[data-v-8a75df0e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-8a75df0e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-8a75df0e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-8a75df0e] {
  animation: ipad-slide-8a75df0e 0.4s ease;
}

.ipad-slide-leave-active[data-v-8a75df0e] {
  animation: ipad-slide-8a75df0e 0.4s ease reverse;
}

@keyframes ipad-slide-8a75df0e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-8a75df0e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.keys-container[data-v-8a75df0e] {
  pointer-events: none;
  z-index: 100;
  position: absolute;
}

.keys-container .keys-block[data-v-8a75df0e] {
  position: absolute;
  background-color: #1e2124;
  gap: 1.8518518519vh;
  border-radius: 0.5555555556vh;
}

.keys-container .keys-block.left[data-v-8a75df0e] {
  left: 1.3888888889vh;
  padding: 0.6481481481vh 1.2962962963vh 0.6481481481vh 0.6481481481vh;
}

.keys-container .keys-block.top[data-v-8a75df0e] {
  top: 1.3888888889vh;
}

.keys-container .keys-block.right[data-v-8a75df0e] {
  right: 1.3888888889vh;
  padding: 0.6481481481vh 0.6481481481vh 0.6481481481vh 1.2962962963vh;
}

.keys-container .keys-block.bottom[data-v-8a75df0e] {
  bottom: 1.3888888889vh;
}

.keys-container .keys-block .key-block[data-v-8a75df0e] {
  display: flex;
  gap: 0.7407407407vh;
}

.keys-container .keys-block .key-block__title[data-v-8a75df0e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.keys-container .keys-block .key-block .key-block-value[data-v-8a75df0e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
  width: 2.4074074074vh;
  height: 2.4074074074vh;
  background-color: #f8f8f8;
  color: #000;
  border-radius: 0.2777777778vh;
}

.keys-container .keys-block .key-block .key-block-value.long-button[data-v-8a75df0e] {
  width: 3.3333333333vh;
}

.keys-container .keys-block .key-block .key-block-value.long-button .key-icon[data-v-8a75df0e] {
  width: 2.6694444444vh;
  height: 0.8935185185vh;
}

.keys-container .keys-block .key-block .key-block-value .key-icon[data-v-8a75df0e] {
  width: 1.3888888889vh;
  filter: invert(0) sepia(97%) saturate(12%) hue-rotate(234deg) brightness(102%) contrast(103%);
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-1[data-v-8a75df0e] {
  font-size: 1.7592592593vh;
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-2[data-v-8a75df0e] {
  font-size: 1.2037037037vh;
}

.keys-container .keys-block .key-block .key-block-value .font-size-level-3[data-v-8a75df0e] {
  font-size: 1.0185185185vh;
}

.keys-container .keys-block .key-block .key-block-value svg[data-v-8a75df0e] {
  height: 1.4814814815vh;
}

.row-block[data-v-5b00b068] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-5b00b068] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-5b00b068] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-5b00b068] {
  display: flex;
}

.justify-start[data-v-5b00b068] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-5b00b068] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-5b00b068] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-5b00b068] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-5b00b068] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-5b00b068] {
  display: flex;
  align-items: center;
}

.align-end[data-v-5b00b068] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-5b00b068] {
  width: 100%;
}

.full-height[data-v-5b00b068] {
  height: 100%;
}

.picture-handler[data-v-5b00b068] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-5b00b068] {
  border: 1px solid red;
}

.fade-up-animation[data-v-5b00b068] {
  animation: fadeOutUp-5b00b068 1s ease;
}

.fade-down-animation[data-v-5b00b068] {
  animation: fadeOutDown-5b00b068 1s ease;
}

@keyframes fadeOutUp-5b00b068 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-5b00b068 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-5b00b068] {
  animation: logotype-5b00b068 0.5s ease;
}

.logotype-leave-active[data-v-5b00b068] {
  animation: logotype-5b00b068 0.5s ease reverse;
}

@keyframes logotype-5b00b068 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-5b00b068] {
  animation: cardMoveInside-5b00b068 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-5b00b068] {
  animation: cardMoveOutside-5b00b068 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-5b00b068 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-5b00b068 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-5b00b068 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-5b00b068], .fade-leave-to[data-v-5b00b068] {
  opacity: 0;
}

.fade-enter-active[data-v-5b00b068], .fade-leave-active[data-v-5b00b068] {
  transition: opacity 0.5s;
}

@keyframes slide-up-5b00b068 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-5b00b068 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-5b00b068] {
  animation: ipad-slide-5b00b068 0.4s ease;
}

.ipad-slide-leave-active[data-v-5b00b068] {
  animation: ipad-slide-5b00b068 0.4s ease reverse;
}

@keyframes ipad-slide-5b00b068 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-5b00b068 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.item[data-v-5b00b068] {
  transform: scaleY(-1);
  flex-shrink: 0;
  z-index: 2;
  position: relative;
  display: flex;
  width: 2rem;
  height: 2rem;
  fill: rgba(39, 39, 39, 0.5);
  transition: opacity 0.2s ease;
  filter: drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.16));
}

.item .main[data-v-5b00b068] {
  display: flex;
  position: relative;
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
  background: rgba(39, 39, 39, 0.502);
}

.item .main .border[data-v-5b00b068]:after {
  left: 0;
  top: 0;
  z-index: 10;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.25);
  content: "";
}

.item .main .status-background[data-v-5b00b068], .item .main .status-background[data-v-5b00b068]:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  bottom: 0;
}

.item .main .status-background[data-v-5b00b068]:after {
  content: "";
}

.item .stack[data-v-5b00b068] {
  z-index: 7;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -0.25rem;
  bottom: -0.25rem;
  border-radius: 50%;
  background: #fff;
  width: 0.875rem;
  height: 0.875rem;
}

.item .stack p[data-v-5b00b068] {
  color: #000;
  font-size: 0.75rem;
  font-weight: 900;
}

.item svg[data-v-5b00b068] {
  position: relative;
  z-index: 3;
  width: 0.9375rem;
  height: 0.9375rem;
  fill: #fff;
}

[data-v-5b00b068] {
  font-family: var(--IntegratedFont), serif;
}

.row-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-3ce9b567] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-3ce9b567] {
  display: flex;
}

.justify-start[data-v-3ce9b567] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-3ce9b567] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-3ce9b567] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-3ce9b567] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-3ce9b567] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-3ce9b567] {
  display: flex;
  align-items: center;
}

.align-end[data-v-3ce9b567] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-3ce9b567] {
  width: 100%;
}

.full-height[data-v-3ce9b567] {
  height: 100%;
}

.picture-handler[data-v-3ce9b567] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-3ce9b567] {
  border: 1px solid red;
}

.fade-up-animation[data-v-3ce9b567] {
  animation: fadeOutUp-3ce9b567 1s ease;
}

.fade-down-animation[data-v-3ce9b567] {
  animation: fadeOutDown-3ce9b567 1s ease;
}

@keyframes fadeOutUp-3ce9b567 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-3ce9b567 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-3ce9b567] {
  animation: logotype-3ce9b567 0.5s ease;
}

.logotype-leave-active[data-v-3ce9b567] {
  animation: logotype-3ce9b567 0.5s ease reverse;
}

@keyframes logotype-3ce9b567 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-3ce9b567] {
  animation: cardMoveInside-3ce9b567 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-3ce9b567] {
  animation: cardMoveOutside-3ce9b567 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-3ce9b567 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-3ce9b567 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-3ce9b567 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-3ce9b567], .fade-leave-to[data-v-3ce9b567] {
  opacity: 0;
}

.fade-enter-active[data-v-3ce9b567], .fade-leave-active[data-v-3ce9b567] {
  transition: opacity 0.5s;
}

@keyframes slide-up-3ce9b567 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-3ce9b567 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-3ce9b567] {
  animation: ipad-slide-3ce9b567 0.4s ease;
}

.ipad-slide-leave-active[data-v-3ce9b567] {
  animation: ipad-slide-3ce9b567 0.4s ease reverse;
}

@keyframes ipad-slide-3ce9b567 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-3ce9b567 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-3ce9b567], .local-fade-leave-to[data-v-3ce9b567] {
  opacity: 0;
}

.local-fade-enter-active[data-v-3ce9b567], .local-fade-leave-active[data-v-3ce9b567] {
  transition: opacity 0.2s;
}

.statuses[data-v-3ce9b567] {
  z-index: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.statuses .description-block[data-v-3ce9b567] {
  display: flex;
  position: relative;
  margin-bottom: 0.5rem;
  padding: 0.875rem 1rem;
  flex-direction: column;
  gap: 0.875rem;
  border-radius: 0.5rem;
  background: rgba(30, 33, 36, 0.9);
  max-width: 18.75rem;
}

.statuses .description-block .header[data-v-3ce9b567] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.statuses .description-block .header .title[data-v-3ce9b567] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.statuses .description-block .header .title p[data-v-3ce9b567] {
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
}

.statuses .description-block .header .title svg[data-v-3ce9b567] {
  fill: #fff;
  width: 1rem;
}

.statuses .description-block .header .desc[data-v-3ce9b567] {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}

.statuses .description-block .timer[data-v-3ce9b567] {
  display: flex;
  align-content: center;
  gap: 0.5rem;
}

.statuses .description-block .timer__title[data-v-3ce9b567] {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.5;
}

.statuses .description-block .timer__value[data-v-3ce9b567] {
  display: flex;
}

.statuses .description-block .timer__value p[data-v-3ce9b567] {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}

.statuses .list[data-v-3ce9b567] {
  transform: scaleY(-1);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}

[data-v-3ce9b567] {
  font-family: var(--IntegratedFont), serif;
}

.kill-block .killed-info[data-v-ffb4dc5a], .kill-block .killer-info[data-v-ffb4dc5a], .kill-block .weapon-info[data-v-ffb4dc5a] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-ffb4dc5a] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-ffb4dc5a] {
  display: flex;
}

.justify-start[data-v-ffb4dc5a] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-ffb4dc5a] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-ffb4dc5a] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-ffb4dc5a] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-ffb4dc5a] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-ffb4dc5a] {
  display: flex;
  align-items: center;
}

.align-end[data-v-ffb4dc5a] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-ffb4dc5a] {
  width: 100%;
}

.full-height[data-v-ffb4dc5a] {
  height: 100%;
}

.picture-handler[data-v-ffb4dc5a] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-ffb4dc5a] {
  border: 1px solid red;
}

.fade-up-animation[data-v-ffb4dc5a] {
  animation: fadeOutUp-ffb4dc5a 1s ease;
}

.fade-down-animation[data-v-ffb4dc5a] {
  animation: fadeOutDown-ffb4dc5a 1s ease;
}

@keyframes fadeOutUp-ffb4dc5a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-ffb4dc5a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-ffb4dc5a] {
  animation: logotype-ffb4dc5a 0.5s ease;
}

.logotype-leave-active[data-v-ffb4dc5a] {
  animation: logotype-ffb4dc5a 0.5s ease reverse;
}

@keyframes logotype-ffb4dc5a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-ffb4dc5a] {
  animation: cardMoveInside-ffb4dc5a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-ffb4dc5a] {
  animation: cardMoveOutside-ffb4dc5a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-ffb4dc5a {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-ffb4dc5a {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-ffb4dc5a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-ffb4dc5a], .fade-leave-to[data-v-ffb4dc5a] {
  opacity: 0;
}

.fade-enter-active[data-v-ffb4dc5a], .fade-leave-active[data-v-ffb4dc5a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-ffb4dc5a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-ffb4dc5a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-ffb4dc5a] {
  animation: ipad-slide-ffb4dc5a 0.4s ease;
}

.ipad-slide-leave-active[data-v-ffb4dc5a] {
  animation: ipad-slide-ffb4dc5a 0.4s ease reverse;
}

@keyframes ipad-slide-ffb4dc5a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-ffb4dc5a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
[data-v-ffb4dc5a]:root {
  --killer-color: none;
  --killed-color: none ;
}

.empty-default[data-v-ffb4dc5a] {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}

.empty-light[data-v-ffb4dc5a] {
  border-left-color: #000;
  border-right-color: #000;
}

.empty-dark[data-v-ffb4dc5a] {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
}

.LSPD-default[data-v-ffb4dc5a] {
  background-color: rgba(30, 68, 191, 0.85);
  color: #fff;
}

.LSPD-light[data-v-ffb4dc5a] {
  border-left-color: #1e44bf;
  border-right-color: #1e44bf;
}

.LSPD-dark[data-v-ffb4dc5a] {
  background-color: rgba(30, 68, 191, 0.85);
  color: #fff;
}

.EMS-default[data-v-ffb4dc5a] {
  background-color: rgba(220, 43, 61, 0.85);
  color: #fff;
}

.EMS-light[data-v-ffb4dc5a] {
  border-left-color: #dc2b3d;
  border-right-color: #dc2b3d;
}

.EMS-dark[data-v-ffb4dc5a] {
  background-color: rgba(220, 43, 61, 0.85);
  color: #fff;
}

.SHPD-default[data-v-ffb4dc5a] {
  background-color: rgba(135, 116, 81, 0.85);
  color: #fff;
}

.SHPD-light[data-v-ffb4dc5a] {
  border-left-color: #877451;
  border-right-color: #877451;
}

.SHPD-dark[data-v-ffb4dc5a] {
  background-color: rgba(135, 116, 81, 0.85);
  color: #fff;
}

.SANG-default[data-v-ffb4dc5a] {
  background-color: rgba(134, 136, 86, 0.85);
  color: #fff;
}

.SANG-light[data-v-ffb4dc5a] {
  border-left-color: #868856;
  border-right-color: #868856;
}

.SANG-dark[data-v-ffb4dc5a] {
  background-color: rgba(134, 136, 86, 0.85);
  color: #fff;
}

.GOV-default[data-v-ffb4dc5a] {
  background-color: rgba(87, 101, 116, 0.85);
  color: #fff;
}

.GOV-light[data-v-ffb4dc5a] {
  border-left-color: #576574;
  border-right-color: #576574;
}

.GOV-dark[data-v-ffb4dc5a] {
  background-color: rgba(87, 101, 116, 0.85);
  color: #fff;
}

.weazel-default[data-v-ffb4dc5a] {
  background-color: rgba(238, 42, 42, 0.85);
  color: #fff;
}

.weazel-light[data-v-ffb4dc5a] {
  border-left-color: #ee2a2a;
  border-right-color: #ee2a2a;
}

.weazel-dark[data-v-ffb4dc5a] {
  background-color: rgba(238, 42, 42, 0.85);
  color: #fff;
}

.FIB-default[data-v-ffb4dc5a] {
  background-color: rgba(71, 71, 71, 0.85);
  color: #fff;
}

.FIB-light[data-v-ffb4dc5a] {
  border-left-color: #474747;
  border-right-color: #474747;
}

.FIB-dark[data-v-ffb4dc5a] {
  background-color: rgba(71, 71, 71, 0.85);
  color: #fff;
}

.ballas-default[data-v-ffb4dc5a] {
  background-color: rgba(156, 27, 210, 0.85);
  color: #fff;
}

.ballas-light[data-v-ffb4dc5a] {
  border-left-color: #9c1bd2;
  border-right-color: #9c1bd2;
}

.ballas-dark[data-v-ffb4dc5a] {
  background-color: rgba(156, 27, 210, 0.85);
  color: #fff;
}

.vagos-default[data-v-ffb4dc5a] {
  background-color: rgba(255, 214, 48, 0.85);
  color: #000;
}

.vagos-light[data-v-ffb4dc5a] {
  border-left-color: #ffd630;
  border-right-color: #ffd630;
}

.vagos-dark[data-v-ffb4dc5a] {
  background-color: rgba(255, 214, 48, 0.85);
  color: #000;
}

.families-default[data-v-ffb4dc5a] {
  background-color: rgba(49, 164, 61, 0.85);
  color: #fff;
}

.families-light[data-v-ffb4dc5a] {
  border-left-color: #31a43d;
  border-right-color: #31a43d;
}

.families-dark[data-v-ffb4dc5a] {
  background-color: rgba(49, 164, 61, 0.85);
  color: #fff;
}

.bloods-default[data-v-ffb4dc5a] {
  background-color: rgba(197, 11, 11, 0.85);
  color: #fff;
}

.bloods-light[data-v-ffb4dc5a] {
  border-left-color: #c50b0b;
  border-right-color: #c50b0b;
}

.bloods-dark[data-v-ffb4dc5a] {
  background-color: rgba(197, 11, 11, 0.85);
  color: #fff;
}

.marabunta-default[data-v-ffb4dc5a] {
  background-color: rgba(35, 167, 255, 0.85);
  color: #fff;
}

.marabunta-light[data-v-ffb4dc5a] {
  border-left-color: #23a7ff;
  border-right-color: #23a7ff;
}

.marabunta-dark[data-v-ffb4dc5a] {
  background-color: rgba(35, 167, 255, 0.85);
  color: #fff;
}

.cosa_nostra-default[data-v-ffb4dc5a] {
  background-color: rgba(255, 193, 48, 0.85);
  color: #000;
}

.cosa_nostra-light[data-v-ffb4dc5a] {
  border-left-color: #ffc130;
  border-right-color: #ffc130;
}

.cosa_nostra-dark[data-v-ffb4dc5a] {
  background-color: rgba(255, 193, 48, 0.85);
  color: #000;
}

.russian_mafia-default[data-v-ffb4dc5a] {
  background-color: hsla(0, 0%, 100%, 0.85);
  color: #000;
}

.russian_mafia-light[data-v-ffb4dc5a] {
  border-left-color: #fff;
  border-right-color: #fff;
}

.russian_mafia-dark[data-v-ffb4dc5a] {
  background-color: hsla(0, 0%, 100%, 0.85);
  color: #000;
}

.yakuza-default[data-v-ffb4dc5a] {
  background-color: rgba(239, 38, 59, 0.85);
  color: #fff;
}

.yakuza-light[data-v-ffb4dc5a] {
  border-left-color: #ef263b;
  border-right-color: #ef263b;
}

.yakuza-dark[data-v-ffb4dc5a] {
  background-color: rgba(239, 38, 59, 0.85);
  color: #fff;
}

.mexican_cartel-default[data-v-ffb4dc5a] {
  background-color: hsla(22, 22%, 58%, 0.85);
  color: #fff;
}

.mexican_cartel-light[data-v-ffb4dc5a] {
  border-left-color: #ab8d7c;
  border-right-color: #ab8d7c;
}

.mexican_cartel-dark[data-v-ffb4dc5a] {
  background-color: hsla(22, 22%, 58%, 0.85);
  color: #fff;
}

.lost_mc-default[data-v-ffb4dc5a] {
  background-color: rgba(0, 0, 0, 0.85);
  color: #ef263b;
}

.lost_mc-light[data-v-ffb4dc5a] {
  border-left-color: #000;
  border-right-color: #000;
}

.lost_mc-dark[data-v-ffb4dc5a] {
  background-color: rgba(0, 0, 0, 0.85);
  color: #ef263b;
}

.angels-default[data-v-ffb4dc5a] {
  background-color: hsla(0, 0%, 58%, 0.85);
  color: #fff;
}

.angels-light[data-v-ffb4dc5a] {
  border-left-color: #949494;
  border-right-color: #949494;
}

.angels-dark[data-v-ffb4dc5a] {
  background-color: hsla(0, 0%, 58%, 0.85);
  color: #fff;
}

.irish-default[data-v-ffb4dc5a] {
  background-color: rgba(255, 153, 0, 0.85);
  color: #000;
}

.irish-light[data-v-ffb4dc5a] {
  border-left-color: #f90;
  border-right-color: #f90;
}

.irish-dark[data-v-ffb4dc5a] {
  background-color: rgba(255, 153, 0, 0.85);
  color: #000;
}

.kill-list[data-v-ffb4dc5a] {
  margin-top: 1.3125rem;
  position: relative;
}

.kill-list.default .weapon-info[data-v-ffb4dc5a] {
  background-color: rgba(0, 0, 0, 0.7);
}

.kill-list.default .killed-info[data-v-ffb4dc5a], .kill-list.default .killer-info[data-v-ffb4dc5a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}

.kill-list.light .weapon-info__picture-target[data-v-ffb4dc5a] {
  display: none;
}

.kill-list.light .weapon-info__picture-weapon[data-v-ffb4dc5a] {
  margin-right: 0;
}

.kill-list.light .weapon-info[data-v-ffb4dc5a] {
  background-color: #1e2124;
}

.kill-list.light .killed-info[data-v-ffb4dc5a], .kill-list.light .killer-info[data-v-ffb4dc5a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  background-color: #fff;
}

.kill-list.light .killer-info[data-v-ffb4dc5a] {
  border-left-width: 0.3125rem;
  border-left-style: solid;
}

.kill-list.light .killed-info[data-v-ffb4dc5a] {
  border-right-width: 0.3125rem;
  border-right-style: solid;
}

.kill-list.dark .weapon-info__picture-target[data-v-ffb4dc5a] {
  display: none;
}

.kill-list.dark .weapon-info__picture-weapon[data-v-ffb4dc5a] {
  margin-right: 0;
}

.kill-list.dark .weapon-info[data-v-ffb4dc5a] {
  background-color: rgba(18, 18, 19, 0.8);
}

.kill-list.dark .killed-info[data-v-ffb4dc5a], .kill-list.dark .killer-info[data-v-ffb4dc5a] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}

.kill-block[data-v-ffb4dc5a] {
  margin-top: 0.3125rem;
}

.kill-block[data-v-ffb4dc5a]:first-child {
  margin-top: 0;
}

.kill-block .killed-info[data-v-ffb4dc5a], .kill-block .killer-info[data-v-ffb4dc5a], .kill-block .weapon-info[data-v-ffb4dc5a] {
  min-height: 1.6875rem;
  padding: 0 0.9375rem;
  white-space: nowrap;
}

.kill-block .weapon-info__picture-weapon[data-v-ffb4dc5a] {
  height: 1.0625rem;
  margin-right: 0.3125rem;
}

.kill-block .weapon-info__picture-target[data-v-ffb4dc5a] {
  width: 1.0625rem;
}

.list-complete-enter[data-v-ffb4dc5a] {
  transform: translateY(-1.25rem);
  opacity: 0;
}

.list-complete-enter-to[data-v-ffb4dc5a] {
  opacity: 1;
}

.list-complete-enter-active[data-v-ffb4dc5a] {
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-property: transform, opacity;
}

.list-complete-leave-to[data-v-ffb4dc5a] {
  opacity: 0;
  transform: translateY(1.25rem);
}

.list-complete-leave-active[data-v-ffb4dc5a] {
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-property: transform, opacity;
}

.content[data-v-0ae03124] {
  position: absolute;
  right: 1.8518518519vh;
  bottom: 6.4814814815vh;
  width: -moz-min-content;
  width: min-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.462962963vh;
}

.content-main[data-v-0ae03124] {
  border-radius: 0.5555555556vh;
  overflow: hidden;
  background-color: #161616;
}

.content-main__data[data-v-0ae03124] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.8518518519vh;
  background: 100% 0/contain url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/wire-part.svg) no-repeat, 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/background.png) no-repeat;
}

.content-main__data[data-v-0ae03124]:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.2962962963vh;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/main/hud/prison/wire-full.svg) no-repeat;
}

.content-main__element[data-v-0ae03124] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.462962963vh;
}

.content-main__element > p[data-v-0ae03124] {
  font-size: 1.2962962963vh;
}

.content-main__element > p[data-v-0ae03124]:first-child {
  font-weight: 900;
  color: #ffca1c;
  line-height: 1.2962962963vh;
}

.content-main__element > p[data-v-0ae03124]:not(:first-child) {
  font-weight: 600;
  color: #fff;
  line-height: 1.5555555556vh;
}

.content-main__element > p:not(:first-child) > span[data-v-0ae03124] {
  margin-left: 0.462962963vh;
  line-height: 1.5555555556vh;
}

.content-main__element.timer[data-v-0ae03124] {
  gap: 1.1111111111vh;
}

.content-main__block[data-v-0ae03124] {
  padding: 1.6666666667vh 1.8518518519vh;
}

.content [data-v-0ae03124] {
  font-family: var(--IntegratedFont);
}

.timer[data-v-0ae03124] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.3703703704vh;
}

.timer-column[data-v-0ae03124] {
  width: 5.9259259259vh;
  padding: 0.7407407407vh 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.1851851852vh;
  background-color: #222;
  border-radius: 0.3703703704vh;
}

.timer-column > p[data-v-0ae03124] {
  font-size: 1.2962962963vh;
  line-height: 1.2962962963vh;
}

.timer-column > p[data-v-0ae03124]:first-child {
  font-weight: 900;
  color: #fff;
}

.timer-column > p[data-v-0ae03124]:not(:first-child) {
  font-weight: 600;
  color: #868686;
}

.row-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-37e41c5e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-37e41c5e] {
  display: flex;
}

.justify-start[data-v-37e41c5e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-37e41c5e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-37e41c5e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-37e41c5e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-37e41c5e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-37e41c5e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-37e41c5e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-37e41c5e] {
  width: 100%;
}

.full-height[data-v-37e41c5e] {
  height: 100%;
}

.picture-handler[data-v-37e41c5e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-37e41c5e] {
  border: 1px solid red;
}

.fade-up-animation[data-v-37e41c5e] {
  animation: fadeOutUp-37e41c5e 1s ease;
}

.fade-down-animation[data-v-37e41c5e] {
  animation: fadeOutDown-37e41c5e 1s ease;
}

@keyframes fadeOutUp-37e41c5e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-37e41c5e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-37e41c5e] {
  animation: logotype-37e41c5e 0.5s ease;
}

.logotype-leave-active[data-v-37e41c5e] {
  animation: logotype-37e41c5e 0.5s ease reverse;
}

@keyframes logotype-37e41c5e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-37e41c5e] {
  animation: cardMoveInside-37e41c5e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-37e41c5e] {
  animation: cardMoveOutside-37e41c5e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-37e41c5e {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-37e41c5e {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-37e41c5e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-37e41c5e], .fade-leave-to[data-v-37e41c5e] {
  opacity: 0;
}

.fade-enter-active[data-v-37e41c5e], .fade-leave-active[data-v-37e41c5e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-37e41c5e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-37e41c5e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-37e41c5e] {
  animation: ipad-slide-37e41c5e 0.4s ease;
}

.ipad-slide-leave-active[data-v-37e41c5e] {
  animation: ipad-slide-37e41c5e 0.4s ease reverse;
}

@keyframes ipad-slide-37e41c5e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-37e41c5e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-37e41c5e], .local-fade-leave-to[data-v-37e41c5e] {
  opacity: 0;
}

.local-fade-enter-active[data-v-37e41c5e], .local-fade-leave-active[data-v-37e41c5e] {
  transition: opacity 0.2s;
}

.police-main[data-v-37e41c5e] {
  position: absolute;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 18.125rem;
  background: #000;
}

.police-main .main-info[data-v-37e41c5e] {
  background-color: #ffca1c;
  padding: 0.625rem 1.25rem;
}

.police-main .main-info__text span[data-v-37e41c5e]:first-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
}

.police-main .main-info__text span[data-v-37e41c5e]:last-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
}

.police-main .progress-line[data-v-37e41c5e] {
  height: 0.3125rem;
  background-color: rgba(255, 202, 28, 0.5);
}

.police-main .progress-line .progress[data-v-37e41c5e] {
  height: 100%;
  background-color: #ffca1c;
  transition: width 1s linear;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox[data-v-095f78d6], .mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-095f78d6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-095f78d6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-095f78d6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-095f78d6] {
  display: flex;
}

.justify-start[data-v-095f78d6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-095f78d6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-095f78d6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-095f78d6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-095f78d6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-095f78d6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-095f78d6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-095f78d6] {
  width: 100%;
}

.full-height[data-v-095f78d6] {
  height: 100%;
}

.picture-handler[data-v-095f78d6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-095f78d6] {
  border: 1px solid red;
}

.fade-up-animation[data-v-095f78d6] {
  animation: fadeOutUp-095f78d6 1s ease;
}

.fade-down-animation[data-v-095f78d6] {
  animation: fadeOutDown-095f78d6 1s ease;
}

@keyframes fadeOutUp-095f78d6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-095f78d6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-095f78d6] {
  animation: logotype-095f78d6 0.5s ease;
}

.logotype-leave-active[data-v-095f78d6] {
  animation: logotype-095f78d6 0.5s ease reverse;
}

@keyframes logotype-095f78d6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-095f78d6] {
  animation: cardMoveInside-095f78d6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-095f78d6] {
  animation: cardMoveOutside-095f78d6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-095f78d6 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-095f78d6 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-095f78d6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-095f78d6], .fade-leave-to[data-v-095f78d6] {
  opacity: 0;
}

.fade-enter-active[data-v-095f78d6], .fade-leave-active[data-v-095f78d6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-095f78d6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-095f78d6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-095f78d6] {
  animation: ipad-slide-095f78d6 0.4s ease;
}

.ipad-slide-leave-active[data-v-095f78d6] {
  animation: ipad-slide-095f78d6 0.4s ease reverse;
}

@keyframes ipad-slide-095f78d6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-095f78d6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-095f78d6], .local-fade-leave-to[data-v-095f78d6] {
  opacity: 0;
}

.local-fade-enter-active[data-v-095f78d6], .local-fade-leave-active[data-v-095f78d6] {
  transition: opacity 0.2s;
}

.mission[data-v-095f78d6] {
  width: 23.125rem;
  transition: 0.2s ease;
  transition-property: right, opacity;
}

.mission.hidden[data-v-095f78d6] {
  opacity: 0;
}

.mission.shown[data-v-095f78d6] {
  right: 0.9375rem;
}

.mission.shown .active-mission__picture-key[data-v-095f78d6] {
  opacity: 0;
}

.mission.shown .main-mission main .main-content[data-v-095f78d6] {
  margin-top: 0;
  opacity: 1;
}

.mission .coins[data-v-095f78d6] {
  min-height: 4rem;
  background-color: hsla(0, 0%, 7%, 0.9);
  width: 18.625rem;
  border-radius: 0.375rem;
  position: relative;
  padding: 0.75rem 0.875rem;
  overflow: hidden;
}

.mission .coins .coins-amount__title[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
  text-transform: uppercase;
}

.mission .coins .coins-amount__picture[data-v-095f78d6] {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 0.375rem;
}

.mission .coins .coins-amount__text[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
  text-transform: uppercase;
}

.mission .coins .time-left[data-v-095f78d6] {
  margin-top: 0.375rem;
}

.mission .coins .time-left__title[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.75);
}

.mission .coins .time-left__value[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
  margin-left: 0.375rem;
}

.mission .coins .vehicle[data-v-095f78d6] {
  right: -1.9375rem;
  width: 7.090625rem;
  height: 4rem;
}

.mission .coins .cloth[data-v-095f78d6], .mission .coins .vehicle[data-v-095f78d6] {
  position: absolute;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.mission .coins .cloth[data-v-095f78d6] {
  right: 0.625rem;
  width: 3.125rem;
  height: 3.125rem;
}

.mission .active-mission[data-v-095f78d6] {
  border-radius: 6px;
  overflow: hidden;
  margin-top: 0.4375rem;
}

.mission .active-mission .main-mission[data-v-095f78d6] {
  background-color: hsla(0, 0%, 7%, 0.85);
  width: 18.75rem;
}

.mission .active-mission .main-mission header[data-v-095f78d6] {
  min-height: 4rem;
  background-image: linear-gradient(180deg, transparent, rgba(232, 28, 90, 0.3));
}

.mission .active-mission .main-mission header .header-info[data-v-095f78d6] {
  min-height: inherit;
  padding: 0.75rem 0.875rem;
}

.mission .active-mission .main-mission header .header-info__title[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
  text-transform: uppercase;
}

.mission .active-mission .main-mission header .header-info__text[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.75);
  margin-top: 0.375rem;
}

.mission .active-mission .main-mission header .progress[data-v-095f78d6] {
  min-height: 0.1875rem;
  background-color: rgba(232, 28, 90, 0.5);
}

.mission .active-mission .main-mission header .progress__line[data-v-095f78d6] {
  min-height: inherit;
  background-color: #565656;
  transition: width 0.2s ease;
}

.mission .active-mission .main-mission main[data-v-095f78d6] {
  overflow: hidden;
}

.mission .active-mission .main-mission main .main-content[data-v-095f78d6] {
  padding: 0.625rem 0.9375rem;
  transition-property: opacity margin-top;
  transition: 0.2s ease;
}

.mission .active-mission .main-mission main .main-content__text[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.9);
}

.mission .active-mission .main-mission main .main-content .quests[data-v-095f78d6] {
  margin-top: 1rem;
  gap: 0.75rem;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block.finished .quest-block__title[data-v-095f78d6] {
  color: hsla(0, 0%, 100%, 0.9);
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox[data-v-095f78d6] {
  position: relative;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__picture[data-v-095f78d6] {
  width: 0.625rem;
  height: 0.4375rem;
  position: absolute;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.0625rem;
  height: 1.0625rem;
  background-color: #3c3c3b;
  border-radius: 3px;
  border: none;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .checkbox__input[data-v-095f78d6]:checked {
  background-color: #07CDFF;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block__title[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: hsla(0, 0%, 100%, 0.5);
  margin-left: 0.5rem;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .progress__text-value[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
}

.mission .active-mission .main-mission main .main-content .quests .quest-block .progress__text-max[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.5);
  margin-left: 0.25rem;
}

.mission .active-mission .main-mission footer[data-v-095f78d6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  background-color: #07CDFF;
  padding: 0.625rem 0.9375rem;
  min-height: 2.3125rem;
  max-height: 2.3125rem;
}

.fade-up-animation[data-v-d1e3a8aa] {
  animation: fadeOutUp-d1e3a8aa 1s ease;
}

.fade-down-animation[data-v-d1e3a8aa] {
  animation: fadeOutDown-d1e3a8aa 1s ease;
}

@keyframes fadeOutUp-d1e3a8aa {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-d1e3a8aa {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-d1e3a8aa] {
  animation: logotype-d1e3a8aa 0.5s ease;
}

.logotype-leave-active[data-v-d1e3a8aa] {
  animation: logotype-d1e3a8aa 0.5s ease reverse;
}

@keyframes logotype-d1e3a8aa {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-d1e3a8aa] {
  animation: cardMoveInside-d1e3a8aa ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-d1e3a8aa] {
  animation: cardMoveOutside-d1e3a8aa ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-d1e3a8aa {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-d1e3a8aa {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-d1e3a8aa {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-d1e3a8aa], .fade-leave-to[data-v-d1e3a8aa] {
  opacity: 0;
}

.fade-enter-active[data-v-d1e3a8aa], .fade-leave-active[data-v-d1e3a8aa] {
  transition: opacity 0.5s;
}

@keyframes slide-up-d1e3a8aa {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-d1e3a8aa {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-d1e3a8aa] {
  animation: ipad-slide-d1e3a8aa 0.4s ease;
}

.ipad-slide-leave-active[data-v-d1e3a8aa] {
  animation: ipad-slide-d1e3a8aa 0.4s ease reverse;
}

@keyframes ipad-slide-d1e3a8aa {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-d1e3a8aa {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.row-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-d1e3a8aa] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-d1e3a8aa] {
  display: flex;
}

.justify-start[data-v-d1e3a8aa] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-d1e3a8aa] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-d1e3a8aa] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-d1e3a8aa] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-d1e3a8aa] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-d1e3a8aa] {
  display: flex;
  align-items: center;
}

.align-end[data-v-d1e3a8aa] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-d1e3a8aa] {
  width: 100%;
}

.full-height[data-v-d1e3a8aa] {
  height: 100%;
}

.picture-handler[data-v-d1e3a8aa] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-d1e3a8aa] {
  border: 1px solid red;
}

.chat-main-container[data-v-d1e3a8aa] {
  position: relative;
  margin-top: 0.625rem;
  overflow: hidden;
}

.chat-main-container .chat-hide-container[data-v-d1e3a8aa] {
  position: absolute;
  bottom: 0;
  width: inherit;
  height: 100%;
  transition: height 0.2s ease;
  overflow: hidden;
}

.chat-main-container .chat-hide-container.hint-showed[data-v-d1e3a8aa] {
  height: 90%;
}

.chat-main-container .chat-hide-container .chat[data-v-d1e3a8aa] {
  position: absolute;
  bottom: 0;
}

.chat-window[data-v-d1e3a8aa] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chat-window .shadow[data-v-d1e3a8aa] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  min-height: 100vh;
  max-height: 100vh;
  width: 50rem;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.chat-window .input-container[data-v-d1e3a8aa] {
  width: 29.375rem;
  background-color: rgba(30, 33, 36, 0.8);
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
}

.chat-window .input-container__label[data-v-d1e3a8aa] {
  padding: 0.125rem 0.375rem;
  color: #fff;
  border-radius: 0.125rem;
  background-color: #7d47ce;
  margin-right: 0.625rem;
  font-family: ProximaNova-Condensed;
  font-size: 1.0625rem;
}

.chat-window .input-container__label.me[data-v-d1e3a8aa] {
  background-color: #7d47ce;
}

.chat-window .input-container__label.do[data-v-d1e3a8aa] {
  background-color: #4271f2;
}

.chat-window .input-container__label.try[data-v-d1e3a8aa] {
  background-color: #97de45;
  color: #000;
}

.chat-window .input-container__input[data-v-d1e3a8aa] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
  background-color: transparent;
  border: none;
  margin: 0 0.625rem 0 0;
  resize: none;
  overflow: hidden;
  min-height: 2.25rem;
  max-height: 6.25rem;
}

.chat[data-v-d1e3a8aa] {
  display: flex;
  align-items: flex-end;
  direction: rtl;
  height: 23.8125rem;
  width: 50rem;
  overflow: auto;
  padding: 0.9375rem;
  margin-bottom: 0.625rem;
  transition: opacity 0.3s ease;
}

.chat[data-v-d1e3a8aa]::-webkit-scrollbar {
  width: 0.25rem;
  background-color: transparent;
}

.chat[data-v-d1e3a8aa]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0);
}

.chat.afk[data-v-d1e3a8aa] {
  opacity: 0.5;
}

.chat.input-active[data-v-d1e3a8aa]::-webkit-scrollbar {
  width: 0.25rem;
  background-color: rgba(0, 0, 0, 0.25);
}

.chat.input-active[data-v-d1e3a8aa]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.35);
}

.chat__message[data-v-d1e3a8aa] {
  direction: ltr;
  color: #fff;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  font-weight: unset !important;
  position: relative;
  z-index: 2;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}

.chat__message[data-v-d1e3a8aa]:first-child {
  margin-top: 0 !important;
}

.chat__message-part[data-v-d1e3a8aa] {
  white-space: pre-wrap;
}

.chat__message-prefix[data-v-d1e3a8aa] {
  padding: 0.0625rem 0.3125rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  text-shadow: none;
  font-weight: 700;
  text-transform: uppercase;
}

.block .chat__message[data-v-d1e3a8aa] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  background-color: rgba(30, 33, 36, 0.7);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
  text-shadow: unset;
}

.block .chat__message.try[data-v-d1e3a8aa] {
  display: flex;
  padding: 0;
}

.block .chat__message.me[data-v-d1e3a8aa] {
  background-color: rgba(125, 71, 206, 0.7);
}

.block .chat__message.do[data-v-d1e3a8aa] {
  background-color: rgba(71, 130, 206, 0.7);
}

.block .chat__message .try-result[data-v-d1e3a8aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.3125rem 0.625rem;
  box-sizing: border-box;
}

.chat:not(.clean) .chat__message.try .chat__message-timestamp[data-v-d1e3a8aa] {
  align-self: center;
  margin-left: 0.5625rem;
}

.chat:not(.block) .chat__message.me[data-v-d1e3a8aa] {
  color: #c2a2da;
}

.chat:not(.block) .chat__message.do[data-v-d1e3a8aa] {
  color: #00c9c3;
}

.block .chat__message.try .chat__message-part[data-v-d1e3a8aa] {
  margin: 0.3125rem 0 0.3125rem 0.625rem;
  display: flex;
  align-items: center;
}

.disable-pointer-events[data-v-d1e3a8aa] {
  pointer-events: none;
}

.confirmation-buttons[data-v-d1e3a8aa] {
  display: inline-flex;
  flex-direction: row;
  border-radius: 0.1875rem;
  overflow: hidden;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa] {
  display: inline-flex;
  padding: 0.125rem 0.3125rem;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:first-child {
  background-color: #61de2f;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:last-child {
  background-color: #de2f2f;
}

.confirmation-buttons .control-button[data-v-d1e3a8aa]:hover {
  opacity: 1;
}

.fade-up-animation[data-v-4eae08b8] {
  animation: fadeOutUp-4eae08b8 1s ease;
}

.fade-down-animation[data-v-4eae08b8] {
  animation: fadeOutDown-4eae08b8 1s ease;
}

@keyframes fadeOutUp-4eae08b8 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-4eae08b8 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-4eae08b8] {
  animation: logotype-4eae08b8 0.5s ease;
}

.logotype-leave-active[data-v-4eae08b8] {
  animation: logotype-4eae08b8 0.5s ease reverse;
}

@keyframes logotype-4eae08b8 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-4eae08b8] {
  animation: cardMoveInside-4eae08b8 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-4eae08b8] {
  animation: cardMoveOutside-4eae08b8 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-4eae08b8 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-4eae08b8 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-4eae08b8 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-4eae08b8], .fade-leave-to[data-v-4eae08b8] {
  opacity: 0;
}

.fade-enter-active[data-v-4eae08b8], .fade-leave-active[data-v-4eae08b8] {
  transition: opacity 0.5s;
}

@keyframes slide-up-4eae08b8 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-4eae08b8 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-4eae08b8] {
  animation: ipad-slide-4eae08b8 0.4s ease;
}

.ipad-slide-leave-active[data-v-4eae08b8] {
  animation: ipad-slide-4eae08b8 0.4s ease reverse;
}

@keyframes ipad-slide-4eae08b8 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-4eae08b8 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.competition[data-v-4eae08b8] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 21.25rem;
  height: 4.375rem;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.competition .info[data-v-4eae08b8] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-right: auto;
}

.competition .info .title[data-v-4eae08b8] {
  color: #fff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}

.competition .info .sub-title[data-v-4eae08b8] {
  color: #fff;
  text-shadow: 0 0 0.75rem hsla(0, 0%, 100%, 0.5);
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.competition .car[data-v-4eae08b8] {
  position: absolute;
  z-index: 1;
  right: 0;
}

.competition .stars[data-v-4eae08b8] {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.competition[data-v-4eae08b8]:is(.is-participant) {
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.12), rgba(40, 128, 105, 0.12)), #282828;
}

.competition:is(.is-participant) .hours[data-v-4eae08b8] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  margin-left: 0.5rem;
  height: 2.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.9), rgba(40, 128, 105, 0.9));
}

.competition:is(.is-participant) .hours .value[data-v-4eae08b8] {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.competition:is(.is-participant) .hours .value .highlight[data-v-4eae08b8] {
  color: #fff;
}

.competition:is(.is-participant) .hours .text[data-v-4eae08b8] {
  color: hsla(0, 0%, 100%, 0.75);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.competition:is(.is-participant) .car[data-v-4eae08b8] {
  right: -3.75rem;
  height: 5.5625rem;
  opacity: 0.4;
  filter: blur(1px);
}

.competition[data-v-4eae08b8]:not(.is-participant) {
  background: linear-gradient(180deg, rgba(94, 207, 179, 0.7), rgba(40, 128, 105, 0.7)), rgba(40, 40, 40, 0.8);
}

.competition:not(.is-participant) .car[data-v-4eae08b8] {
  right: -1.5625rem;
  width: 9.9375rem;
  height: 4rem;
}

.competition:not(.is-participant) .glow[data-v-4eae08b8] {
  position: absolute;
  z-index: 0;
  right: -3.75rem;
  width: 13.8125rem;
  height: 5.5625rem;
  opacity: 0.2;
  mix-blend-mode: multiply;
  filter: blur(1px);
}

[data-v-4eae08b8] {
  font-family: var(--IntegratedFont);
}

.competition[data-v-ba0871de] {
  position: relative;
  width: 28.3333333333vh;
  height: 7.4074074074vh;
  padding: 0 1.1111111111vh;
  background: 50%/cover url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/ApplicationTS/pages/hud/components/competition/background.svg) no-repeat, linear-gradient(90deg, #b30046, #ff0061 50%, #b30046);
  border-radius: 0.5555555556vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.competition > p[data-v-ba0871de] {
  max-width: 9.2592592593vh;
  font-size: 1.4814814815vh;
  font-weight: 900;
  color: #fff;
  line-height: 120%;
  text-transform: uppercase;
}

.competition > img[data-v-ba0871de] {
  position: absolute;
  width: 6.4814814815vh;
  top: 0.7407407407vh;
  left: 50%;
  transform: translateX(-50%);
}

.competition-count[data-v-ba0871de] {
  padding: 0.5555555556vh 0.7407407407vh;
  background: linear-gradient(rgba(31, 31, 31, 0.5), rgba(31, 31, 31, 0.75));
  border-radius: 0.3703703704vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3703703704vh;
}

.competition-count > p[data-v-ba0871de] {
  font-weight: 600;
  text-transform: uppercase;
}

.competition-count > p[data-v-ba0871de]:first-child {
  font-size: 1.6666666667vh;
  color: #fff;
  line-height: 120%;
}

.competition-count > p:first-child > span[data-v-ba0871de] {
  color: hsla(0, 0%, 100%, 0.5);
  line-height: 120%;
}

.competition-count > p[data-v-ba0871de]:not(:first-child) {
  font-size: 0.9259259259vh;
  color: #fff;
  line-height: 100%;
}

.competition [data-v-ba0871de] {
  font-family: var(--IntegratedFont);
}

.container[data-v-55251580] {
  position: absolute;
  border: 1px solid red;
}

.fade-up-animation[data-v-0d147c89] {
  animation: fadeOutUp-0d147c89 1s ease;
}

.fade-down-animation[data-v-0d147c89] {
  animation: fadeOutDown-0d147c89 1s ease;
}

@keyframes fadeOutUp-0d147c89 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0d147c89 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0d147c89] {
  animation: logotype-0d147c89 0.5s ease;
}

.logotype-leave-active[data-v-0d147c89] {
  animation: logotype-0d147c89 0.5s ease reverse;
}

@keyframes logotype-0d147c89 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0d147c89] {
  animation: cardMoveInside-0d147c89 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0d147c89] {
  animation: cardMoveOutside-0d147c89 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0d147c89 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-0d147c89 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-0d147c89 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0d147c89], .fade-leave-to[data-v-0d147c89] {
  opacity: 0;
}

.fade-enter-active[data-v-0d147c89], .fade-leave-active[data-v-0d147c89] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0d147c89 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0d147c89 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0d147c89] {
  animation: ipad-slide-0d147c89 0.4s ease;
}

.ipad-slide-leave-active[data-v-0d147c89] {
  animation: ipad-slide-0d147c89 0.4s ease reverse;
}

@keyframes ipad-slide-0d147c89 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0d147c89 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.timer[data-v-0d147c89] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 18.625rem;
  margin: 0.625rem 0 0 0;
  padding: 0.5625rem 0 0.4375rem 1.25rem;
  height: 4.25rem;
  background: linear-gradient(90deg, #07CDFF -9.38%, #711531);
  border-radius: 0.375rem;
  overflow: hidden;
}

.timer [data-v-0d147c89] {
  font-family: var(--IntegratedFont);
}

.timer-back1[data-v-0d147c89] {
  z-index: 0;
  left: 0;
}

.timer-back1[data-v-0d147c89], .timer-back2[data-v-0d147c89] {
  position: absolute;
  top: 0;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.timer-back2[data-v-0d147c89] {
  z-index: 1;
  right: -0.625rem;
}

.timer-title[data-v-0d147c89] {
  position: relative;
  z-index: 2;
  padding-left: 0;
  margin-bottom: 0.3125rem;
  color: #fff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}

.timer-title[data-v-0d147c89]:before {
  display: none;
}

.timer-leftTime[data-v-0d147c89] {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.timer-leftTime__item[data-v-0d147c89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-right: 0.1875rem;
  width: 2.125rem;
}

.timer-leftTime__item-value-wrapper[data-v-0d147c89] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1875rem;
  width: 100%;
  height: 1.375rem;
  border-radius: 0.1875rem;
  background: #131313;
}

.timer-leftTime__item-value[data-v-0d147c89] {
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.04375rem;
  text-transform: uppercase;
  background: linear-gradient(180deg, #fff, #fff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.timer-leftTime__item-text[data-v-0d147c89] {
  color: hsla(0, 0%, 100%, 0.9);
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

.timer-leftTime__item[data-v-0d147c89]:last-child {
  margin-right: 0;
}

.timer-leftTime__colon[data-v-0d147c89] {
  margin-top: 0.25rem;
  margin-right: 0.1875rem;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}

.timer.withoutTime[data-v-0d147c89] {
  justify-content: center;
}

.timer.withoutTime .timer-title[data-v-0d147c89] {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.fade-up-animation[data-v-7ab762bc] {
  animation: fadeOutUp-7ab762bc 1s ease;
}

.fade-down-animation[data-v-7ab762bc] {
  animation: fadeOutDown-7ab762bc 1s ease;
}

@keyframes fadeOutUp-7ab762bc {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7ab762bc {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7ab762bc] {
  animation: logotype-7ab762bc 0.5s ease;
}

.logotype-leave-active[data-v-7ab762bc] {
  animation: logotype-7ab762bc 0.5s ease reverse;
}

@keyframes logotype-7ab762bc {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7ab762bc] {
  animation: cardMoveInside-7ab762bc ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7ab762bc] {
  animation: cardMoveOutside-7ab762bc ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7ab762bc {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-7ab762bc {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-7ab762bc {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7ab762bc], .fade-leave-to[data-v-7ab762bc] {
  opacity: 0;
}

.fade-enter-active[data-v-7ab762bc], .fade-leave-active[data-v-7ab762bc] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7ab762bc {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7ab762bc {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7ab762bc] {
  animation: ipad-slide-7ab762bc 0.4s ease;
}

.ipad-slide-leave-active[data-v-7ab762bc] {
  animation: ipad-slide-7ab762bc 0.4s ease reverse;
}

@keyframes ipad-slide-7ab762bc {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7ab762bc {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.snowmanEvent[data-v-7ab762bc] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.375rem;
  width: 18.625rem;
  margin: 0.625rem 0 0 0;
}

.snowmanEvent [data-v-7ab762bc] {
  font-family: var(--IntegratedFont);
}

.snowmanEvent .snow-up[data-v-7ab762bc] {
  position: absolute;
  top: -0.1875rem;
  left: -0.1875rem;
  width: 3.5rem;
  height: 1.75rem;
}

.snowmanEvent .snow-up-2[data-v-7ab762bc] {
  position: absolute;
  top: -0.1875rem;
  right: 4.875rem;
  width: 2.5rem;
  height: 0.8125rem;
}

.snowmanEvent .garland[data-v-7ab762bc] {
  position: absolute;
  top: -0.5625rem;
  right: 0;
  left: 3.1875rem;
}

.snowmanEvent .snow-down[data-v-7ab762bc] {
  position: absolute;
  bottom: 0;
  left: 0.125rem;
  right: 0.375rem;
}

.snowmanEvent .block[data-v-7ab762bc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  padding: 0.875rem;
  width: 100%;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.5);
}

.snowmanEvent .block .text[data-v-7ab762bc], .snowmanEvent .block .value[data-v-7ab762bc] {
  color: #fff;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 100%;
}

.snowmanEvent .block .value[data-v-7ab762bc] {
  text-align: center;
}

.row-block[data-v-82d800f6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-82d800f6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-82d800f6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-82d800f6] {
  display: flex;
}

.justify-start[data-v-82d800f6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-82d800f6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-82d800f6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-82d800f6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-82d800f6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-82d800f6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-82d800f6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-82d800f6] {
  width: 100%;
}

.full-height[data-v-82d800f6] {
  height: 100%;
}

.picture-handler[data-v-82d800f6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-82d800f6] {
  border: 1px solid red;
}

.fade-up-animation[data-v-82d800f6] {
  animation: fadeOutUp-82d800f6 1s ease;
}

.fade-down-animation[data-v-82d800f6] {
  animation: fadeOutDown-82d800f6 1s ease;
}

@keyframes fadeOutUp-82d800f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-82d800f6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-82d800f6] {
  animation: logotype-82d800f6 0.5s ease;
}

.logotype-leave-active[data-v-82d800f6] {
  animation: logotype-82d800f6 0.5s ease reverse;
}

@keyframes logotype-82d800f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-82d800f6] {
  animation: cardMoveInside-82d800f6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-82d800f6] {
  animation: cardMoveOutside-82d800f6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-82d800f6 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-82d800f6 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-82d800f6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-82d800f6], .fade-leave-to[data-v-82d800f6] {
  opacity: 0;
}

.fade-enter-active[data-v-82d800f6], .fade-leave-active[data-v-82d800f6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-82d800f6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-82d800f6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-82d800f6] {
  animation: ipad-slide-82d800f6 0.4s ease;
}

.ipad-slide-leave-active[data-v-82d800f6] {
  animation: ipad-slide-82d800f6 0.4s ease reverse;
}

@keyframes ipad-slide-82d800f6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-82d800f6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.compass[data-v-82d800f6] {
  position: fixed;
  z-index: -1;
  top: 0.625rem;
  left: calc(50% - 18.4375rem);
  height: 3.1875rem;
  width: 36.875rem;
  overflow: hidden;
  pointer-events: none;
}

.compass .back[data-v-82d800f6] {
  position: absolute;
  top: 0;
  height: 100%;
}

.compass .back-left[data-v-82d800f6] {
  left: 0;
  width: 15.3125rem;
  background: linear-gradient(90deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, 0.2));
}

.compass .back-center[data-v-82d800f6] {
  left: calc(50% - 3.125rem);
  width: 6.25rem;
  background-color: rgba(26, 26, 26, 0.2);
}

.compass .back-right[data-v-82d800f6] {
  right: 0;
  width: 15.3125rem;
  background: linear-gradient(90deg, rgba(26, 26, 26, 0.2), rgba(26, 26, 26, 0));
}

.compass .arrow[data-v-82d800f6] {
  position: absolute;
  top: 0;
  left: calc(50% - 0.46875rem);
  width: 0.9375rem;
  height: 0.8125rem;
  fill: #fff;
}

.compass .current-value-deg[data-v-82d800f6] {
  position: absolute;
  z-index: 3;
  bottom: 0.1875rem;
  height: 1.375rem;
  text-align: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  color: #fcfcfc;
  text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
}

.compass .degrees-wrapper[data-v-82d800f6] {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
}

.compass .degrees-wrapper .degrees[data-v-82d800f6] {
  position: relative;
  z-index: 2;
  padding-top: 0.8125rem;
  height: 100%;
}

.compass .degrees-wrapper .degrees.transition[data-v-82d800f6] {
  transition: transform 0.1s ease;
}

.compass .degrees-wrapper .degrees .degree[data-v-82d800f6] {
  min-width: 1.875rem;
  max-width: 1.875rem;
}

.compass .degrees-wrapper .degrees .degree .mark[data-v-82d800f6] {
  margin-bottom: 0.5rem;
  width: 0.125rem;
  height: 0.3125rem;
  background-color: hsla(0, 0%, 100%, 0.7);
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1);
}

.compass .degrees-wrapper .degrees .degree .mark.big[data-v-82d800f6] {
  margin-bottom: 0.1875rem;
  width: 0.25rem;
  height: 0.625rem;
  background-color: #fff;
}

.compass .degrees-wrapper .degrees .degree .degreeValue[data-v-82d800f6] {
  font-size: 0.875rem;
  color: hsla(0, 0%, 99%, 0.75);
  line-height: 1rem;
}

.compass .degrees-wrapper .degrees .degree .degreeValue[data-v-82d800f6], .compass .degrees-wrapper .degrees .degree .letterMark[data-v-82d800f6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
  transition: color 0.1s ease;
}

.compass .degrees-wrapper .degrees .degree .letterMark[data-v-82d800f6] {
  font-size: 1rem;
  color: #fcfcfc;
  line-height: 1.125rem;
}

.compass .degrees-wrapper .degrees .degree.darkened .degreeValue[data-v-82d800f6], .compass .degrees-wrapper .degrees .degree.darkened .letterMark[data-v-82d800f6] {
  color: hsla(0, 0%, 99%, 0.3);
}

.compass.capture[data-v-82d800f6] {
  top: 7.5rem;
}

.compass.miniGamesIsPlaying[data-v-82d800f6] {
  top: 4.1875rem;
}

.draw-text[data-v-2eacc52e] {
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  color: #ccc;
  -webkit-text-stroke: 0.0462962963vh #333;
  text-align: center;
  font-size: 2.037037037vh;
  font-weight: 500;
  line-height: 100%;
  top: auto;
  left: 0;
  right: 0;
  bottom: 25%;
  margin: 0 auto;
  transform: scale(1);
  text-shadow: 0 0 3px #1a1a1a;
}

.draw-text [data-v-2eacc52e], .draw-text[data-v-2eacc52e] {
  font-family: var(--IntegratedFont);
}

.fade-up-animation[data-v-b0b1108e] {
  animation: fadeOutUp-b0b1108e 1s ease;
}

.fade-down-animation[data-v-b0b1108e] {
  animation: fadeOutDown-b0b1108e 1s ease;
}

@keyframes fadeOutUp-b0b1108e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-b0b1108e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-b0b1108e] {
  animation: logotype-b0b1108e 0.5s ease;
}

.logotype-leave-active[data-v-b0b1108e] {
  animation: logotype-b0b1108e 0.5s ease reverse;
}

@keyframes logotype-b0b1108e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-b0b1108e] {
  animation: cardMoveInside-b0b1108e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-b0b1108e] {
  animation: cardMoveOutside-b0b1108e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-b0b1108e {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-b0b1108e {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-b0b1108e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-b0b1108e], .fade-leave-to[data-v-b0b1108e] {
  opacity: 0;
}

.fade-enter-active[data-v-b0b1108e], .fade-leave-active[data-v-b0b1108e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-b0b1108e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-b0b1108e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-b0b1108e] {
  animation: ipad-slide-b0b1108e 0.4s ease;
}

.ipad-slide-leave-active[data-v-b0b1108e] {
  animation: ipad-slide-b0b1108e 0.4s ease reverse;
}

@keyframes ipad-slide-b0b1108e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-b0b1108e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.trade-container .control-keys .key-letter[data-v-b0b1108e], .trade-container .trade-header .trade-icon[data-v-b0b1108e] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-b0b1108e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-b0b1108e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-b0b1108e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-b0b1108e] {
  display: flex;
}

.justify-start[data-v-b0b1108e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-b0b1108e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-b0b1108e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-b0b1108e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-b0b1108e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-b0b1108e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-b0b1108e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-b0b1108e] {
  width: 100%;
}

.full-height[data-v-b0b1108e] {
  height: 100%;
}

.picture-handler[data-v-b0b1108e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-b0b1108e] {
  border: 1px solid red;
}

.local-fade-enter-from[data-v-b0b1108e], .local-fade-leave-to[data-v-b0b1108e] {
  opacity: 0;
}

.local-fade-enter-active[data-v-b0b1108e], .local-fade-leave-active[data-v-b0b1108e] {
  transition: opacity 0.2s;
}

.local-fade-leave-active[data-v-b0b1108e] {
  position: absolute;
}

.trade[data-v-b0b1108e] {
  position: absolute;
  bottom: 0;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
  z-index: -1;
}

.trade-container[data-v-b0b1108e] {
  margin-bottom: 6.4814814815vh;
}

.trade-container .trade-header[data-v-b0b1108e] {
  gap: 1.1111111111vh;
}

.trade-container .trade-header .trade-icon[data-v-b0b1108e] {
  width: 4.4444444444vh;
  height: 4.4444444444vh;
  border-radius: 0.7407407407vh;
  background-color: #e8e8e8;
  position: relative;
}

.trade-container .trade-header .trade-icon__queue[data-v-b0b1108e] {
  position: absolute;
  border-radius: 0.5555555556vh;
  background-color: #07CDFF;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.7592592593vh;
  height: 1.7592592593vh;
  padding: 0 0.3703703704vh;
  color: #fcfcfc;
  text-align: center;
  top: -0.5555555556vh;
  right: -0.5555555556vh;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2962962963vh;
}

.trade-container .trade-header .trade-icon svg[data-v-b0b1108e] {
  width: 1.8518518519vh;
  height: 1.8518518519vh;
}

.trade-container .trade-header .trade-icon svg[data-v-b0b1108e] path {
  fill: #212121;
}

.trade-container .trade-header .trade-data[data-v-b0b1108e] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trade-container .trade-header .trade-data .user-data__text-nickname[data-v-b0b1108e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #fcfcfc;
  text-transform: uppercase;
}

.trade-container .trade-header .trade-data .user-data__text-uid[data-v-b0b1108e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: hsla(0, 0%, 97%, 0.5);
  margin-left: 0.3703703704vh;
}

.trade-container .trade-header .trade-data__label[data-v-b0b1108e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2962962963vh;
  color: #f8f8f8;
  text-transform: uppercase;
  margin-top: 0.7407407407vh;
  display: flex;
  align-items: center;
  gap: 0.7407407407vh;
}

.trade-container .trade-header .trade-data__label .grey[data-v-b0b1108e] {
  opacity: 0.75;
}

.trade-container .line[data-v-b0b1108e] {
  height: 0.2777777778vh;
  width: 100%;
  background-color: #2e2e2e;
  border-radius: 0.9259259259vh;
  margin-top: 1.8518518519vh;
  margin-bottom: 1.8518518519vh;
  position: relative;
}

.trade-container .line__progress[data-v-b0b1108e] {
  position: absolute;
  height: 100%;
  width: 50%;
  background-color: #07CDFF;
  border-radius: 0.9259259259vh;
}

.trade-container .control-keys[data-v-b0b1108e] {
  padding: 0 0.9259259259vh;
  gap: 1.875rem;
}

.trade-container .control-keys .key-letter[data-v-b0b1108e] {
  font-family: ProximaNova, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.6666666667vh;
  padding: 0 0.6481481481vh;
  min-width: 2.4074074074vh;
  height: 2.4074074074vh;
  background-color: #f8f8f8;
  color: #111;
  border-radius: 0.2777777778vh;
}

.trade-container .control-keys .key__text[data-v-b0b1108e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6666666667vh;
  margin-left: 0.9259259259vh;
  color: #fff;
}

.row-block[data-v-72c99924] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-72c99924] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-72c99924] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-72c99924] {
  display: flex;
}

.justify-start[data-v-72c99924] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-72c99924] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-72c99924] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-72c99924] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-72c99924] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-72c99924] {
  display: flex;
  align-items: center;
}

.align-end[data-v-72c99924] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-72c99924] {
  width: 100%;
}

.full-height[data-v-72c99924] {
  height: 100%;
}

.picture-handler[data-v-72c99924] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-72c99924] {
  border: 1px solid red;
}

.fade-up-animation[data-v-72c99924] {
  animation: fadeOutUp-72c99924 1s ease;
}

.fade-down-animation[data-v-72c99924] {
  animation: fadeOutDown-72c99924 1s ease;
}

@keyframes fadeOutUp-72c99924 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-72c99924 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-72c99924] {
  animation: logotype-72c99924 0.5s ease;
}

.logotype-leave-active[data-v-72c99924] {
  animation: logotype-72c99924 0.5s ease reverse;
}

@keyframes logotype-72c99924 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-72c99924] {
  animation: cardMoveInside-72c99924 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-72c99924] {
  animation: cardMoveOutside-72c99924 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-72c99924 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-72c99924 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-72c99924 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-72c99924], .fade-leave-to[data-v-72c99924] {
  opacity: 0;
}

.fade-enter-active[data-v-72c99924], .fade-leave-active[data-v-72c99924] {
  transition: opacity 0.5s;
}

@keyframes slide-up-72c99924 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-72c99924 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-72c99924] {
  animation: ipad-slide-72c99924 0.4s ease;
}

.ipad-slide-leave-active[data-v-72c99924] {
  animation: ipad-slide-72c99924 0.4s ease reverse;
}

@keyframes ipad-slide-72c99924 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-72c99924 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.timebars[data-v-72c99924] {
  margin-bottom: 3.4375rem;
  align-items: flex-end;
}

.timebars.speedo-active[data-v-72c99924] {
  margin-bottom: 1.25rem;
}

.timebars .bar[data-v-72c99924] {
  margin-bottom: 0.125rem;
  height: 2.5rem;
  min-width: 15.625rem;
  border-radius: 0.1875rem;
  background-color: rgba(20, 22, 28, 0.8);
  padding: 0 0.625rem 0 0.75rem;
}

.timebars .bar.newYear[data-v-72c99924] {
  background: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 7%, 0.07), hsla(0, 0%, 7%, 0)), 0 0/contain url(https://cdn.just-rp.online/cdn.majestic-files.com/public/master/static/img/hud/timebars/background.png) repeat-x, linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 42, 110, 0.5));
}

.timebars .bar.progressBar[data-v-72c99924], .timebars .bar.stages[data-v-72c99924] {
  width: auto;
  padding-left: 0.9375rem;
}

.timebars .bar__text[data-v-72c99924], .timebars .bar__title[data-v-72c99924] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  white-space: nowrap;
  color: var(--color, #fff);
}

.timebars .bar__text[data-v-72c99924] {
  min-width: 2.5rem;
  margin: 0 0.5rem;
  text-align: center;
}

.timebars .bar .progressbar[data-v-72c99924] {
  width: 10.625rem;
  min-height: 0.3125rem;
  margin-left: 0.9375rem;
  margin-right: 0.625rem;
}

.timebars .bar .progressbar-value[data-v-72c99924] {
  min-height: inherit;
  width: 0;
}

.timebars .bar .stages[data-v-72c99924] {
  margin-left: 0.9375rem;
  margin-right: 0.625rem;
}

.timebars .bar .stages .stage[data-v-72c99924] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  margin-right: 0.3125rem;
}

.timebars .bar .stages .stage.active[data-v-72c99924] {
  background-color: var(--active-bg) !important;
}

.timebars .bar .stages .stage[data-v-72c99924]:last-child {
  margin-right: 0;
}

.timebars .bar .player-score[data-v-72c99924] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: var(--color, #fff);
}

.fade-up-animation[data-v-7a91658e] {
  animation: fadeOutUp-7a91658e 1s ease;
}

.fade-down-animation[data-v-7a91658e] {
  animation: fadeOutDown-7a91658e 1s ease;
}

@keyframes fadeOutUp-7a91658e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-7a91658e {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-7a91658e] {
  animation: logotype-7a91658e 0.5s ease;
}

.logotype-leave-active[data-v-7a91658e] {
  animation: logotype-7a91658e 0.5s ease reverse;
}

@keyframes logotype-7a91658e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-7a91658e] {
  animation: cardMoveInside-7a91658e ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-7a91658e] {
  animation: cardMoveOutside-7a91658e ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-7a91658e {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-7a91658e {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-7a91658e {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-7a91658e], .fade-leave-to[data-v-7a91658e] {
  opacity: 0;
}

.fade-enter-active[data-v-7a91658e], .fade-leave-active[data-v-7a91658e] {
  transition: opacity 0.5s;
}

@keyframes slide-up-7a91658e {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-7a91658e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-7a91658e] {
  animation: ipad-slide-7a91658e 0.4s ease;
}

.ipad-slide-leave-active[data-v-7a91658e] {
  animation: ipad-slide-7a91658e 0.4s ease reverse;
}

@keyframes ipad-slide-7a91658e {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-7a91658e {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.money .money-container .money-block__logo[data-v-7a91658e] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-7a91658e] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-7a91658e] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-7a91658e] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-7a91658e] {
  display: flex;
}

.justify-start[data-v-7a91658e] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-7a91658e] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-7a91658e] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-7a91658e] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-7a91658e] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-7a91658e] {
  display: flex;
  align-items: center;
}

.align-end[data-v-7a91658e] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-7a91658e] {
  width: 100%;
}

.full-height[data-v-7a91658e] {
  height: 100%;
}

.picture-handler[data-v-7a91658e] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-7a91658e] {
  border: 1px solid red;
}

.money[data-v-7a91658e] {
  display: flex;
  flex-direction: column;
  margin-top: 0.875rem;
}

.money .money-container[data-v-7a91658e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.money .money-container .money-block[data-v-7a91658e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5625rem;
}

.money .money-container .money-block.positive[data-v-7a91658e] {
  color: #a7fa53 !important;
}

.money .money-container .money-block.negative[data-v-7a91658e] {
  color: salmon !important;
}

.money .money-container .money-block__value[data-v-7a91658e] {
  transition: color 0.5s ease;
}

.money .money-container .money-block__logo[data-v-7a91658e] {
  filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.32));
}

.money .money-container .money-block.cash_hud[data-v-7a91658e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.money .money-container .money-block.cash_hud[data-v-7a91658e] svg {
  width: 1rem;
  height: 1rem;
}

.money .money-container .money-block.bank_hud[data-v-7a91658e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.money .money-container .money-block.bank_hud[data-v-7a91658e] svg {
  width: 1rem;
  height: 1rem;
}

.money .money-container .money-block .chip_hud[data-v-7a91658e] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
  display: flex;
  gap: 0.5625rem;
  align-items: center;
  filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.32));
}

.money .money-container .money-block .chip_hud[data-v-7a91658e]:not(:first-child) {
  margin-left: 0.3125rem;
}

.money .money-container .money-block .chip_hud[data-v-7a91658e] svg {
  width: 1rem;
  height: 1rem;
}

.hint-container .hint-icon[data-v-3109e152] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-3109e152] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-3109e152] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-3109e152] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-3109e152] {
  display: flex;
}

.justify-start[data-v-3109e152] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-3109e152] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-3109e152] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-3109e152] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-3109e152] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-3109e152] {
  display: flex;
  align-items: center;
}

.align-end[data-v-3109e152] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-3109e152] {
  width: 100%;
}

.full-height[data-v-3109e152] {
  height: 100%;
}

.picture-handler[data-v-3109e152] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-3109e152] {
  border: 1px solid red;
}

.fade-up-animation[data-v-3109e152] {
  animation: fadeOutUp-3109e152 1s ease;
}

.fade-down-animation[data-v-3109e152] {
  animation: fadeOutDown-3109e152 1s ease;
}

@keyframes fadeOutUp-3109e152 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-3109e152 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-3109e152] {
  animation: logotype-3109e152 0.5s ease;
}

.logotype-leave-active[data-v-3109e152] {
  animation: logotype-3109e152 0.5s ease reverse;
}

@keyframes logotype-3109e152 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-3109e152] {
  animation: cardMoveInside-3109e152 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-3109e152] {
  animation: cardMoveOutside-3109e152 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-3109e152 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-3109e152 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-3109e152 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-3109e152], .fade-leave-to[data-v-3109e152] {
  opacity: 0;
}

.fade-enter-active[data-v-3109e152], .fade-leave-active[data-v-3109e152] {
  transition: opacity 0.5s;
}

@keyframes slide-up-3109e152 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-3109e152 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-3109e152] {
  animation: ipad-slide-3109e152 0.4s ease;
}

.ipad-slide-leave-active[data-v-3109e152] {
  animation: ipad-slide-3109e152 0.4s ease reverse;
}

@keyframes ipad-slide-3109e152 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-3109e152 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.hint-container[data-v-3109e152] {
  position: absolute;
  z-index: 3;
  padding: 2.037037037vh 1.8518518519vh;
}

.hint-container.bottomed[data-v-3109e152] {
  padding: 0;
  right: 1.3125rem;
  bottom: 0.5rem;
}

.hint-container .hint[data-v-3109e152] {
  background-color: #1e2124;
  padding: 0.6481481481vh 1.2962962963vh;
  border-radius: 6px;
  position: relative;
  z-index: 3;
}

.hint-container .hint__text[data-v-3109e152] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.hint-container .hint-icon[data-v-3109e152] {
  padding: 0.2777777778vh 0.8333333333vh;
  border-radius: 0.2777777778vh;
  background-color: #f8f8f8;
  min-width: 2.4074074074vh;
  min-height: 2.4074074074vh;
  margin: 0 0.7407407407vh;
}

.hint-container .hint-icon__picture[data-v-3109e152] {
  min-width: inherit;
}

.hint-container .hint-icon__text[data-v-3109e152] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.4814814815vh;
  color: #111;
}

.fade-up-animation[data-v-67f0a894] {
  animation: fadeOutUp-67f0a894 1s ease;
}

.fade-down-animation[data-v-67f0a894] {
  animation: fadeOutDown-67f0a894 1s ease;
}

@keyframes fadeOutUp-67f0a894 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-67f0a894 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-67f0a894] {
  animation: logotype-67f0a894 0.5s ease;
}

.logotype-leave-active[data-v-67f0a894] {
  animation: logotype-67f0a894 0.5s ease reverse;
}

@keyframes logotype-67f0a894 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-67f0a894] {
  animation: cardMoveInside-67f0a894 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-67f0a894] {
  animation: cardMoveOutside-67f0a894 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-67f0a894 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-67f0a894 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-67f0a894 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-67f0a894], .fade-leave-to[data-v-67f0a894] {
  opacity: 0;
}

.fade-enter-active[data-v-67f0a894], .fade-leave-active[data-v-67f0a894] {
  transition: opacity 0.5s;
}

@keyframes slide-up-67f0a894 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-67f0a894 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-67f0a894] {
  animation: ipad-slide-67f0a894 0.4s ease;
}

.ipad-slide-leave-active[data-v-67f0a894] {
  animation: ipad-slide-67f0a894 0.4s ease reverse;
}

@keyframes ipad-slide-67f0a894 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-67f0a894 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.carhud-container-content .car-status .fuel-status__text-fuel[data-v-67f0a894], .carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-67f0a894], .carhud-container-content .car-status .oil-status__text[data-v-67f0a894], .carhud-container-simple .hud_container.additional-info[data-v-67f0a894] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carhud-container-content[data-v-67f0a894] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-67f0a894] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-67f0a894] {
  display: flex;
}

.justify-start[data-v-67f0a894] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-67f0a894] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-67f0a894] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-67f0a894] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-67f0a894] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-67f0a894] {
  display: flex;
  align-items: center;
}

.align-end[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-67f0a894] {
  width: 100%;
}

.full-height[data-v-67f0a894] {
  height: 100%;
}

.picture-handler[data-v-67f0a894] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-67f0a894] {
  border: 1px solid red;
}

.carhud[data-v-67f0a894] {
  transform-origin: right bottom;
  margin-bottom: 0.6875rem;
}

.carhud-radial-shadow[data-v-67f0a894] {
  position: fixed;
  bottom: -9rem;
  right: 0;
  pointer-events: none;
  z-index: -10;
  height: 42.625rem;
  max-height: 42.625rem;
  min-height: 42.625rem;
  width: 42.625rem;
  max-width: 42.625rem;
  min-width: 42.625rem;
  background-image: radial-gradient(circle at 100% 100%, rgba(0, 0, 0, 0.45), transparent 70%);
}

.carhud-2[data-v-67f0a894] {
  margin-bottom: -1.25rem;
}

.carhud-4[data-v-67f0a894], .carhud-5[data-v-67f0a894] {
  margin-bottom: 1.875rem;
}

.carhud-container-second[data-v-67f0a894] {
  position: relative;
  width: 29.125rem;
  height: 29.125rem;
  margin-bottom: -3.125rem;
  transform: scale(0.7);
  display: flex;
  justify-content: center;
  margin-right: -2.75rem;
}

.carhud-container-second__background[data-v-67f0a894] {
  width: 100%;
  height: 100%;
  position: absolute;
}

.carhud-container-second__fuel[data-v-67f0a894], .carhud-container-second__oil[data-v-67f0a894] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  max-width: 2.5rem;
  min-width: 2.5rem;
}

.carhud-container-second__fuel__icon svg[data-v-67f0a894], .carhud-container-second__oil__icon svg[data-v-67f0a894] {
  height: 1.25rem;
  width: auto;
}

.carhud-container-second__fuel__text[data-v-67f0a894], .carhud-container-second__oil__text[data-v-67f0a894] {
  text-align: center;
  width: 2.5rem;
  max-width: 2.5rem;
  min-width: 2.5rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1875rem;
}

.carhud-container-second__fuel__text__splitter[data-v-67f0a894], .carhud-container-second__oil__text__splitter[data-v-67f0a894] {
  height: 0.0625rem;
  width: 1.5rem;
  background-color: #fff;
}

.carhud-container-second__fuel__text .grey[data-v-67f0a894], .carhud-container-second__oil__text .grey[data-v-67f0a894] {
  color: #888;
}

.carhud-container-second__fuel[data-v-67f0a894] {
  left: 28.125rem;
  bottom: 16.875rem;
}

.carhud-container-second__fuel.isElectro[data-v-67f0a894] {
  bottom: 17.875rem;
}

.carhud-container-second__oil[data-v-67f0a894] {
  left: 27.75rem;
  bottom: 9.0625rem;
}

.carhud-container-second__mileage[data-v-67f0a894] {
  position: absolute;
  top: 17.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5625rem;
}

.carhud-container-second__mileage__value[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.carhud-container-second__mileage__value .square[data-v-67f0a894] {
  height: 1.875rem;
  max-height: 1.875rem;
  min-height: 1.875rem;
  width: 1.875rem;
  max-width: 1.875rem;
  min-width: 1.875rem;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.5);
  border-radius: 0.375rem;
  color: #fff;
  display: grid;
  place-items: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
}

.carhud-container-second__mileage__value .square.grey[data-v-67f0a894] {
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-second__mileage__label[data-v-67f0a894] {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 100%, 0.5);
}

@keyframes blink-icon-67f0a894 {
  0% {
    fill: hsla(0, 0%, 100%, 0.5);
  }
  to {
    fill: var(--fill-color);
  }
}
.carhud-container-second__turnSignals[data-v-67f0a894] {
  position: absolute;
  top: 8.0625rem;
  display: flex;
  align-items: center;
  gap: 0.6875rem;
}

.carhud-container-second__turnSignals .arrow[data-v-67f0a894] {
  width: 1.3125rem;
  max-width: 1.3125rem;
  min-width: 1.3125rem;
  height: 1.25rem;
  max-height: 1.25rem;
  min-height: 1.25rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__turnSignals .arrow.active[data-v-67f0a894] {
  --fill-color: #b4ed3b ;
}

.carhud-container-second__turnSignals .arrow[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
  animation: blink-icon-67f0a894 0.5s ease infinite alternate;
}

.carhud-container-second__turnSignals .arrow.right[data-v-67f0a894] {
  transform: rotate(180deg);
}

.carhud-container-second__turnSignals .emergencyGang[data-v-67f0a894] {
  width: 2rem;
  max-width: 2rem;
  min-width: 2rem;
  height: 1.625rem;
  max-height: 1.625rem;
  min-height: 1.625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__turnSignals .emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__turnSignals .emergencyGang.active[data-v-67f0a894] {
  --fill-color: #ff2727 ;
}

.carhud-container-second__speed[data-v-67f0a894] {
  position: absolute;
  top: 11.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.625rem;
}

.carhud-container-second__speed__value[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.carhud-container-second__speed__value__gear[data-v-67f0a894] {
  height: 3.0625rem;
  max-height: 3.0625rem;
  min-height: 3.0625rem;
  width: 2.625rem;
  max-width: 2.625rem;
  min-width: 2.625rem;
  overflow: hidden;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.5rem;
}

.carhud-container-second__speed__value__gear div[data-v-67f0a894] {
  position: absolute;
}

.carhud-container-second__speed__value__speed[data-v-67f0a894] {
  height: 3.0625rem;
  max-height: 3.0625rem;
  min-height: 3.0625rem;
  width: 8.375rem;
  max-width: 8.375rem;
  min-width: 8.375rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 4.4375rem;
  line-height: 3.3125rem;
  color: #fff;
}

.carhud-container-second__speed__value__speed .grey-color[data-v-67f0a894] {
  color: #aaa;
}

.carhud-container-second__speed__label[data-v-67f0a894] {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.25rem;
  color: #fff;
}

.carhud-container-second__numbers[data-v-67f0a894] {
  z-index: -1;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.carhud-container-second__numbers .number-0[data-v-67f0a894] {
  position: absolute;
  top: 18.6975rem;
  left: 6.225rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-0.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-1[data-v-67f0a894] {
  position: absolute;
  top: 14.04625rem;
  left: 4.920625rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-1.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-2[data-v-67f0a894] {
  position: absolute;
  top: 9.33875rem;
  left: 6.16875rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-2.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-3[data-v-67f0a894] {
  position: absolute;
  top: 5.935625rem;
  left: 9.628125rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-3.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-4[data-v-67f0a894] {
  position: absolute;
  top: 4.6875rem;
  left: 14.2225rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-4.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-5[data-v-67f0a894] {
  position: absolute;
  top: 5.935625rem;
  left: 18.87375rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-5.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-6[data-v-67f0a894] {
  position: absolute;
  top: 9.33875rem;
  left: 22.33375rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-6.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-7[data-v-67f0a894] {
  position: absolute;
  top: 14.04625rem;
  left: 23.638125rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-7.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__numbers .number-8[data-v-67f0a894] {
  position: absolute;
  top: 18.6975rem;
  left: 22.33375rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  opacity: 0.7;
}

.carhud-container-second__numbers .number-8.noOpacity[data-v-67f0a894] {
  opacity: 1;
}

.carhud-container-second__additional-icons[data-v-67f0a894] {
  position: absolute;
  top: 23.125rem;
  display: flex;
  gap: 1.25rem;
  align-items: flex-end;
  height: 1.75rem;
  max-height: 1.75rem;
  min-height: 1.75rem;
}

.carhud-container-second__additional-icons__highBeam[data-v-67f0a894] {
  width: 1.875rem;
  max-width: 1.875rem;
  min-width: 1.875rem;
  height: 1.25rem;
  max-height: 1.25rem;
  min-height: 1.25rem;
  margin-bottom: 2.6875rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__additional-icons__highBeam.active[data-v-67f0a894] {
  --fill-color: #14ffe3 ;
}

.carhud-container-second__additional-icons__highBeam[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__dippedBeam[data-v-67f0a894] {
  width: 1.875rem;
  max-width: 1.875rem;
  min-width: 1.875rem;
  height: 1.25rem;
  max-height: 1.25rem;
  min-height: 1.25rem;
  margin-bottom: 1.4375rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__additional-icons__dippedBeam.active[data-v-67f0a894] {
  --fill-color: #12ff9b ;
}

.carhud-container-second__additional-icons__dippedBeam[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__seatBelt[data-v-67f0a894] {
  width: 1.575rem;
  max-width: 1.575rem;
  min-width: 1.575rem;
  height: 1.575rem;
  max-height: 1.575rem;
  min-height: 1.575rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__additional-icons__seatBelt.active[data-v-67f0a894] {
  --fill-color: #ff1c1c ;
}

.carhud-container-second__additional-icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__doors[data-v-67f0a894] {
  width: 1.3125rem;
  max-width: 1.3125rem;
  min-width: 1.3125rem;
  height: 1.75rem;
  max-height: 1.75rem;
  min-height: 1.75rem;
  margin-bottom: 1.1875rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__additional-icons__doors.active[data-v-67f0a894] {
  --fill-color: #2ecdff ;
}

.carhud-container-second__additional-icons__doors[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-second__additional-icons__lock[data-v-67f0a894] {
  width: 1.6875rem;
  max-width: 1.6875rem;
  min-width: 1.6875rem;
  height: 1.638125rem;
  max-height: 1.638125rem;
  min-height: 1.638125rem;
  margin-bottom: 2.486875rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-second__additional-icons__lock.active[data-v-67f0a894] {
  --fill-color: #df005b ;
}

.carhud-container-second__additional-icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  transform: scale(0.8);
}

.carhud-container-fourth__kmh[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.25rem;
  color: #fff;
}

.carhud-container-fourth__speed[data-v-67f0a894] {
  margin-top: 0.375rem;
  height: 3.0625rem;
  max-height: 3.0625rem;
  min-height: 3.0625rem;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.carhud-container-fourth__speed__gear[data-v-67f0a894] {
  height: 3.0625rem;
  max-height: 3.0625rem;
  min-height: 3.0625rem;
  width: 2.625rem;
  max-width: 2.625rem;
  min-width: 2.625rem;
  overflow: hidden;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.5rem;
}

.carhud-container-fourth__speed__gear div[data-v-67f0a894] {
  position: absolute;
}

.carhud-container-fourth__speed__value[data-v-67f0a894] {
  height: 3.0625rem;
  max-height: 3.0625rem;
  min-height: 3.0625rem;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 4.4375rem;
  line-height: 3.3125rem;
  color: #fff;
}

.carhud-container-fourth__speed__value .grey-color[data-v-67f0a894] {
  color: #aaa;
}

.carhud-container-fourth__additional[data-v-67f0a894] {
  margin-top: 0.625rem;
  display: flex;
  flex-direction: row;
}

.carhud-container-fourth__additional__splitter[data-v-67f0a894] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 1.375rem;
  width: 0.0625rem;
  background-color: #fff;
}

.carhud-container-fourth__additional__fuel[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  justify-content: space-between;
}

.carhud-container-fourth__additional__fuel__icon[data-v-67f0a894] {
  width: 1.0625rem;
  max-width: 1.0625rem;
  min-width: 1.0625rem;
  height: 1.25rem;
  max-height: 1.25rem;
  min-height: 1.25rem;
}

.carhud-container-fourth__additional__fuel__text[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.25rem;
  color: #aaa;
  font-variant-numeric: tabular-nums;
}

.carhud-container-fourth__additional__fuel__text span[data-v-67f0a894] {
  color: #fff;
}

.carhud-container-fourth__additional__icons[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
  gap: 0.76rem;
}

.carhud-container-fourth__additional__icons__emergencyGang[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  width: 1.6325rem;
  max-width: 1.6325rem;
  min-width: 1.6325rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fourth__additional__icons__emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__emergencyGang.active[data-v-67f0a894] {
  --fill-color: #ff2727 ;
}

.carhud-container-fourth__additional__icons__seatBelt[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  width: 1.32625rem;
  max-width: 1.32625rem;
  min-width: 1.32625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fourth__additional__icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__seatBelt.active[data-v-67f0a894] {
  --fill-color: #ff1c1c ;
}

.carhud-container-fourth__additional__icons__lock[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  width: 1.32625rem;
  max-width: 1.32625rem;
  min-width: 1.32625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fourth__additional__icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fourth__additional__icons__lock.active[data-v-67f0a894] {
  --fill-color: #df005b ;
}

.carhud-container-fifth[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.carhud-container-fifth__speed[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.carhud-container-fifth__speed__value[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 3.21290625rem;
  line-height: 3.2125rem;
  font-variant-numeric: tabular-nums;
  color: #fff;
}

.carhud-container-fifth__speed__label[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.892475rem;
  line-height: 1.0625rem;
  margin-top: 0.125rem;
  margin-right: 0.1875rem;
  color: #fff;
}

.carhud-container-fifth__splitter[data-v-67f0a894] {
  margin-left: 0.695625rem;
  margin-right: 0.570625rem;
  height: 3.4375rem;
  width: 0.0625rem;
  background-color: #fff;
}

.carhud-container-fifth__additional[data-v-67f0a894] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
}

.carhud-container-fifth__additional__fuel[data-v-67f0a894] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.carhud-container-fifth__additional__fuel__icon[data-v-67f0a894] {
  width: 1.0625rem;
  max-width: 1.0625rem;
  min-width: 1.0625rem;
  height: 1.25rem;
  max-height: 1.25rem;
  min-height: 1.25rem;
}

.carhud-container-fifth__additional__fuel__text[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.25rem;
  color: #aaa;
}

.carhud-container-fifth__additional__fuel__text span[data-v-67f0a894] {
  color: #fff;
}

.carhud-container-fifth__additional__icons[data-v-67f0a894] {
  display: flex;
  align-items: flex-end;
  gap: 0.714375rem;
}

.carhud-container-fifth__additional__icons__emergencyGang[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fifth__additional__icons__emergencyGang[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__emergencyGang.active[data-v-67f0a894] {
  --fill-color: #ff2727 ;
}

.carhud-container-fifth__additional__icons__seatBelt[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fifth__additional__icons__seatBelt[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__seatBelt.active[data-v-67f0a894] {
  --fill-color: #ff1c1c ;
}

.carhud-container-fifth__additional__icons__lock[data-v-67f0a894] {
  height: 1.32625rem;
  max-height: 1.32625rem;
  min-height: 1.32625rem;
  --fill-color: hsla(0,0%,100%,.5) ;
}

.carhud-container-fifth__additional__icons__lock[data-v-67f0a894] path {
  transition: all 0.2s ease-in-out;
  fill: var(--fill-color);
}

.carhud-container-fifth__additional__icons__lock.active[data-v-67f0a894] {
  --fill-color: #df005b ;
}

.carhud-container[data-v-67f0a894] {
  position: relative;
  width: 16.9375rem;
  height: 16.9375rem;
}

.carhud-container-background[data-v-67f0a894] {
  position: absolute;
  width: 16.5029375rem;
  height: 16.4355625rem;
  left: 0.98%;
  top: 1.07%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3), transparent);
  border-radius: 50%;
}

.carhud-container-background .speedometer-canvas[data-v-67f0a894] {
  position: absolute;
  left: 0;
  top: 0;
}

.carhud-container-content[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 2.25rem;
  z-index: 4;
}

.carhud-container-content__picture-attention[data-v-67f0a894] {
  width: 1.3125rem;
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
}

.carhud-container-content__picture-attention svg[data-v-67f0a894] {
  fill: hsla(0, 0%, 100%, 0.25);
  height: 0.875rem;
  max-height: 0.875rem;
  min-height: 0.875rem;
}

.carhud-container-content__picture-attention.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .velocities[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 0.6875rem;
}

.carhud-container-content .velocities-arrow__picture[data-v-67f0a894] {
  display: flex;
  width: 0.875rem;
  height: 0.9375rem;
  fill: hsla(0, 0%, 100%, 0.1);
}

.carhud-container-content .velocities-arrow.active svg[data-v-67f0a894] {
  animation: blink-arrow-67f0a894 0.5s ease infinite alternate;
}

@keyframes blink-arrow-67f0a894 {
  0% {
    fill: hsla(0, 0%, 100%, 0.1);
  }
  to {
    fill: #ffc130;
  }
}
.carhud-container-content .velocities__picture-arrowRight[data-v-67f0a894] {
  transform: rotate(180deg);
}

.carhud-container-content .velocities-content[data-v-67f0a894] {
  flex-flow: row nowrap;
  margin-right: 1rem;
  margin-left: 1rem;
  width: 5rem;
  height: 1.625rem;
  overflow: hidden;
}

.carhud-container-content .velocities-content-animated[data-v-67f0a894] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  transition: margin-left 0.3s ease;
}

.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(7), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(8), .carhud-container-content .velocities-content-animated.velocity-7 .velocity[data-v-67f0a894]:nth-child(7) {
  font-size: 0.9375rem;
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-content .velocities-content-animated.velocity-0 .velocity[data-v-67f0a894]:first-child, .carhud-container-content .velocities-content-animated.velocity-1 .velocity[data-v-67f0a894]:nth-child(2), .carhud-container-content .velocities-content-animated.velocity-2 .velocity[data-v-67f0a894]:nth-child(3), .carhud-container-content .velocities-content-animated.velocity-3 .velocity[data-v-67f0a894]:nth-child(4), .carhud-container-content .velocities-content-animated.velocity-4 .velocity[data-v-67f0a894]:nth-child(5), .carhud-container-content .velocities-content-animated.velocity-5 .velocity[data-v-67f0a894]:nth-child(6), .carhud-container-content .velocities-content-animated.velocity-6 .velocity[data-v-67f0a894]:nth-child(7), .carhud-container-content .velocities-content-animated.velocity-7 .velocity[data-v-67f0a894]:nth-child(8) {
  font-size: 1.3125rem;
  color: #fff;
}

.carhud-container-content .velocities-content-animated .velocity[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.6875rem;
  color: hsla(0, 0%, 100%, 0.25);
  margin-right: 0.8125rem;
  transition: color 0.3s ease, font-size 0.3s ease;
}

.carhud-container-content .velocities-content-animated .velocity[data-v-67f0a894]:last-child {
  margin-right: 0;
}

.carhud-container-content .velocities-content-animated.velocity-0[data-v-67f0a894] {
  margin-left: 2.25rem;
}

.carhud-container-content .velocities-content-animated.velocity-1[data-v-67f0a894] {
  margin-left: 1rem;
}

.carhud-container-content .velocities-content-animated.velocity-3[data-v-67f0a894] {
  margin-left: -1.1875rem;
}

.carhud-container-content .velocities-content-animated.velocity-4[data-v-67f0a894] {
  margin-left: -2.125rem;
}

.carhud-container-content .velocities-content-animated.velocity-5[data-v-67f0a894] {
  margin-left: -3.125rem;
}

.carhud-container-content .velocities-content-animated.velocity-6[data-v-67f0a894] {
  margin-left: -4.375rem;
}

.carhud-container-content .velocities-content-animated.velocity-7[data-v-67f0a894] {
  margin-left: -5.3125rem;
}

.carhud-container-content .car-status[data-v-67f0a894] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 13rem;
  height: 6.625rem;
}

.carhud-container-content .car-status .oil-status[data-v-67f0a894] {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 3.25rem;
}

.carhud-container-content .car-status .oil-status.hidden[data-v-67f0a894] {
  visibility: hidden;
}

.carhud-container-content .car-status .oil-status svg[data-v-67f0a894] {
  width: 0.9375rem;
  height: 1.3125rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.carhud-container-content .car-status .oil-status.warning svg[data-v-67f0a894] {
  fill: #ffb300;
}

.carhud-container-content .car-status .oil-status.threat svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .car-status .oil-status__text[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
  margin-top: 0.3125rem;
  min-width: 1rem;
}

.carhud-container-content .car-status .speed-status[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  max-width: 5.25rem;
}

.carhud-container-content .car-status .speed-status__text-speed[data-v-67f0a894] {
  display: flex;
  justify-content: center;
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4.4375rem;
  min-width: 5.8125rem;
  color: #fff;
  font-variant-numeric: tabular-nums;
}

.carhud-container-content .car-status .speed-status__text-speedType[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fff;
}

.carhud-container-content .car-status .fuel-status[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  min-width: 1.1875rem;
  width: 3.25rem;
}

.carhud-container-content .car-status .fuel-status.hidden[data-v-67f0a894] {
  visibility: hidden;
}

.carhud-container-content .car-status .fuel-status svg[data-v-67f0a894] {
  width: 1.0625rem;
  height: 1.3125rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.carhud-container-content .car-status .fuel-status.electro svg[data-v-67f0a894] {
  width: 1.0625rem;
  height: 1.3125rem;
  fill: #14a6f9;
}

.carhud-container-content .car-status .fuel-status.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.carhud-container-content .car-status .fuel-status.active .fuel-status__text-fuel[data-v-67f0a894] {
  color: #e51a22;
}

.carhud-container-content .car-status .fuel-status__text-fuel[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  min-width: 1.1875rem;
  color: #fff;
  border-block-end: 0.0625rem solid hsla(0, 0%, 100%, 0.5);
  margin-top: 0.3125rem;
}

.carhud-container-content .car-status .fuel-status__text-maxFuel[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  min-width: 1.1875rem;
  color: #fff;
}

.carhud-container-content .mileage[data-v-67f0a894] {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-top: 0.6875rem;
}

.carhud-container-content .mileage__text-value[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3125rem;
  color: #fff;
}

.carhud-container-content .mileage__text-mileageType[data-v-67f0a894] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8125rem;
  color: #fff;
  margin-left: 0.1875rem;
}

.carhud-container-content .designations[data-v-67f0a894] {
  display: flex;
  flex-flow: row nowrap;
  margin-top: -0.5rem;
}

.carhud-container-simple[data-v-67f0a894] {
  display: inline-flex;
  flex-direction: row;
  height: 3.4375rem;
}

.carhud-container-simple .hud_container[data-v-67f0a894] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.4375rem 1.5625rem;
}

.carhud-container-simple .hud_container.additional-info[data-v-67f0a894] {
  padding: 0.9375rem;
  margin-left: 1px;
}

.carhud-container-simple .speedometer[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.5625rem;
  color: #fbc900;
  justify-content: flex-start;
  width: 13.125rem;
  height: 100%;
}

.carhud-container-simple .speedometer img[data-v-67f0a894] {
  min-width: 1.5rem;
}

.carhud-container-simple .speedometer .speedometer__text-speed[data-v-67f0a894] {
  white-space: nowrap;
  margin: 0 auto;
  min-width: 7.1875rem;
  max-width: 7.1875rem;
  text-align: center;
}

.carhud-container-simple .gas[data-v-67f0a894] {
  justify-content: center;
  margin-left: 1px;
  height: 100%;
}

.carhud-container-simple .gas .fuel[data-v-67f0a894] {
  margin-left: 0.9375rem;
  font-size: 1.3125rem;
}

.carhud-container-simple .gas .fuel__text-current[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: auto;
  color: #fff;
}

.carhud-container-simple .gas .fuel__text-max[data-v-67f0a894] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: auto;
  color: hsla(0, 0%, 100%, 0.5);
}

.carhud-container-simple .gas img[data-v-67f0a894] {
  width: 1.4375rem;
}

.highBeam[data-v-67f0a894] {
  margin-top: 0.1875rem;
  margin-right: 0.6875rem;
}

.highBeam svg[data-v-67f0a894] {
  width: 1.3125rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.dippedBeam[data-v-67f0a894] {
  margin-top: 0.8125rem;
  margin-right: 0.75rem;
}

.dippedBeam svg[data-v-67f0a894] {
  width: 1.3125rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.belt[data-v-67f0a894] {
  margin-top: 0.8125rem;
  margin-right: 0.8125rem;
}

.belt svg[data-v-67f0a894] {
  width: 1rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.start[data-v-67f0a894] {
  margin-top: 0.8125rem;
  margin-right: 0.75rem;
}

.start svg[data-v-67f0a894] {
  width: 1.3125rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.doors[data-v-67f0a894] {
  margin-top: 0;
  margin-right: 0;
}

.doors svg[data-v-67f0a894] {
  width: 1.1875rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.dippedBeam.active svg[data-v-67f0a894] {
  fill: #44a440;
}

.highBeam.active svg[data-v-67f0a894] {
  fill: #34c1ff;
}

.attention-simple.active svg[data-v-67f0a894], .belt-simple.active svg[data-v-67f0a894], .belt.active svg[data-v-67f0a894], .doors.active svg[data-v-67f0a894], .start-simple.active svg[data-v-67f0a894], .start.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.attention svg[data-v-67f0a894] {
  fill: hsla(0, 0%, 100%, 0.25);
}

.attention.active svg[data-v-67f0a894] {
  fill: #e51a22;
}

.belt-simple[data-v-67f0a894] {
  margin: 0 0.6875rem;
}

.attention-simple svg[data-v-67f0a894], .belt-simple svg[data-v-67f0a894], .start-simple svg[data-v-67f0a894] {
  width: 1.5rem;
  fill: hsla(0, 0%, 100%, 0.25);
}

.slideUp-enter-active[data-v-67f0a894] {
  animation: slideDown-67f0a894 0.4s ease reverse;
}

.slideUp-leave-active[data-v-67f0a894] {
  animation: slideUp-67f0a894 0.4s ease;
}

@keyframes slideUp-67f0a894 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-120%);
  }
}
.slideDown-enter-active[data-v-67f0a894] {
  animation: slideUp-67f0a894 0.4s ease reverse;
}

.slideDown-leave-active[data-v-67f0a894] {
  animation: slideDown-67f0a894 0.4s ease;
}

@keyframes slideDown-67f0a894 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(120%);
  }
}
.fuel-blinking[data-v-67f0a894] {
  animation: blinking-67f0a894 0.5s ease infinite alternate;
}

@keyframes blinking-67f0a894 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.dragy-container .logo[data-v-f607ab32], .dragy-container .time[data-v-f607ab32], .dragy-container .vehicle[data-v-f607ab32] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-block[data-v-f607ab32] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-f607ab32] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-f607ab32] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-f607ab32] {
  display: flex;
}

.justify-start[data-v-f607ab32] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-f607ab32] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-f607ab32] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-f607ab32] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-f607ab32] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-f607ab32] {
  display: flex;
  align-items: center;
}

.align-end[data-v-f607ab32] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-f607ab32] {
  width: 100%;
}

.full-height[data-v-f607ab32] {
  height: 100%;
}

.picture-handler[data-v-f607ab32] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-f607ab32] {
  border: 1px solid red;
}

.fade-up-animation[data-v-f607ab32] {
  animation: fadeOutUp-f607ab32 1s ease;
}

.fade-down-animation[data-v-f607ab32] {
  animation: fadeOutDown-f607ab32 1s ease;
}

@keyframes fadeOutUp-f607ab32 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-f607ab32 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-f607ab32] {
  animation: logotype-f607ab32 0.5s ease;
}

.logotype-leave-active[data-v-f607ab32] {
  animation: logotype-f607ab32 0.5s ease reverse;
}

@keyframes logotype-f607ab32 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-f607ab32] {
  animation: cardMoveInside-f607ab32 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-f607ab32] {
  animation: cardMoveOutside-f607ab32 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-f607ab32 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-f607ab32 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-f607ab32 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-f607ab32], .fade-leave-to[data-v-f607ab32] {
  opacity: 0;
}

.fade-enter-active[data-v-f607ab32], .fade-leave-active[data-v-f607ab32] {
  transition: opacity 0.5s;
}

@keyframes slide-up-f607ab32 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-f607ab32 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-f607ab32] {
  animation: ipad-slide-f607ab32 0.4s ease;
}

.ipad-slide-leave-active[data-v-f607ab32] {
  animation: ipad-slide-f607ab32 0.4s ease reverse;
}

@keyframes ipad-slide-f607ab32 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-f607ab32 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.dragy-container[data-v-f607ab32] {
  width: 26.4814814815vh;
  background-color: rgba(73, 73, 73, 0.75);
}

.dragy-container .logo[data-v-f607ab32] {
  min-height: 2.7777777778vh;
  background-color: hsla(0, 0%, 9%, 0.95);
}

.dragy-container .logo__picture[data-v-f607ab32] {
  width: 4.5666666667vh;
}

.dragy-container .vehicle[data-v-f607ab32] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1111111111vh;
  background-color: hsla(0, 0%, 9%, 0.75);
  min-height: 2.3148148148vh;
  text-transform: uppercase;
  color: #fff;
}

.dragy-container .time[data-v-f607ab32] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.7037037037vh;
  min-height: 6.3888888889vh;
  color: #fff;
  background-color: hsla(0, 0%, 9%, 0.5);
}

.dragy-container .items[data-v-f607ab32] {
  padding: 1.3888888889vh 2.7777777778vh 1.8518518519vh 2.7777777778vh;
}

.dragy-container .items .item[data-v-f607ab32] {
  margin-top: 1.1111111111vh;
}

.dragy-container .items .item[data-v-f607ab32]:first-child {
  margin-top: 0;
}

.dragy-container .items .item .point[data-v-f607ab32] {
  width: 1.2962962963vh;
  height: 1.2962962963vh;
  border-radius: 50%;
  background-color: #93d43f;
}

.dragy-container .items .item__title[data-v-f607ab32] {
  margin-left: 1.1111111111vh;
}

.dragy-container .items .item__title[data-v-f607ab32], .dragy-container .items .item__value[data-v-f607ab32] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6666666667vh;
  color: #fff;
}

.fade-up-animation[data-v-70f22da6] {
  animation: fadeOutUp-70f22da6 1s ease;
}

.fade-down-animation[data-v-70f22da6] {
  animation: fadeOutDown-70f22da6 1s ease;
}

@keyframes fadeOutUp-70f22da6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-70f22da6 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-70f22da6] {
  animation: logotype-70f22da6 0.5s ease;
}

.logotype-leave-active[data-v-70f22da6] {
  animation: logotype-70f22da6 0.5s ease reverse;
}

@keyframes logotype-70f22da6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-70f22da6] {
  animation: cardMoveInside-70f22da6 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-70f22da6] {
  animation: cardMoveOutside-70f22da6 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-70f22da6 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-70f22da6 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-70f22da6 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-70f22da6], .fade-leave-to[data-v-70f22da6] {
  opacity: 0;
}

.fade-enter-active[data-v-70f22da6], .fade-leave-active[data-v-70f22da6] {
  transition: opacity 0.5s;
}

@keyframes slide-up-70f22da6 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-70f22da6 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-70f22da6] {
  animation: ipad-slide-70f22da6 0.4s ease;
}

.ipad-slide-leave-active[data-v-70f22da6] {
  animation: ipad-slide-70f22da6 0.4s ease reverse;
}

@keyframes ipad-slide-70f22da6 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-70f22da6 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.intro .shadow[data-v-70f22da6], .intro[data-v-70f22da6] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-70f22da6] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-70f22da6] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-70f22da6] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-70f22da6] {
  display: flex;
}

.justify-start[data-v-70f22da6] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-70f22da6] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-70f22da6] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-70f22da6] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-70f22da6] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-70f22da6] {
  display: flex;
  align-items: center;
}

.align-end[data-v-70f22da6] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-70f22da6] {
  width: 100%;
}

.full-height[data-v-70f22da6] {
  height: 100%;
}

.picture-handler[data-v-70f22da6] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-70f22da6] {
  border: 1px solid red;
}

.intro[data-v-70f22da6] {
  transform-origin: center;
}

.intro .container[data-v-70f22da6] {
  display: flex;
  align-self: flex-start;
  position: absolute;
  left: 13.8888888889vh;
  top: 18.5185185185vh;
  z-index: 2;
}

.intro .container__picture[data-v-70f22da6] {
  width: 52.0861111111vh;
  height: 13.5194444444vh;
}

.intro .container__text[data-v-70f22da6] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5925925926vh;
  color: #fff;
  margin-top: 3.7037037037vh;
}

.intro .container__text[data-v-70f22da6] svg {
  margin: 0 1.3888888889vh;
  width: 3.1481481481vh;
  height: 3.1481481481vh;
}

.intro .shadow[data-v-70f22da6] {
  width: 50%;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.45), transparent);
}

.disclaimer[data-v-f24a0ae4], .keys-block-main .key-block .key-block-value[data-v-f24a0ae4], .logotype[data-v-f24a0ae4], .notifications-list .press-letter-key[data-v-f24a0ae4], .online .is-x2[data-v-f24a0ae4], .online .report-info .reports-amount[data-v-f24a0ae4], .press-button-wrapper .current-button[data-v-f24a0ae4], .skip-intro .button[data-v-f24a0ae4], .territory-war .main-info .main-counter__text-kills[data-v-f24a0ae4], .territory-war .war-container[data-v-f24a0ae4], .territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4], .territory-war-light .count[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.disclaimer[data-v-f24a0ae4], .main-cover[data-v-f24a0ae4], .press-button-wrapper[data-v-f24a0ae4] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-f24a0ae4] {
  display: flex;
}

.justify-start[data-v-f24a0ae4] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-f24a0ae4] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-f24a0ae4] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-f24a0ae4] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-f24a0ae4] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-f24a0ae4] {
  display: flex;
  align-items: center;
}

.align-end[data-v-f24a0ae4] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-f24a0ae4] {
  width: 100%;
}

.full-height[data-v-f24a0ae4] {
  height: 100%;
}

.picture-handler[data-v-f24a0ae4] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-f24a0ae4] {
  border: 1px solid red;
}

.fade-up-animation[data-v-f24a0ae4] {
  animation: fadeOutUp-f24a0ae4 1s ease;
}

.fade-down-animation[data-v-f24a0ae4] {
  animation: fadeOutDown-f24a0ae4 1s ease;
}

@keyframes fadeOutUp-f24a0ae4 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-f24a0ae4 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-f24a0ae4] {
  animation: logotype-f24a0ae4 0.5s ease;
}

.logotype-leave-active[data-v-f24a0ae4] {
  animation: logotype-f24a0ae4 0.5s ease reverse;
}

@keyframes logotype-f24a0ae4 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-f24a0ae4] {
  animation: cardMoveInside-f24a0ae4 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-f24a0ae4] {
  animation: cardMoveOutside-f24a0ae4 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-f24a0ae4 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-f24a0ae4 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-f24a0ae4 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-f24a0ae4], .fade-leave-to[data-v-f24a0ae4] {
  opacity: 0;
}

.fade-enter-active[data-v-f24a0ae4], .fade-leave-active[data-v-f24a0ae4] {
  transition: opacity 0.5s;
}

@keyframes slide-up-f24a0ae4 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-f24a0ae4 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-f24a0ae4] {
  animation: ipad-slide-f24a0ae4 0.4s ease;
}

.ipad-slide-leave-active[data-v-f24a0ae4] {
  animation: ipad-slide-f24a0ae4 0.4s ease reverse;
}

@keyframes ipad-slide-f24a0ae4 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-f24a0ae4 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.empty-dark[data-v-f24a0ae4], .empty-light[data-v-f24a0ae4] {
  border-left-color: #000;
  border-right-color: #000;
}

.LSPD-dark[data-v-f24a0ae4], .LSPD-light[data-v-f24a0ae4] {
  border-left-color: #1e44bf;
  border-right-color: #1e44bf;
}

.EMS-dark[data-v-f24a0ae4], .EMS-light[data-v-f24a0ae4] {
  border-left-color: #dc2b3d;
  border-right-color: #dc2b3d;
}

.SHPD-dark[data-v-f24a0ae4], .SHPD-light[data-v-f24a0ae4] {
  border-left-color: #877451;
  border-right-color: #877451;
}

.SANG-dark[data-v-f24a0ae4], .SANG-light[data-v-f24a0ae4] {
  border-left-color: #868856;
  border-right-color: #868856;
}

.GOV-dark[data-v-f24a0ae4], .GOV-light[data-v-f24a0ae4] {
  border-left-color: #576574;
  border-right-color: #576574;
}

.weazel-dark[data-v-f24a0ae4], .weazel-light[data-v-f24a0ae4] {
  border-left-color: #ee2a2a;
  border-right-color: #ee2a2a;
}

.FIB-dark[data-v-f24a0ae4], .FIB-light[data-v-f24a0ae4] {
  border-left-color: #474747;
  border-right-color: #474747;
}

.ballas-dark[data-v-f24a0ae4], .ballas-light[data-v-f24a0ae4] {
  border-left-color: #9c1bd2;
  border-right-color: #9c1bd2;
}

.vagos-dark[data-v-f24a0ae4], .vagos-light[data-v-f24a0ae4] {
  border-left-color: #ffd630;
  border-right-color: #ffd630;
}

.families-dark[data-v-f24a0ae4], .families-light[data-v-f24a0ae4] {
  border-left-color: #31a43d;
  border-right-color: #31a43d;
}

.bloods-dark[data-v-f24a0ae4], .bloods-light[data-v-f24a0ae4] {
  border-left-color: #c50b0b;
  border-right-color: #c50b0b;
}

.marabunta-dark[data-v-f24a0ae4], .marabunta-light[data-v-f24a0ae4] {
  border-left-color: #23a7ff;
  border-right-color: #23a7ff;
}

.cosa_nostra-dark[data-v-f24a0ae4], .cosa_nostra-light[data-v-f24a0ae4] {
  border-left-color: #ffc130;
  border-right-color: #ffc130;
}

.russian_mafia-dark[data-v-f24a0ae4], .russian_mafia-light[data-v-f24a0ae4] {
  border-left-color: #fff;
  border-right-color: #fff;
}

.yakuza-dark[data-v-f24a0ae4], .yakuza-light[data-v-f24a0ae4] {
  border-left-color: #ef263b;
  border-right-color: #ef263b;
}

.mexican_cartel-dark[data-v-f24a0ae4], .mexican_cartel-light[data-v-f24a0ae4] {
  border-left-color: #ab8d7c;
  border-right-color: #ab8d7c;
}

.lost_mc-dark[data-v-f24a0ae4], .lost_mc-light[data-v-f24a0ae4] {
  border-left-color: #000;
  border-right-color: #000;
}

.angels-dark[data-v-f24a0ae4], .angels-light[data-v-f24a0ae4] {
  border-left-color: #949494;
  border-right-color: #949494;
}

.irish-dark[data-v-f24a0ae4], .irish-light[data-v-f24a0ae4] {
  border-left-color: #f90;
  border-right-color: #f90;
}

.territory-war[data-v-f24a0ae4] {
  height: 4.25rem;
  max-height: 4.25rem;
  min-height: 4.25rem;
  position: absolute;
  left: 50%;
  top: 0.625rem;
  transform: translateX(-50%);
  min-width: 19.375rem;
  max-width: 19.375rem;
}

.territory-war .war-info[data-v-f24a0ae4] {
  width: 16.0625rem;
  max-width: 16.0625rem;
  min-width: 16.0625rem;
  margin: 0 auto;
  margin-top: 0.6875rem;
}

.territory-war .war-info svg[data-v-f24a0ae4] {
  width: 1.3125rem;
}

.territory-war .gang-status-block[data-v-f24a0ae4] {
  width: 14.0625rem;
  height: 2.5rem;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  padding: 0 0.6875rem;
}

.territory-war .gang-status-block__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
  min-width: 8.6875rem;
}

.territory-war .gang-status-block[data-v-f24a0ae4]:last-child {
  left: auto;
  right: 0;
}

.territory-war .gang-status-block svg[data-v-f24a0ae4] {
  width: 1.3125rem;
}

.territory-war .war-container[data-v-f24a0ae4] {
  min-height: 100%;
  height: 100%;
}

.territory-war .main-info[data-v-f24a0ae4] {
  width: 19.0625rem;
  max-width: 19.0625rem;
  min-width: 19.0625rem;
  position: relative;
  min-height: inherit;
  height: inherit;
}

.territory-war .main-info .main-counter[data-v-f24a0ae4] {
  min-height: inherit;
  height: inherit;
  width: 10.625rem;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 0.9375rem;
  color: #fff;
  position: relative;
}

.territory-war .main-info .main-counter__text-kills[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.9375rem;
  width: 2.25rem;
  background: transparent;
}

.territory-war .main-info .main-counter__text-timer[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
}

.territory-war .main-info .progress-info[data-v-f24a0ae4] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
}

.territory-war .main-info__picture-gangLogo[data-v-f24a0ae4] {
  width: 4.25rem;
  height: 4.25rem;
  background-color: rgba(0, 0, 0, 0.7);
}

.territory-war-dark[data-v-f24a0ae4], .territory-war-light[data-v-f24a0ae4] {
  margin-top: 0.9375rem;
}

.territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4], .territory-war-light .count[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  width: 6.5625rem;
  height: 3.125rem;
}

.territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-light .first-team[data-v-f24a0ae4] {
  border-left-width: 0.3125rem;
  border-left-style: solid;
}

.territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4] {
  border-right-width: 0.3125rem;
  border-right-style: solid;
}

.territory-war-light .first-team[data-v-f24a0ae4], .territory-war-light .second-team[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5625rem;
  color: #1e2124;
  background-color: #f6f6f6;
}

.territory-war-light .count[data-v-f24a0ae4] {
  font-size: 1.5625rem;
  background-color: #f9f9f9;
}

.territory-war-light .count[data-v-f24a0ae4], .territory-war-light .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #1e2124;
}

.territory-war-light .timer[data-v-f24a0ae4] {
  font-size: 1.25rem;
}

.territory-war-dark .first-team[data-v-f24a0ae4], .territory-war-dark .second-team[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5625rem;
  color: #fff;
  background-color: rgba(30, 33, 36, 0.8);
}

.territory-war-dark .count[data-v-f24a0ae4] {
  font-size: 1.5625rem;
  background-color: #121213;
}

.territory-war-dark .count[data-v-f24a0ae4], .territory-war-dark .timer[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

.territory-war-dark .timer[data-v-f24a0ae4] {
  font-size: 1.25rem;
}

.war-status[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.local-fade-enter-from[data-v-f24a0ae4], .local-fade-leave-to[data-v-f24a0ae4] {
  opacity: 0;
}

.local-fade-enter-active[data-v-f24a0ae4], .local-fade-leave-active[data-v-f24a0ae4] {
  transition: opacity 0.3s;
}

.main-cover[data-v-f24a0ae4] {
  overflow: hidden;
}

.hud-shadow[data-v-f24a0ae4] {
  position: absolute;
  right: 0;
  top: 0;
  width: 25rem;
  height: 25rem;
  background-image: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0.45), transparent 70%);
}

.online[data-v-f24a0ae4] {
  position: absolute;
  right: 0.6875rem;
  margin-top: 1.3125rem;
}

.online .is-x2[data-v-f24a0ae4] {
  width: 1.375rem;
  height: 1.375rem;
  background-color: #07CDFF;
  margin-right: 0.5rem;
  border-radius: 0.3125rem;
  padding: 0.21875rem 0.1875rem;
  margin-left: 1.25rem;
  margin-top: 0.21875rem;
}

.online .is-x2 .x2__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  color: #fcfcfc;
  text-transform: uppercase;
}

.online .report-info[data-v-f24a0ae4] {
  width: 12.25rem;
  height: 1.875rem;
  border-radius: 2.5rem;
  gap: 0.3125rem;
}

.online .report-info-container[data-v-f24a0ae4] {
  border-radius: 0.375rem;
  background-color: rgba(30, 33, 36, 0.75);
  padding: 0.5rem 0.625rem;
  align-items: baseline;
}

.online .report-info .reports-amount[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  background-color: #07CDFF;
  color: #fff;
  border-radius: 0.1875rem;
  padding: 0.125rem 0.3125rem;
}

.online .report-info__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);
  margin-right: 0.5625rem;
}

.online .server-info[data-v-f24a0ae4] {
  margin-top: 0.65625rem;
}

.online .server-info .online-text[data-v-f24a0ae4] {
  gap: 0.25rem;
}

.online .server-info .online-text__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  color: #f8f8f8;
  text-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.75);
}

.online .server-info .online-text__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #f8f8f8;
  text-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.25);
}

.online .server-info .server-id[data-v-f24a0ae4] {
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  border-radius: 0.4375rem;
  background-color: rgba(30, 33, 36, 0.25);
  margin-left: 0.375rem;
}

.online .server-info .server-id__picture[data-v-f24a0ae4] {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.3125rem;
}

.online .server-info .server-id__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  color: #f8f8f8;
}

.online .server-info .server-id.no-flag[data-v-f24a0ae4] {
  padding: 0.25rem 0.5rem;
}

.online .player-id[data-v-f24a0ae4] {
  margin-top: 0.5rem;
}

.online .player-id__text-1[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
}

.online .player-id__text-1[data-v-f24a0ae4], .online .player-id__text-2[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  text-shadow: 0 0 0.0625rem rgba(0, 0, 0, 0.25);
}

.online .player-id__text-2[data-v-f24a0ae4] {
  color: #fff;
  margin-left: 0.25rem;
}

.online__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
  margin: 0.6875rem 0.3125rem 0 0;
  text-shadow: 0 0 0.15625rem #000;
  font-size: 0.9375rem;
  margin-top: 0.375rem;
  opacity: 0.5;
}

.online__logo[data-v-f24a0ae4] {
  max-height: 2.09375rem;
}

.online__logo img[data-v-f24a0ae4] {
  width: 7.8125rem;
}

.online .bullets-block[data-v-f24a0ae4] {
  margin-top: 0.5rem;
}

.online .bullets-block__picture[data-v-f24a0ae4] {
  width: 1.125rem;
  height: 1.125rem;
}

.online .bullets-block__text[data-v-f24a0ae4] {
  margin-right: 0.25rem;
}

.online .bullets-block__text span[data-v-f24a0ae4]:first-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.online .bullets-block__text span[data-v-f24a0ae4]:last-child {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 100%, 0.75);
}

.online .wanted[data-v-f24a0ae4] {
  margin-top: 0.5625rem;
}

.online .wanted-star[data-v-f24a0ae4] {
  opacity: 0.1;
  width: 1.3125rem;
  margin-right: 0.3125rem;
}

.online .wanted-star[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.online .wanted-star.active[data-v-f24a0ae4] {
  opacity: 1;
}

.timebars-with-speedo[data-v-f24a0ae4] {
  position: absolute;
  right: 1.3125rem;
  bottom: 0;
}

.timebars-with-speedo.speedo-active.speedo-2 .timebars[data-v-f24a0ae4] {
  margin-bottom: -5.625rem;
}

.timebars-with-speedo.speedo-active.speedo-4[data-v-f24a0ae4] {
  right: 1.75rem;
}

.timebars-with-speedo.speedo-active.speedo-5[data-v-f24a0ae4] {
  right: 2.371875rem;
}

.chat-container[data-v-f24a0ae4] {
  position: absolute;
}

.user-container[data-v-f24a0ae4] {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 1.0625rem;
  text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.32);
}

.user-container .status-container[data-v-f24a0ae4] {
  display: flex;
  margin-bottom: 0.625rem;
}

.user-container.is-playing-minigames .errors[data-v-f24a0ae4], .user-container.is-playing-minigames .money[data-v-f24a0ae4], .user-container.is-playing-minigames .place-info[data-v-f24a0ae4], .user-container.is-playing-minigames .weather[data-v-f24a0ae4] {
  opacity: 0;
}

.user-container .errors[data-v-f24a0ae4] {
  margin-bottom: 0.625rem;
  margin-left: 0.625rem;
}

.user-container .errors .error[data-v-f24a0ae4] {
  width: 4.125rem;
  margin-right: 0.9375rem;
}

.user-container .errors .error[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.user-container .errors .error__picture[data-v-f24a0ae4] {
  width: 2.19375rem;
  height: 2rem;
}

.user-container .errors .error__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  color: #fa0;
  margin-top: 0.3125rem;
  text-align: center;
}

.user-container .info-container[data-v-f24a0ae4] {
  display: flex;
  margin-bottom: 0.625rem;
}

.user-container .info-container .weather[data-v-f24a0ae4] {
  color: #fff;
  margin-bottom: 0.8125rem;
  display: flex;
  gap: 0.375rem;
  align-items: center;
}

.user-container .info-container .weather__picture[data-v-f24a0ae4] {
  width: 1.0625rem;
  height: 1.0625rem;
  filter: drop-shadow(0 0.0625rem 0.125rem rgba(0, 0, 0, 0.32));
}

.user-container .info-container .weather__text-name[data-v-f24a0ae4], .user-container .info-container .weather__text-temperature[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}

.user-container .info-container .time-container[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}

.user-container .info-container .time-container .main-time[data-v-f24a0ae4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.user-container .info-container .time-container .main-time__text-hours[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.user-container .info-container .time-container .main-time__text-date[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.8);
}

.user-container .info-container .time-container__text-weekday[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 100%, 0.8);
}

.user-container .info-container .voice[data-v-f24a0ae4] {
  margin-top: -1rem;
  margin-left: 1.5rem;
}

.user-container .place-info[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.user-container .place-info .region[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.user-container .place-info .street[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: hsla(0, 0%, 100%, 0.8);
}

.keys-block-main[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 1.3125rem;
  width: 12.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
}

.keys-block-main .key-block[data-v-f24a0ae4] {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0.5rem;
}

.keys-block-main .key-block[data-v-f24a0ae4]:last-child {
  margin-bottom: 0;
}

.keys-block-main .key-block .key-block__text-meaning[data-v-f24a0ae4] {
  display: flex;
  align-items: center;
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  margin-left: 0.6875rem;
  color: #fff;
}

.keys-block-main .key-block .key-block-value[data-v-f24a0ae4] {
  border-radius: 0.1875rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: auto;
  width: 1.9375rem;
  height: 1.9375rem;
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}

.keys-block-main .key-block .key-block-value .key-icon[data-v-f24a0ae4] {
  width: 0.9375rem;
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(249deg) brightness(107%) contrast(105%);
}

.keys-block-main .key-block .key-block-value.active[data-v-f24a0ae4] {
  animation: blinking-f24a0ae4 1s ease infinite alternate;
}

@keyframes blinking-f24a0ae4 {
  0% {
    background-color: rgba(0, 0, 0, 0.25);
  }
  to {
    background-color: #07CDFF;
    box-shadow: 0 0 0.375rem #07CDFF;
  }
}
.keys-block-main .key-block .key-block-value .font-size-level-1[data-v-f24a0ae4] {
  font-size: 1.1875rem;
}

.keys-block-main .key-block .key-block-value .font-size-level-2[data-v-f24a0ae4] {
  font-size: 0.8125rem;
}

.keys-block-main .key-block .key-block-value .font-size-level-3[data-v-f24a0ae4] {
  font-size: 0.6875rem;
}

.keys-block-main .key-block .key-block-value svg[data-v-f24a0ae4] {
  width: 50%;
}

.logotype[data-v-f24a0ae4] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logotype img[data-v-f24a0ae4] {
  width: 25%;
}

.missions-container[data-v-f24a0ae4] {
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.notifications-bottom[data-v-f24a0ae4] {
  pointer-events: none;
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  transform: translateX(-50%);
  width: 25rem;
  z-index: 25;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  justify-content: flex-start;
}

.press-button-wrapper[data-v-f24a0ae4] {
  z-index: 5;
}

.press-button-wrapper .current-button[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.125rem;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.95);
  height: 7rem;
  width: 7rem;
  margin-bottom: 1.3125rem;
}

.press-button-wrapper .current-button svg[data-v-f24a0ae4] {
  width: 7rem;
  height: 7rem;
}

.progress-ring__circle-background[data-v-f24a0ae4] {
  stroke: hsla(0, 0%, 100%, 0.05);
}

.main-cover[data-v-f24a0ae4] .warn {
  fill: #ffc130;
}

.main-cover[data-v-f24a0ae4] .warn.disappear-progress {
  background: rgba(255, 193, 48, 0.25);
}

.main-cover[data-v-f24a0ae4] .warn.disappear-progress .disappear-progress__progress {
  background: #ffc130;
  box-shadow: 0 0 3px #ffc130;
}

.main-cover[data-v-f24a0ae4] .error {
  fill: #ef2626;
}

.main-cover[data-v-f24a0ae4] .error.disappear-progress {
  background: rgba(239, 38, 38, 0.25);
}

.main-cover[data-v-f24a0ae4] .error.disappear-progress .disappear-progress__progress {
  background: #ef2626;
  box-shadow: 0 0 3px #ef2626;
}

.main-cover[data-v-f24a0ae4] .success {
  fill: #37d647;
}

.main-cover[data-v-f24a0ae4] .success.disappear-progress {
  background: rgba(55, 214, 71, 0.25);
}

.main-cover[data-v-f24a0ae4] .success.disappear-progress .disappear-progress__progress {
  background: #37d647;
  box-shadow: 0 0 3px #37d647;
}

.main-cover[data-v-f24a0ae4] .reload {
  fill: #40b6ff;
}

.main-cover[data-v-f24a0ae4] .reload.disappear-progress {
  background: rgba(64, 182, 255, 0.25);
}

.main-cover[data-v-f24a0ae4] .reload.disappear-progress .disappear-progress__progress {
  background: #40b6ff;
  box-shadow: 0 0 3px #40b6ff;
}

.ballas[data-v-f24a0ae4] {
  fill: #c230ff;
  border-color: #c230ff;
  color: #c230ff;
  background-color: #c230ff;
}

.ballas.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #c230ff;
}

.ballas.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #c230ff;
}

.ballas.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.ballas.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #c230ff;
}

.ballas.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.vagos[data-v-f24a0ae4] {
  fill: #ffc130;
  border-color: #ffc130;
  color: #ffc130;
  background-color: #ffc130;
}

.vagos.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ffc130;
}

.vagos.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #ffc130;
}

.vagos.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.vagos.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #ffc130;
}

.vagos.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.families[data-v-f24a0ae4] {
  fill: #37d647;
  border-color: #37d647;
  color: #37d647;
  background-color: #37d647;
}

.families.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #37d647;
}

.families.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #37d647;
}

.families.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.families.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #37d647;
}

.families.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.bloods[data-v-f24a0ae4] {
  fill: #ef2626;
  border-color: #ef2626;
  color: #ef2626;
  background-color: #ef2626;
}

.bloods.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef2626;
}

.bloods.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #ef2626;
}

.bloods.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.bloods.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #ef2626;
}

.bloods.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.marabunta[data-v-f24a0ae4] {
  fill: #00b1ff;
  border-color: #00b1ff;
  color: #00b1ff;
  background-color: #00b1ff;
}

.marabunta.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #00b1ff;
}

.marabunta.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #00b1ff;
}

.marabunta.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.marabunta.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #00b1ff;
}

.marabunta.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.cosa_nostra[data-v-f24a0ae4] {
  fill: #ffc130;
  border-color: #ffc130;
  color: #ffc130;
  background-color: #ffc130;
}

.cosa_nostra.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ffc130;
}

.cosa_nostra.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #ffc130;
}

.cosa_nostra.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.cosa_nostra.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #ffc130;
}

.cosa_nostra.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.russian_mafia[data-v-f24a0ae4] {
  fill: #fff;
  border-color: #fff;
  color: #fff;
  background-color: #fff;
}

.russian_mafia.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #fff;
}

.russian_mafia.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #fff;
}

.russian_mafia.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.russian_mafia.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #fff;
}

.russian_mafia.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.yakuza[data-v-f24a0ae4] {
  fill: #ef263b;
  border-color: #ef263b;
  color: #ef263b;
  background-color: #ef263b;
}

.yakuza.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef263b;
}

.yakuza.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #ef263b;
}

.yakuza.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.yakuza.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #ef263b;
}

.yakuza.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.mexican_cartel[data-v-f24a0ae4] {
  fill: #bc947d;
  border-color: #bc947d;
  color: #bc947d;
  background-color: #bc947d;
}

.mexican_cartel.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #bc947d;
}

.mexican_cartel.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #bc947d;
}

.mexican_cartel.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.mexican_cartel.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #bc947d;
}

.mexican_cartel.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.lost_mc[data-v-f24a0ae4] {
  fill: #ef263b;
  border-color: #ef263b;
  color: #ef263b;
  background-color: #ef263b;
}

.lost_mc.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #ef263b;
}

.lost_mc.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #ef263b;
}

.lost_mc.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.lost_mc.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #ef263b;
}

.lost_mc.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.angels[data-v-f24a0ae4] {
  fill: #949494;
  border-color: #949494;
  color: #949494;
  background-color: #949494;
}

.angels.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #949494;
}

.angels.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #949494;
}

.angels.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.angels.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #949494;
}

.angels.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.irish[data-v-f24a0ae4] {
  fill: #f90;
  border-color: #f90;
  color: #f90;
  background-color: #f90;
}

.irish.gang-progress[data-v-f24a0ae4] {
  box-shadow: 0 0 3px #f90;
}

.irish.gang-status-block[data-v-f24a0ae4]:first-child {
  border-right: 0.1875rem solid #f90;
}

.irish.gang-status-block:first-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: right;
  margin-right: 0.6875rem;
}

.irish.gang-status-block[data-v-f24a0ae4]:last-child {
  border-left: 0.1875rem solid #f90;
}

.irish.gang-status-block:last-child .gang-status-block__text[data-v-f24a0ae4] {
  text-align: left;
  margin-left: 0.6875rem;
}

.kill-slide-enter-active[data-v-f24a0ae4] {
  animation: kill-slide-show-f24a0ae4 0.3s;
}

.kill-slide-leave-active[data-v-f24a0ae4] {
  animation: kill-slide-hide-f24a0ae4 0.3s;
}

@keyframes kill-slide-show-f24a0ae4 {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes kill-slide-hide-f24a0ae4 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(50%);
    opacity: 0;
  }
}
.list-complete-item[data-v-f24a0ae4] {
  transition: all 0.4s ease;
}

.list-complete-enter[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(30px);
}

.list-complete-leave-to[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(-30px);
}

.list-complete-leave-active[data-v-f24a0ae4] {
  position: absolute;
  min-width: 100%;
}

.bottom-notification-list-item[data-v-f24a0ae4] {
  transition: all 0.4s ease;
}

.bottom-notification-list-enter[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(1.875rem);
}

.bottom-notification-list-leave-to[data-v-f24a0ae4] {
  opacity: 0;
  transform: translateY(-4.0625rem);
}

.bottom-notification-list-leave-active[data-v-f24a0ae4] {
  position: absolute;
  min-width: 100%;
}

.radio[data-v-f24a0ae4] {
  position: absolute;
  bottom: 18.5625rem;
  left: 1.875rem;
  transform-origin: left bottom;
}

@media screen and (device-width: 2560px) and (device-height: 1440px) {
  .radio[data-v-f24a0ae4] {
    transform: scale(1.5);
  }
}
.radio-item[data-v-f24a0ae4] {
  border-radius: 0.25rem;
  padding: 0.15625rem 0.625rem;
  background-color: #7160ff;
  margin-top: 0.125rem;
}

.radio-item[data-v-f24a0ae4]:first-child {
  margin-top: 0;
}

.radio-item__text-login[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  margin-left: 0.3125rem;
}

.radio-item__text-id[data-v-f24a0ae4], .radio-item__text-login[data-v-f24a0ae4] {
  font-family: ProximaNova-ExtraCondensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
}

.radio-item__text-id[data-v-f24a0ae4] {
  color: #fff;
  margin-left: 0.1875rem;
}

.radio-item .is-active[data-v-f24a0ae4] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.125rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  background-color: hsla(0, 0%, 100%, 0.2);
}

.radio-item .is-active.active[data-v-f24a0ae4] {
  background-color: #7affb4;
}

@media screen and (min-aspect-ratio: 7/3), screen and (min-device-aspect-ratio: 21/9) {
  .user-container[data-v-f24a0ae4] {
    margin-left: 650px !important;
  }
}
.notifications-list[data-v-f24a0ae4] {
  position: absolute;
  bottom: 22.0625rem;
  right: 0.625rem;
}

.notifications-list .press-letter[data-v-f24a0ae4] {
  margin-bottom: 1.25rem;
  background-color: #1e2124;
  padding: 0.5rem 1.4375rem 0.5rem 1.25rem;
  border-radius: 0.1875rem;
}

.notifications-list .press-letter__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.notifications-list .press-letter-key[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.1875rem;
  background-color: #07CDFF;
  margin: 0 0.625rem;
  color: #fff;
}

.player-actions[data-v-f24a0ae4] {
  position: absolute;
  bottom: 15.6875rem;
  right: 0.9375rem;
}

.player-actions__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.player-actions .action[data-v-f24a0ae4] {
  height: 2.25rem;
  border-radius: 0.1875rem;
  background-color: rgba(30, 33, 36, 0.8);
  padding: 0.4375rem 0.9375rem;
  margin-top: 0.625rem;
}

.player-actions .action[data-v-f24a0ae4]:first-child {
  margin-top: 0;
}

@keyframes progress-animation-f24a0ae4 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.player-actions .action .progress[data-v-f24a0ae4] {
  margin-left: 0.9375rem;
}

.player-actions .action .progress.first-type[data-v-f24a0ae4] {
  width: 9.375rem;
  height: 0.3125rem;
  background-color: rgba(64, 203, 255, 0.3);
}

.player-actions .action .progress.first-type .progress__value[data-v-f24a0ae4] {
  background-color: #40cbff;
  height: inherit;
  animation: progress-animation-f24a0ae4 5s linear;
}

.player-actions .action .progress-item[data-v-f24a0ae4] {
  width: 0.75rem;
  height: 0.75rem;
  background-color: rgba(88, 222, 128, 0.25);
  border-radius: 0.125rem;
  margin-right: 0.3125rem;
}

.player-actions .action .progress-item.active[data-v-f24a0ae4] {
  background-color: #58de80;
}

.player-actions .action .progress-item[data-v-f24a0ae4]:first-child {
  margin-left: 0.9375rem;
}

.player-actions .action .progress-item[data-v-f24a0ae4]:last-child {
  margin-right: 0;
}

.notifications-container[data-v-f24a0ae4] {
  position: absolute;
  z-index: 5;
}

.notifications-container .map-notifications .map-notification[data-v-f24a0ae4] {
  margin-top: 0.3125rem;
  border-radius: 0.1875rem;
  background-color: rgba(30, 33, 36, 0.8);
  overflow: hidden;
}

.notifications-container .map-notifications .map-notification .icon-container svg[data-v-f24a0ae4] path {
  fill: var(--svg-color);
}

.notifications-container .map-notifications .map-notification.small[data-v-f24a0ae4] {
  padding: 0.625rem 0;
  padding-right: 0.625rem;
}

.notifications-container .map-notifications .map-notification.small .map-notification__icon[data-v-f24a0ae4] {
  margin-left: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
}

.notifications-container .map-notifications .map-notification.small .map-notification__text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.small .text-container[data-v-f24a0ae4] {
  line-height: 0;
}

.notifications-container .map-notifications .map-notification.big header[data-v-f24a0ae4] {
  min-height: 3.125rem;
  background-color: rgba(30, 33, 36, 0.5);
  position: relative;
}

.notifications-container .map-notifications .map-notification.big header .picture[data-v-f24a0ae4] {
  width: 3.125rem;
  height: 3.125rem;
  background-size: cover;
  background-position: 50%;
}

.notifications-container .map-notifications .map-notification.big header .icon[data-v-f24a0ae4] {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.9375rem;
  top: 0.625rem;
}

.notifications-container .map-notifications .map-notification.big header .headers[data-v-f24a0ae4] {
  margin-left: 0.9375rem;
}

.notifications-container .map-notifications .map-notification.big header .headers__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 0.9375rem;
  color: hsla(0, 0%, 100%, 0.5);
}

.notifications-container .map-notifications .map-notification.big header .headers__subtitle[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.big main[data-v-f24a0ae4] {
  padding: 0.625rem 0.9375rem;
}

.notifications-container .map-notifications .map-notification.big main .main-text[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #fff;
}

.notifications-container .map-notifications .map-notification.big main .description[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, 0.75);
  margin-top: 0.4375rem;
}

.notifications-container .map-notifications .map-notification.big main .description.from-player[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.notifications-container .body-cam[data-v-f24a0ae4] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  margin-top: 0.625rem;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.25rem;
  background: rgba(30, 33, 36, 0.8);
}

.notifications-container .body-cam__picture[data-v-f24a0ae4] {
  width: 1.25rem;
  height: 1.25rem;
  fill: hsla(0, 0%, 97%, 0.5);
}

.notifications-container .body-cam__content[data-v-f24a0ae4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3125rem;
}

.notifications-container .body-cam__content-title[data-v-f24a0ae4] {
  color: #fff;
  font-family: ProximaNova-Condensed;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
}

.notifications-container .body-cam__content-subtitle[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  font-family: ProximaNova-Condensed;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.notifications-container .body-cam__content-subtitle[data-v-f24a0ae4] .highlighted {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.07rem;
}

.notifications-container .body-cam__content-value[data-v-f24a0ae4] {
  color: hsla(0, 0%, 100%, 0.75);
  font-family: ProximaNova-Condensed;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.notifications-container .body-cam__circle[data-v-f24a0ae4] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #f53a3a;
  position: absolute;
  top: 0.625rem;
  right: 0.5625rem;
  animation: pulse-f24a0ae4 1.5s ease infinite;
}

@keyframes pulse-f24a0ae4 {
  0% {
    background-color: #f53a3a;
  }
  50% {
    background-color: rgba(245, 58, 58, 0.5);
  }
  to {
    background-color: #f53a3a;
  }
}
.notifications-container .body-cam [data-v-f24a0ae4] {
  font-family: var(--IntegratedFont);
}

.notifications-container .fireman[data-v-f24a0ae4] {
  width: 16.875rem;
  background-color: rgba(30, 33, 36, 0.8);
  border-radius: 0.1875rem;
  padding: 0.75rem;
  gap: 0.75rem;
}

.notifications-container .fireman .progress-header__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
}

.notifications-container .fireman .progress-line[data-v-f24a0ae4] {
  background-color: hsla(0, 0%, 100%, 0.1) !important;
  height: 0.25rem;
  margin-top: 0.5rem;
  border-radius: 3px;
}

.notifications-container .fireman .progress-value[data-v-f24a0ae4] {
  height: inherit;
  border-radius: inherit;
}

.notifications-container .fireman .progress-value.extinguisher[data-v-f24a0ae4] {
  background-color: #e24455;
}

.notifications-container .fireman .progress-value.water[data-v-f24a0ae4] {
  background-color: #4bc1ff;
}

.fireman[data-v-f24a0ae4] {
  width: 16.875rem;
  background-color: rgba(30, 33, 36, 0.8);
  border-radius: 0.1875rem;
  padding: 0.75rem;
  gap: 0.75rem;
}

.fireman .progress-header__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  color: #fff;
}

.fireman .progress-line[data-v-f24a0ae4] {
  background-color: hsla(0, 0%, 100%, 0.1);
  height: 0.25rem;
  margin-top: 0.5rem;
  border-radius: 3px;
}

.fireman .progress-value[data-v-f24a0ae4] {
  height: inherit;
  border-radius: inherit;
}

.fireman .progress-value.extinguisher[data-v-f24a0ae4] {
  background-color: #e24455;
}

.fireman .progress-value.water[data-v-f24a0ae4] {
  background-color: #4bc1ff;
}

.skip-intro[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  display: inline-flex;
  padding: 0.3125rem 0.625rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.skip-intro .button[data-v-f24a0ae4] {
  min-width: 1.5625rem;
  height: 1.5625rem;
  background-color: #d3d3d3;
  color: #000;
  border-radius: 0.125rem;
  margin: 0 0.625rem;
  font-size: 0.75rem;
}

.dragy[data-v-f24a0ae4] {
  position: absolute;
  left: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
}

.hidden[data-v-f24a0ae4] {
  opacity: 0;
}

.disclaimer[data-v-f24a0ae4] {
  background-color: #151515;
}

.disclaimer__logo[data-v-f24a0ae4] {
  width: 16rem;
  height: 4.125rem;
  margin-bottom: 1.25rem;
}

.disclaimer__title[data-v-f24a0ae4] {
  font-weight: 700;
  font-size: 1.875rem;
  color: #f22e6a;
  margin-bottom: 1.25rem;
}

.disclaimer__text[data-v-f24a0ae4], .disclaimer__title[data-v-f24a0ae4] {
  font-family: Proxima Nova Th, serif;
  font-style: normal;
  text-align: center;
}

.disclaimer__text[data-v-f24a0ae4] {
  font-weight: 500;
  font-size: 1rem;
  color: hsla(0, 0%, 99%, 0.5);
  margin-bottom: 2.5625rem;
  max-width: 34.375rem;
}

.disclaimer__progress-wrapper[data-v-f24a0ae4] {
  width: 34.375rem;
  height: 0.3125rem;
  border-radius: 0.625rem;
  background-color: hsla(0, 0%, 100%, 0.1);
  overflow: hidden;
}

.disclaimer__progress-value[data-v-f24a0ae4] {
  height: 100%;
  border-radius: 0.625rem;
  background-color: #f22e6a;
  animation-timing-function: linear;
  animation-duration: 9s;
  animation-name: slidein-f24a0ae4;
}

@keyframes slidein-f24a0ae4 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.interaction-main .action-block.nextpage[data-v-b6f590ae], .interaction-main .action-block__text-emoji[data-v-b6f590ae], .interaction-main .close-block[data-v-b6f590ae], .interaction-main .interaction-button .letter-container[data-v-b6f590ae], .interaction-main .interaction-button[data-v-b6f590ae], .interaction-main[data-v-b6f590ae] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.interaction-main[data-v-b6f590ae] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-b6f590ae] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-b6f590ae] {
  display: flex;
}

.justify-start[data-v-b6f590ae] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-b6f590ae] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-b6f590ae] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-b6f590ae] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-b6f590ae] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-b6f590ae] {
  display: flex;
  align-items: center;
}

.align-end[data-v-b6f590ae] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-b6f590ae] {
  width: 100%;
}

.full-height[data-v-b6f590ae] {
  height: 100%;
}

.picture-handler[data-v-b6f590ae] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-b6f590ae] {
  border: 1px solid red;
}

.fade-up-animation[data-v-b6f590ae] {
  animation: fadeOutUp-b6f590ae 1s ease;
}

.fade-down-animation[data-v-b6f590ae] {
  animation: fadeOutDown-b6f590ae 1s ease;
}

@keyframes fadeOutUp-b6f590ae {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-b6f590ae {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-b6f590ae] {
  animation: logotype-b6f590ae 0.5s ease;
}

.logotype-leave-active[data-v-b6f590ae] {
  animation: logotype-b6f590ae 0.5s ease reverse;
}

@keyframes logotype-b6f590ae {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-b6f590ae] {
  animation: cardMoveInside-b6f590ae ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-b6f590ae] {
  animation: cardMoveOutside-b6f590ae ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-b6f590ae {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-b6f590ae {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-b6f590ae {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-b6f590ae], .fade-leave-to[data-v-b6f590ae] {
  opacity: 0;
}

.fade-enter-active[data-v-b6f590ae], .fade-leave-active[data-v-b6f590ae] {
  transition: opacity 0.5s;
}

@keyframes slide-up-b6f590ae {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-b6f590ae {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-b6f590ae] {
  animation: ipad-slide-b6f590ae 0.4s ease;
}

.ipad-slide-leave-active[data-v-b6f590ae] {
  animation: ipad-slide-b6f590ae 0.4s ease reverse;
}

@keyframes ipad-slide-b6f590ae {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-b6f590ae {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-b6f590ae], .local-fade-leave-to[data-v-b6f590ae] {
  opacity: 0;
}

.local-fade-enter-active[data-v-b6f590ae], .local-fade-leave-active[data-v-b6f590ae] {
  transition: opacity 0.2s;
}

.interaction-main .actions-block[data-v-b6f590ae] {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  min-width: 120rem;
  min-height: 14.875rem;
  position: relative;
  z-index: 5;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae] {
  height: 3rem;
  max-height: 3rem;
  min-height: 3rem;
  display: inline-flex;
  min-width: 50%;
  overflow: hidden;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(odd) {
  justify-content: flex-end;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:first-child {
  padding-right: 0.6875rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(2) {
  padding-left: 0.6875rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(3) {
  padding-right: 4.5rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(4) {
  padding-left: 4.5rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(5) {
  padding-right: 4.5rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(6) {
  padding-left: 4.5rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(7) {
  padding-right: 0.6875rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(8) {
  padding-left: 0.6875rem;
  margin-top: 0.9375rem;
}

.interaction-main .action-block-wrapper[data-v-b6f590ae]:first-child, .interaction-main .action-block-wrapper[data-v-b6f590ae]:nth-child(2) {
  margin-top: 0;
}

.interaction-main .action-block[data-v-b6f590ae] {
  display: inline-flex;
  background: #1e2124;
  border-radius: 2.0625rem;
  padding: 0.75rem 3.125rem 0.75rem 0;
  max-height: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.interaction-main .action-block.nextpage-indent[data-v-b6f590ae] {
  padding: 0.75rem 1.25rem;
}

.interaction-main .action-block[data-v-b6f590ae]:hover {
  background: #07CDFF;
}

.interaction-main .action-block.nextpage[data-v-b6f590ae] {
  padding: 0.4375rem 3.125rem 0.4375rem 0.4375rem;
}

.interaction-main .action-block__text-actionName[data-v-b6f590ae] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3125rem;
  color: #fff;
}

.interaction-main .action-block__text-emoji[data-v-b6f590ae] {
  display: flex;
  line-height: 0;
  margin-left: 2.5rem;
  margin-right: 0.6875rem;
}

.interaction-main .action-block__picture-nextpage[data-v-b6f590ae] {
  width: 2.25rem;
  margin-right: 1.1875rem;
}

.interaction-main .close-block[data-v-b6f590ae] {
  width: 3.25rem;
  height: 3.25rem;
  background-color: #1e2124;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  transition: background-color 0.2s ease;
}

.interaction-main .close-block[data-v-b6f590ae]:hover {
  background: #383a3b;
}

.interaction-main .close-block img[data-v-b6f590ae] {
  width: 1.4375rem;
}

.interaction-main .interaction-button[data-v-b6f590ae] {
  height: 2.1875rem;
  z-index: 2;
  margin-top: 6.25rem;
}

.interaction-main .interaction-button .letter-container[data-v-b6f590ae] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  width: 2.1875rem;
  height: inherit;
  border: 0.0625rem solid #c2c0bf;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}

.interaction-main .interaction-button__title[data-v-b6f590ae] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.0625rem;
  color: #fff;
  padding: 0 0.625rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.interaction-main .interaction-button__text-amount[data-v-b6f590ae] {
  background-color: rgba(0, 0, 0, 0.4);
}

.interaction-main .interaction-button__text-amount[data-v-b6f590ae], .interaction-main .interaction-button__text-percent[data-v-b6f590ae] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0625rem;
  color: #fff;
  padding: 0 0.625rem;
}

.interaction-main .interaction-button__text-percent.red[data-v-b6f590ae] {
  background-color: rgba(255, 54, 54, 0.4);
}

.interaction-main .interaction-button__text-percent.orange[data-v-b6f590ae] {
  background-color: rgba(228, 123, 26, 0.4);
}

.interaction-main .interaction-button__text-percent.yellow[data-v-b6f590ae] {
  background-color: rgba(248, 141, 34, 0.4);
}

.interaction-main .interaction-button__text-percent.green[data-v-b6f590ae] {
  background-color: rgba(151, 222, 69, 0.4);
}

.action-container .buttons-container__button-accept[data-v-0da52a63], .action-container .buttons-container__button-cancel[data-v-0da52a63], .action-wrapper[data-v-0da52a63], .action.request .user-content-avatar-admin[data-v-0da52a63] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-wrapper[data-v-0da52a63] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-0da52a63] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-0da52a63] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-0da52a63] {
  display: flex;
}

.justify-start[data-v-0da52a63] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-0da52a63] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-0da52a63] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-0da52a63] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-0da52a63] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-0da52a63] {
  display: flex;
  align-items: center;
}

.align-end[data-v-0da52a63] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-0da52a63] {
  width: 100%;
}

.full-height[data-v-0da52a63] {
  height: 100%;
}

.picture-handler[data-v-0da52a63] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-0da52a63] {
  border: 1px solid red;
}

.fade-up-animation[data-v-0da52a63] {
  animation: fadeOutUp-0da52a63 1s ease;
}

.fade-down-animation[data-v-0da52a63] {
  animation: fadeOutDown-0da52a63 1s ease;
}

@keyframes fadeOutUp-0da52a63 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-0da52a63 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-0da52a63] {
  animation: logotype-0da52a63 0.5s ease;
}

.logotype-leave-active[data-v-0da52a63] {
  animation: logotype-0da52a63 0.5s ease reverse;
}

@keyframes logotype-0da52a63 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-0da52a63] {
  animation: cardMoveInside-0da52a63 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-0da52a63] {
  animation: cardMoveOutside-0da52a63 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-0da52a63 {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-0da52a63 {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-0da52a63 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-0da52a63], .fade-leave-to[data-v-0da52a63] {
  opacity: 0;
}

.fade-enter-active[data-v-0da52a63], .fade-leave-active[data-v-0da52a63] {
  transition: opacity 0.5s;
}

@keyframes slide-up-0da52a63 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-0da52a63 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-0da52a63] {
  animation: ipad-slide-0da52a63 0.4s ease;
}

.ipad-slide-leave-active[data-v-0da52a63] {
  animation: ipad-slide-0da52a63 0.4s ease reverse;
}

@keyframes ipad-slide-0da52a63 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-0da52a63 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-slide-enter-active[data-v-0da52a63] {
  animation: slide-up-0da52a63 0.2s ease;
}

.local-slide-leave-active[data-v-0da52a63] {
  animation: slide-down-0da52a63 0.2s ease;
}

.local-fade-enter-from[data-v-0da52a63], .local-fade-leave-to[data-v-0da52a63] {
  opacity: 0;
}

.local-fade-enter-active[data-v-0da52a63], .local-fade-leave-active[data-v-0da52a63] {
  transition: opacity 0.2s;
}

.close-block[data-v-0da52a63] {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.2s ease-in-out !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #1c1c1c;
  border: 1px solid #3a3a3a;
}

.close-block[data-v-0da52a63]:hover {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
  cursor: pointer;
}

.close-block:hover svg[data-v-0da52a63] {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}

.close-block:hover svg[data-v-0da52a63] path {
  transition: all 0.2s ease-in-out;
  stroke: #111;
}

.close-block svg[data-v-0da52a63] {
  transition: all 0.2s ease-in-out;
  height: 0.625rem;
  max-height: 0.625rem;
  min-height: 0.625rem;
  width: 0.625rem;
  max-width: 0.625rem;
  min-width: 0.625rem;
  opacity: 0.5;
}

.close-block svg[data-v-0da52a63] path {
  transition: all 0.2s ease-in-out;
  stroke: #fff;
}

.action[data-v-0da52a63] {
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem 1.875rem;
  width: 100%;
}

.action-wrapper[data-v-0da52a63] {
  z-index: 9999;
  pointer-events: none;
  background: linear-gradient(180deg, hsla(0, 0%, 39%, 0) 0, hsla(0, 0%, 39%, 0.2));
}

.action-wrapper.blocked[data-v-0da52a63] {
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.4);
}

.action-container[data-v-0da52a63] {
  padding: 1.625rem 0 0 0;
  display: flex;
  flex-direction: column;
  width: 31.25rem;
  background: #1a1a1a;
  overflow: hidden;
  position: relative;
  pointer-events: all;
  border-radius: 0.75rem;
}

.action-container__title[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  padding-left: 1.875rem;
  width: 100%;
  color: #fff;
}

.action-container__message[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 98%, 0.5);
  line-height: 1.5rem;
  text-align: left;
  white-space: pre-wrap;
}

.action-container__message .from-user[data-v-0da52a63] {
  color: hsla(0, 0%, 100%, 0.5);
  margin-right: 0.9375rem;
}

.action-container__message .to-user[data-v-0da52a63] {
  color: #fff;
  font-weight: 500;
  margin-left: 0.9375rem;
}

.action-container__message .arrow[data-v-0da52a63] {
  width: 0.9375rem;
  height: 0.6875rem;
}

.action-container__message .arrow svg[data-v-0da52a63] {
  width: inherit;
  height: inherit;
}

.action-container .buttons-container[data-v-0da52a63] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.875rem;
  gap: 0.375rem;
}

.action-container .buttons-container__button-accept[data-v-0da52a63], .action-container .buttons-container__button-cancel[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1rem;
  width: 50%;
  height: 3rem;
  color: #fff;
  background: hsla(0, 0%, 100%, 0.08);
  color: hsla(0, 0%, 100%, 0.5);
  transition: 0.2s ease;
  transition-property: color, background-color;
  cursor: pointer;
  border-radius: 0.375rem;
}

.action-container .buttons-container__button-accept[data-v-0da52a63]:hover, .action-container .buttons-container__button-cancel[data-v-0da52a63]:hover {
  background: #07CDFF;
  color: #f8f8f8;
}

.action.confirm[data-v-0da52a63], .action.input[data-v-0da52a63] {
  margin-top: 1.25rem;
}

.action.confirm .action-confirm__title[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.25rem;
  color: #fff;
  margin-top: 1.3125rem;
}

.action.request[data-v-0da52a63] {
  margin-top: 1.25rem;
}

.action.request .action-container__message[data-v-0da52a63] {
  margin-top: 1.3125rem;
}

.action.request .user-content[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}

.action.request .user-content-wrapper[data-v-0da52a63] {
  display: flex;
  flex-direction: row;
}

.action.request .user-content-avatar[data-v-0da52a63] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 4.6875rem;
  height: 4.6875rem;
  position: relative;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.action.request .user-content-avatar-admin[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  width: 1.3125rem;
  height: 2.5rem;
  color: #fff;
  background: #07CDFF;
  transform: translateX(50%);
}

.action.request .user-content .user-nickname[data-v-0da52a63] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 1.5625rem;
}

.action.request .user-content .user-nickname__text-name[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5625rem;
}

.action.request .user-content .user-nickname__text-surname[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.3125rem;
  color: hsla(0, 0%, 100%, 0.5);
}

.action.request .user-content__title[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.75rem;
  color: #fff;
}

.action.list[data-v-0da52a63] {
  height: 100%;
  max-height: 20.0625rem;
  overflow-y: auto;
  padding-bottom: 1.8125rem;
  color: #fff;
}

.action.list[data-v-0da52a63]::-webkit-scrollbar {
  width: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.05);
}

.action.list[data-v-0da52a63]::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.15);
}

.action.list .action-list__option[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.0625rem;
  width: 100%;
  padding: 0.6875rem 1.3125rem;
  cursor: pointer;
  transition: background-color 0.4s ease;
  border-radius: 0.375rem;
}

.action.list .action-list__option[data-v-0da52a63]:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.action.list .action-list__option[data-v-0da52a63]:first-child {
  margin-top: 1.25rem;
}

.action.custom[data-v-0da52a63] {
  margin-top: 1.5625rem;
}

.action.custom pre[data-v-0da52a63] {
  margin-bottom: 0.875rem;
}

.action.custom input[data-v-0da52a63] {
  margin-top: 0;
  margin-bottom: 1.5625rem;
}

.action.custom .buttons-container[data-v-0da52a63] {
  margin-top: 0.3125rem;
}

.action input[data-v-0da52a63] {
  font-family: Proxima Nova Th, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  width: 100%;
  height: 3rem;
  color: #fbfbfb;
  background: #212121;
  border: 1px solid #2e2e2e;
  padding: 0 1rem;
  margin-top: 2rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease-in-out;
}

.action input[data-v-0da52a63]::-moz-placeholder {
  color: hsla(0, 0%, 98%, 0.5);
}

.action input[data-v-0da52a63]::placeholder {
  color: hsla(0, 0%, 98%, 0.5);
}

.action input[data-v-0da52a63]:focus {
  background-color: #0d0d0d;
}

.drift-counter .counter-main .counter-block[data-v-d522d038], .drift-counter .counter-main .picture-container[data-v-d522d038] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.drift-counter[data-v-d522d038] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-d522d038] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-d522d038] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-d522d038] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-d522d038] {
  display: flex;
}

.justify-start[data-v-d522d038] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-d522d038] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-d522d038] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-d522d038] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-d522d038] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-d522d038] {
  display: flex;
  align-items: center;
}

.align-end[data-v-d522d038] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-d522d038] {
  width: 100%;
}

.full-height[data-v-d522d038] {
  height: 100%;
}

.picture-handler[data-v-d522d038] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-d522d038] {
  border: 1px solid red;
}

.fade-up-animation[data-v-d522d038] {
  animation: fadeOutUp-d522d038 1s ease;
}

.fade-down-animation[data-v-d522d038] {
  animation: fadeOutDown-d522d038 1s ease;
}

@keyframes fadeOutUp-d522d038 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-d522d038 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-d522d038] {
  animation: logotype-d522d038 0.5s ease;
}

.logotype-leave-active[data-v-d522d038] {
  animation: logotype-d522d038 0.5s ease reverse;
}

@keyframes logotype-d522d038 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-d522d038] {
  animation: cardMoveInside-d522d038 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-d522d038] {
  animation: cardMoveOutside-d522d038 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-d522d038 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-d522d038 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-d522d038 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-d522d038], .fade-leave-to[data-v-d522d038] {
  opacity: 0;
}

.fade-enter-active[data-v-d522d038], .fade-leave-active[data-v-d522d038] {
  transition: opacity 0.5s;
}

@keyframes slide-up-d522d038 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-d522d038 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-d522d038] {
  animation: ipad-slide-d522d038 0.4s ease;
}

.ipad-slide-leave-active[data-v-d522d038] {
  animation: ipad-slide-d522d038 0.4s ease reverse;
}

@keyframes ipad-slide-d522d038 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-d522d038 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-d522d038], .local-fade-leave-to[data-v-d522d038] {
  opacity: 0;
}

.local-fade-enter-active[data-v-d522d038], .local-fade-leave-active[data-v-d522d038] {
  transition: opacity 0.2s;
}

.drift-counter[data-v-d522d038] {
  pointer-events: none;
}

.drift-counter .counter-container[data-v-d522d038] {
  margin-bottom: 1.875rem;
}

.drift-counter .counter-container__title[data-v-d522d038] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4375rem;
  color: #fff;
  text-transform: uppercase;
}

.drift-counter .counter-main[data-v-d522d038] {
  overflow: hidden;
  border-radius: 0.3125rem;
  height: 4.625rem;
  background-color: rgba(0, 0, 0, 0.3);
  margin-top: 0.625rem;
}

.drift-counter .counter-main .picture-container[data-v-d522d038] {
  height: inherit;
  width: 4.625rem;
  background-color: #e42f2f;
}

.drift-counter .counter-main .picture-container__picture[data-v-d522d038] {
  width: 3.0833333333rem;
  height: 3.0833333333rem;
}

.drift-counter .counter-main .counter-block[data-v-d522d038] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.0625rem;
  height: inherit;
  min-width: 6.25rem;
  padding: 0 1.875rem;
  color: #fff;
}

.fade-up-animation[data-v-2b59f15a] {
  animation: fadeOutUp-2b59f15a 1s ease;
}

.fade-down-animation[data-v-2b59f15a] {
  animation: fadeOutDown-2b59f15a 1s ease;
}

@keyframes fadeOutUp-2b59f15a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-2b59f15a {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-2b59f15a] {
  animation: logotype-2b59f15a 0.5s ease;
}

.logotype-leave-active[data-v-2b59f15a] {
  animation: logotype-2b59f15a 0.5s ease reverse;
}

@keyframes logotype-2b59f15a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-2b59f15a] {
  animation: cardMoveInside-2b59f15a ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-2b59f15a] {
  animation: cardMoveOutside-2b59f15a ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-2b59f15a {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-2b59f15a {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-2b59f15a {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-2b59f15a], .fade-leave-to[data-v-2b59f15a] {
  opacity: 0;
}

.fade-enter-active[data-v-2b59f15a], .fade-leave-active[data-v-2b59f15a] {
  transition: opacity 0.5s;
}

@keyframes slide-up-2b59f15a {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-2b59f15a {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-2b59f15a] {
  animation: ipad-slide-2b59f15a 0.4s ease;
}

.ipad-slide-leave-active[data-v-2b59f15a] {
  animation: ipad-slide-2b59f15a 0.4s ease reverse;
}

@keyframes ipad-slide-2b59f15a {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-2b59f15a {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.container[data-v-2b59f15a] {
  position: absolute;
  width: 100vw;
  height: 100vh;
  font-family: ProximaNova, sans-serif;
  pointer-events: none;
}

.icons[data-v-2b59f15a] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  padding-bottom: 2vh;
}

.icon[data-v-2b59f15a] {
  position: relative;
  display: flex;
}

.icon[data-v-2b59f15a]:not(:last-child) {
  margin-right: 2vh;
}

.icon-image[data-v-2b59f15a] {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transition: transform 0.2s ease;
}

.icon-image-wrapper[data-v-2b59f15a] {
  position: relative;
  height: 10vh;
  width: 10vh;
  pointer-events: auto;
}

.icon-image-wrapper:hover .icon-image[data-v-2b59f15a] {
  transform: scale(3) translateY(-2.8vh);
}

.icon-label[data-v-2b59f15a] {
  position: absolute;
  width: 100%;
  transform: translate3d(0, -100%, 0);
  font-size: 1.6vh;
  text-align: center;
  color: #fff;
  background-color: #000;
}

.icon-buttons[data-v-2b59f15a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.icon-button[data-v-2b59f15a] {
  background-color: #090a10;
  width: 2vh;
  height: 2vh;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  border-radius: 50%;
  pointer-events: auto;
}

.icon-button[data-v-2b59f15a]:hover {
  background-color: #07CDFF;
}

.head-overlays.icon-image-wrapper[data-v-2b59f15a] {
  width: 21.875rem;
}

.head-overlays.icon-image-wrapper .icon-label[data-v-2b59f15a] {
  width: 95%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.death-screen .death-row[data-v-5e274ee3], .death-screen[data-v-5e274ee3] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.death-screen[data-v-5e274ee3] {
  position: absolute;
  left: 0;
  top: 0;
}

.row-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: row;
}

.row-reverse-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: row-reverse;
}

.column-block[data-v-5e274ee3] {
  display: flex;
  flex-direction: column;
}

.flex-block[data-v-5e274ee3] {
  display: flex;
}

.justify-start[data-v-5e274ee3] {
  display: flex;
  justify-content: flex-start;
}

.justify-center[data-v-5e274ee3] {
  display: flex;
  justify-content: center;
}

.justify-between[data-v-5e274ee3] {
  display: flex;
  justify-content: space-between;
}

.justify-end[data-v-5e274ee3] {
  display: flex;
  justify-content: flex-end;
}

.align-start[data-v-5e274ee3] {
  display: flex;
  align-content: flex-start;
}

.align-center[data-v-5e274ee3] {
  display: flex;
  align-items: center;
}

.align-end[data-v-5e274ee3] {
  display: flex;
  align-items: flex-end;
}

.full-width[data-v-5e274ee3] {
  width: 100%;
}

.full-height[data-v-5e274ee3] {
  height: 100%;
}

.picture-handler[data-v-5e274ee3] {
  display: flex;
  cursor: pointer;
}

.debug[data-v-5e274ee3] {
  border: 1px solid red;
}

.fade-up-animation[data-v-5e274ee3] {
  animation: fadeOutUp-5e274ee3 1s ease;
}

.fade-down-animation[data-v-5e274ee3] {
  animation: fadeOutDown-5e274ee3 1s ease;
}

@keyframes fadeOutUp-5e274ee3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-5e274ee3 {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-5e274ee3] {
  animation: logotype-5e274ee3 0.5s ease;
}

.logotype-leave-active[data-v-5e274ee3] {
  animation: logotype-5e274ee3 0.5s ease reverse;
}

@keyframes logotype-5e274ee3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-5e274ee3] {
  animation: cardMoveInside-5e274ee3 ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-5e274ee3] {
  animation: cardMoveOutside-5e274ee3 ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-5e274ee3 {
  0% {
    right: 27.7777777778vh;
  }
  to {
    right: 1.0185185185vh;
  }
}
@keyframes cardMoveInside-5e274ee3 {
  0% {
    right: 1.0185185185vh;
  }
  to {
    right: 27.7777777778vh;
  }
}
@keyframes borderBlink-5e274ee3 {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-5e274ee3], .fade-leave-to[data-v-5e274ee3] {
  opacity: 0;
}

.fade-enter-active[data-v-5e274ee3], .fade-leave-active[data-v-5e274ee3] {
  transition: opacity 0.5s;
}

@keyframes slide-up-5e274ee3 {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-5e274ee3 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-5e274ee3] {
  animation: ipad-slide-5e274ee3 0.4s ease;
}

.ipad-slide-leave-active[data-v-5e274ee3] {
  animation: ipad-slide-5e274ee3 0.4s ease reverse;
}

@keyframes ipad-slide-5e274ee3 {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-5e274ee3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.death-screen .death-bg[data-v-5e274ee3] {
  z-index: 5;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
}

.death-screen .death-row[data-v-5e274ee3] {
  position: relative;
  z-index: 100;
  gap: 4rem;
}

.death-screen .death-row .death-info[data-v-5e274ee3] {
  align-items: center;
}

.death-screen .death-row .death-info__title[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 3rem;
  color: #fff;
}

.death-screen .death-row .death-info__icon[data-v-5e274ee3] {
  width: 19.625rem;
  margin-top: 0.75rem;
}

.death-screen .death-row .death-info__text[data-v-5e274ee3] {
  margin-top: 2rem;
  width: 23.625rem;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, 0.75);
  text-align: center;
  line-height: 1.4625rem;
}

.death-screen .death-row .death-info .control-buttons[data-v-5e274ee3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  height: 2.875rem;
  margin-top: 3.0625rem;
}

.death-screen .death-row .death-info .control-buttons .bottom[data-v-5e274ee3] {
  display: flex;
  gap: 0.625rem;
}

.death-screen .death-row .death-info .control-buttons .control-button[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  padding: 0.875rem 1.25rem;
  line-height: 1rem;
  color: #fff;
  background-color: #1c1c1c;
  border-radius: 0.375rem;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.15);
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.death-screen .death-row .death-info .control-buttons .control-button[data-v-5e274ee3]:hover {
  background-color: #282828;
}

.death-screen .death-row .death-info .top[data-v-5e274ee3] {
  width: 100%;
  position: relative;
}

.death-screen .death-row .death-info .top .main[data-v-5e274ee3] {
  border-radius: 0.375rem;
  padding: 0.875rem 1rem;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.2);
  background: #1c1b1b;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.death-screen .death-row .death-info .top .main .svg-wrapper[data-v-5e274ee3] {
  display: flex;
  gap: 0.625rem;
}

.death-screen .death-row .death-info .top .main .svg-wrapper .cross[data-v-5e274ee3] {
  stroke: #fff;
  stroke-width: 0.125rem;
  width: 1.125rem;
  height: 1.125rem;
  transition: fill 0.2s ease, transform 0.2s ease;
}

.death-screen .death-row .death-info .top .main .svg-wrapper .arrow[data-v-5e274ee3] {
  fill: hsla(0, 0%, 100%, 0.502);
  width: 1.125rem;
  height: 1.125rem;
  transition: fill 0.2s ease, transform 0.2s ease;
}

.death-screen .death-row .death-info .top .main-item[data-v-5e274ee3] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
}

.death-screen .death-row .death-info .top .main-item p[data-v-5e274ee3] {
  color: hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transition: color 0.2s ease;
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
}

.death-screen .death-row .death-info .top .main-item > svg[data-v-5e274ee3] {
  fill: hsla(0, 0%, 100%, 0.502);
  width: 1.125rem;
  height: 1.125rem;
}

.death-screen .death-row .death-info .top .main[data-v-5e274ee3]:hover {
  background: #282828;
}

.death-screen .death-row .death-info .top .main:hover .arrow[data-v-5e274ee3] {
  fill: #fff;
}

.death-screen .death-row .death-info .top .active p[data-v-5e274ee3] {
  color: #fff;
}

.death-screen .death-row .death-info .top .open[data-v-5e274ee3] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.death-screen .death-row .death-info .top .open .arrow[data-v-5e274ee3] {
  transform: rotate(180deg);
}

.death-screen .death-row .death-info .dropdown[data-v-5e274ee3] {
  position: absolute;
  display: flex;
  width: 23.125rem;
  max-height: 11rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  border: 0.0625rem solid #484848;
  border-top: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  transition: max-height 0.6s ease, border 0.6s ease;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar {
  width: 0.1875rem;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar-track {
  border-radius: 0.375rem;
  background: #484848;
}

.death-screen .death-row .death-info .dropdown .scrollable[data-v-5e274ee3]::-webkit-scrollbar-thumb {
  border-radius: 0.375rem;
  background: hsla(0, 0%, 100%, 0.5);
}

.death-screen .death-row .death-info .dropdown .item[data-v-5e274ee3] {
  display: flex;
  background: #1a1a1a;
  padding: 0.375rem 1rem;
  height: 2.75rem;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  align-self: stretch;
  cursor: pointer;
  transition: background 0.2s ease;
}

.death-screen .death-row .death-info .dropdown .item p[data-v-5e274ee3] {
  color: hsla(0, 0%, 100%, 0.5);
  font-family: Proxima Nova Th, serif;
  font-style: normal;
  font-size: 1rem;
  font-weight: 500;
  transition: color 0.2s ease;
}

.death-screen .death-row .death-info .dropdown .item > svg[data-v-5e274ee3] {
  width: 1.125rem;
  height: 1.125rem;
  fill: hsla(0, 0%, 100%, 0.502);
}

.death-screen .death-row .death-info .dropdown .item[data-v-5e274ee3]:hover {
  background: #282828;
}

.death-screen .death-row .death-info .dropdown .item:hover p[data-v-5e274ee3] {
  color: #fff;
}

.death-screen .death-row .death-info .hidden[data-v-5e274ee3] {
  border-color: hsla(0, 0%, 100%, 0);
  max-height: 0;
  transition: max-height 0.6s ease, border 0.6s ease;
}

.death-screen .death-row .line[data-v-5e274ee3] {
  height: 8rem;
  width: 0.125rem;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.death-screen .death-row .killer__title[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 1.4625rem;
}

.death-screen .death-row .killer-data[data-v-5e274ee3] {
  gap: 0.875rem;
  margin-top: 0.875rem;
}

.death-screen .death-row .killer-data__image[data-v-5e274ee3] {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}

.death-screen .death-row .killer-data .killer-login[data-v-5e274ee3] {
  gap: 0.25rem;
}

.death-screen .death-row .killer-data .killer-login__text-login[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.4625rem;
  color: #fff;
}

.death-screen .death-row .killer-data .killer-login__text-id[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, 0.75);
  line-height: 1.3rem;
}

.death-screen .death-row .killer .kill-description[data-v-5e274ee3] {
  margin-top: 1.5rem;
  gap: 0.875rem;
}

.death-screen .death-row .killer .kill-description .kill-data[data-v-5e274ee3] {
  gap: 0.875rem;
}

.death-screen .death-row .killer .kill-description .kill-data__title[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: hsla(0, 0%, 100%, 0.74);
}

.death-screen .death-row .killer .kill-description .kill-data__value[data-v-5e274ee3] {
  font-family: Proxima Nova Th, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #fff;
}

.skipT-enter-active[data-v-15f51a1e], .skipT-leave-active[data-v-15f51a1e] {
  transition: opacity 0.2s ease;
}

.skipT-enter-from[data-v-15f51a1e], .skipT-leave-to[data-v-15f51a1e] {
  opacity: 0;
}

.skip[data-v-15f51a1e] {
  position: absolute;
  top: 4.4444444444vh;
  right: 4.4444444444vh;
}

.skip-hint[data-v-15f51a1e] {
  display: flex;
  align-items: center;
}

.skip-hint > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: #fff;
}

.skip-hint__button[data-v-15f51a1e] {
  padding: 0.9259259259vh;
  border-radius: 0.3703703704vh;
  background-color: #fff;
}

.skip-hint__button > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: #111;
  line-height: 0.8333333333vh;
  text-transform: uppercase;
}

.skip-hint > [data-v-15f51a1e] {
  margin-right: 0.9259259259vh;
}

.skip-hint > [data-v-15f51a1e]:last-child {
  margin-right: 0;
}

.skip > p[data-v-15f51a1e] {
  font-size: 1.2962962963vh;
  font-weight: 500;
  color: hsla(0, 0%, 100%, 0.5);
  text-align: end;
}

.skip > p > span[data-v-15f51a1e] {
  color: #fff;
  margin-left: 0.5555555556vh;
}

.skip > [data-v-15f51a1e] {
  margin: 1.8518518519vh 0 1.8518518519vh auto;
}

.skip > [data-v-15f51a1e]:first-child {
  margin-top: 0;
}

.skip > [data-v-15f51a1e]:last-child {
  margin-bottom: 0;
}

.skip [data-v-15f51a1e] {
  font-family: var(--IntegratedFont);
}

.crosshair[data-v-24a46dc8] {
  pointer-events: none;
  position: absolute;
  width: -moz-min-content;
  width: min-content;
  height: -moz-min-content;
  height: min-content;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.crosshair > svg[data-v-24a46dc8] {
  pointer-events: none;
}

.crosshair.main > svg[data-v-24a46dc8] {
  transition: fill 0.2s ease;
}

.fade-up-animation[data-v-6fd584db] {
  animation: fadeOutUp-6fd584db 1s ease;
}

.fade-down-animation[data-v-6fd584db] {
  animation: fadeOutDown-6fd584db 1s ease;
}

@keyframes fadeOutUp-6fd584db {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #40b6ff;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
    background-color: #40b6ff;
    color: #fff;
  }
}
@keyframes fadeOutDown-6fd584db {
  0% {
    opacity: 1;
    transform: translateY(0);
    background-color: #071e30;
    color: #fff;
  }
  to {
    opacity: 0;
    transform: translateY(100%);
    background-color: #071e30;
    color: #fff;
  }
}
.logotype-enter-active[data-v-6fd584db] {
  animation: logotype-6fd584db 0.5s ease;
}

.logotype-leave-active[data-v-6fd584db] {
  animation: logotype-6fd584db 0.5s ease reverse;
}

@keyframes logotype-6fd584db {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.cardMoveIn[data-v-6fd584db] {
  animation: cardMoveInside-6fd584db ease forwards;
  animation-duration: 2s;
}

.cardMoveOut[data-v-6fd584db] {
  animation: cardMoveOutside-6fd584db ease forwards;
  animation-duration: 2s;
}

@keyframes cardMoveOutside-6fd584db {
  0% {
    right: vh(300px);
  }
  to {
    right: vh(11px);
  }
}
@keyframes cardMoveInside-6fd584db {
  0% {
    right: vh(11px);
  }
  to {
    right: vh(300px);
  }
}
@keyframes borderBlink-6fd584db {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fade-enter[data-v-6fd584db], .fade-leave-to[data-v-6fd584db] {
  opacity: 0;
}

.fade-enter-active[data-v-6fd584db], .fade-leave-active[data-v-6fd584db] {
  transition: opacity 0.5s;
}

@keyframes slide-up-6fd584db {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-down-6fd584db {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20%);
    opacity: 0;
  }
}
.ipad-slide-enter-active[data-v-6fd584db] {
  animation: ipad-slide-6fd584db 0.4s ease;
}

.ipad-slide-leave-active[data-v-6fd584db] {
  animation: ipad-slide-6fd584db 0.4s ease reverse;
}

@keyframes ipad-slide-6fd584db {
  0% {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes bounce-in-transition-6fd584db {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.local-fade-enter-from[data-v-6fd584db], .local-fade-leave-to[data-v-6fd584db] {
  opacity: 0;
}

.local-fade-enter-active[data-v-6fd584db], .local-fade-leave-active[data-v-6fd584db] {
  transition: opacity 0.2s;
}

#app[data-v-6fd584db] {
  min-width: 100%;
  min-height: 100%;
}

#app .copy-input[data-v-6fd584db] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-99999px);
}

#app.mask[data-v-6fd584db] {
  background: none;
}

#app .router-view[data-v-6fd584db] {
  z-index: 10;
}

#app .dot[data-v-6fd584db] {
  border: 1px solid #fff;
  position: absolute;
  border-radius: 50%;
  width: 0.6481481481vh;
  height: 0.6481481481vh;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mask[data-v-6fd584db] {
  background: #000;
  min-width: 100%;
  min-height: 100%;
}

.font-renderer[data-v-6fd584db] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  font-family: LCDNova;
}

.preloadFont[data-v-6fd584db] {
  font-family: LicenseUSA !important;
  font-size: 0;
}
@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../src/popups/confirm/fonts//ProximaNova-Black.eot);
  src: local("Proxima Nova Black"), local("ProximaNova-Black"), url(../src/popups/confirm/fonts//ProximaNova-Black.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Black.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Black.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/popups/confirm/fonts//ProximaNova-Extrabld.eot);
  src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url(../src/popups/confirm/fonts//ProximaNova-Extrabld.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Extrabld.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Extrabld.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Extrabld.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/popups/confirm/fonts//ProximaNova-SemiboldIt.eot);
  src: local("Proxima Nova Semibold Italic"), local("ProximaNova-SemiboldIt"), url(../src/popups/confirm/fonts//ProximaNova-SemiboldIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-SemiboldIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-SemiboldIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-SemiboldIt.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/popups/confirm/fonts//ProximaNovaT-Thin.eot);
  src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"), url(../src/popups/confirm/fonts//ProximaNovaT-Thin.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNovaT-Thin.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNovaT-Thin.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNovaT-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/popups/confirm/fonts//ProximaNova-Light.eot);
  src: local("Proxima Nova Light"), local("ProximaNova-Light"), url(../src/popups/confirm/fonts//ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Light.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Light.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bl";
  src: url(../src/popups/confirm/fonts//ProximaNova-BlackIt.eot);
  src: local("Proxima Nova Black Italic"), local("ProximaNova-BlackIt"), url(../src/popups/confirm/fonts//ProximaNova-BlackIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-BlackIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-BlackIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-BlackIt.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/popups/confirm/fonts//ProximaNova-BoldIt.eot);
  src: local("Proxima Nova Bold Italic"), local("ProximaNova-BoldIt"), url(../src/popups/confirm/fonts//ProximaNova-BoldIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-BoldIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-BoldIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-BoldIt.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/popups/confirm/fonts//ProximaNova-ThinIt.eot);
  src: local("Proxima Nova Thin Italic"), local("ProximaNova-ThinIt"), url(../src/popups/confirm/fonts//ProximaNova-ThinIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-ThinIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-ThinIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-ThinIt.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/popups/confirm/fonts//ProximaNova-Bold.eot);
  src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url(../src/popups/confirm/fonts//ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Bold.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Bold.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/popups/confirm/fonts//ProximaNova-RegularIt.eot);
  src: local("Proxima Nova Regular Italic"), local("ProximaNova-RegularIt"), url(../src/popups/confirm/fonts//ProximaNova-RegularIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-RegularIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-RegularIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-RegularIt.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/popups/confirm/fonts//ProximaNova-ExtrabldIt.eot);
  src: local("Proxima Nova Extrabold Italic"), local("ProximaNova-ExtrabldIt"), url(../src/popups/confirm/fonts//ProximaNova-ExtrabldIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-ExtrabldIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-ExtrabldIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-ExtrabldIt.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(../src/popups/confirm/fonts//ProximaNova-Regular.eot);
  src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url(../src/popups/confirm/fonts//ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Regular.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Regular.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/popups/confirm/fonts//ProximaNova-LightIt.eot);
  src: local("Proxima Nova Light Italic"), local("ProximaNova-LightIt"), url(../src/popups/confirm/fonts//ProximaNova-LightIt.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-LightIt.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-LightIt.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-LightIt.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/popups/confirm/fonts//ProximaNova-Semibold.eot);
  src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url(../src/popups/confirm/fonts//ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(../src/popups/confirm/fonts//ProximaNova-Semibold.woff2) format("woff2"), url(../src/popups/confirm/fonts//ProximaNova-Semibold.woff) format("woff"), url(../src/popups/confirm/fonts//ProximaNova-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
.popup__newhud {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud {
    line-height: 59.85px;
  }
}
.popup__newhud .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_box {
    max-width: 252px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_box {
    max-width: 280px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_box {
    max-width: 361.2px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_box {
    max-width: 383.6px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_box {
    max-width: 420px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_box {
    max-width: 392px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_box {
    max-width: 476px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_box {
    max-width: 448px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_box {
    max-width: 532px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_box {
    max-width: 560px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_box {
    max-width: 756px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_box {
    max-width: 728px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_box {
    max-width: 700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_box {
    max-width: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1260px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_box {
    max-width: 1764px;
  }
}
.popup__newhud .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
  overflow-y: auto;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    max-height: 360px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    max-height: 400px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    max-height: 516px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    max-height: 548px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    max-height: 600px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    max-height: 560px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    max-height: 680px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    max-height: 640px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    max-height: 760px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    max-height: 800px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1080px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1040px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1000px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1600px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1320px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    max-height: 1800px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    max-height: 2520px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text {
    padding-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar {
    width: 9.45px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-track {
    border-radius: 6.3px;
  }
}
.popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
  background: #C6D1DA;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud_text::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
.popup__newhud .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}

.popup__newhud__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 799px) {
  .popup__newhud__buttons {
    margin-top: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons {
    margin-top: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons {
    margin-top: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons {
    margin-top: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons {
    margin-top: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons {
    margin-top: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons {
    margin-top: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons {
    margin-top: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons {
    margin-top: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons {
    margin-top: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons {
    margin-top: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons {
    margin-top: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons {
    margin-top: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons {
    margin-top: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons {
    margin-top: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons {
    margin-top: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons {
    margin-top: 72px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons {
    margin-top: 100.8px;
  }
}
.popup__newhud__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 73.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 82px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 105.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 112.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 123px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 114.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 139.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 131.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 155.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 164px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 205px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 221.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 213.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 205px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 270.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 328px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 270.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 369px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons .popup__newhud_button {
    width: 516.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons .popup__newhud_button {
    margin-right: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons .popup__newhud_button {
    height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud__buttons .popup__newhud_button {
    border-radius: 25.2px;
  }
}
.popup__newhud__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
.popup__newhud__buttons .popup__newhud_button:last-child {
  margin-right: 0;
}
#donatepopup {
  z-index: 100000;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "TTNorms-Regular";
  width: 100%;
  height: 100%;
  background: rgba(1, 22, 39, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
#donatepopup .donatepopup__back {
  position: absolute;
  background-image: url(/src/popups/donate/images/donate-back.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#donatepopup .donatepopup__back.delete {
  background-image: none;
}
#donatepopup .donatepopup__main {
  background-image: url(/src/popups/donate/images/donate-header.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__main {
    width: 264.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__main {
    width: 294px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__main {
    width: 379.26px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__main {
    width: 402.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__main {
    width: 441px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__main {
    width: 411.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__main {
    width: 499.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__main {
    width: 470.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__main {
    width: 558.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__main {
    width: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__main {
    width: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__main {
    width: 735px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__main {
    width: 793.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__main {
    width: 764.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__main {
    width: 735px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    width: 970.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    width: 1176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    width: 970.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    width: 1323px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__main {
    width: 1852.2px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__main {
    height: 264.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__main {
    height: 294px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__main {
    height: 379.26px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__main {
    height: 402.78px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__main {
    height: 441px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__main {
    height: 411.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__main {
    height: 499.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__main {
    height: 470.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__main {
    height: 558.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__main {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__main {
    height: 588px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__main {
    height: 735px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__main {
    height: 793.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__main {
    height: 764.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__main {
    height: 735px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    height: 970.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    height: 1176px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    height: 970.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    height: 1323px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__main {
    height: 1852.2px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__main {
    padding-top: 86.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__main {
    padding-top: 96.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__main {
    padding-top: 124.485px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__main {
    padding-top: 132.205px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__main {
    padding-top: 144.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__main {
    padding-top: 135.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__main {
    padding-top: 164.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__main {
    padding-top: 154.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__main {
    padding-top: 183.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__main {
    padding-top: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__main {
    padding-top: 193px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__main {
    padding-top: 241.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__main {
    padding-top: 260.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__main {
    padding-top: 250.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__main {
    padding-top: 241.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    padding-top: 318.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    padding-top: 386px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main {
    padding-top: 318.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main {
    padding-top: 434.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__main {
    padding-top: 607.95px;
  }
}
#donatepopup .donatepopup__main.delete {
  background-image: url(/src/popups/donate/images/delete-header.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 129.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 144px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 185.76px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 197.28px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 216px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 201.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 244.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 230.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 273.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 288px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 360px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 388.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 374.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 360px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 475.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 576px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 475.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 648px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__main.delete {
    padding-top: 907.2px;
  }
}
#donatepopup .popup__title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  color: #FF9F1C;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #donatepopup .popup__title {
    font-size: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__title {
    font-size: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__title {
    font-size: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__title {
    font-size: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__title {
    font-size: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__title {
    font-size: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__title {
    font-size: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__title {
    font-size: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__title {
    font-size: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__title {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__title {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__title {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__title {
    font-size: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__title {
    font-size: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__title {
    font-size: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    font-size: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    font-size: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    font-size: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    font-size: 99px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__title {
    font-size: 138.6px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__title {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__title {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__title {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__title {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__title {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__title {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__title {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__title {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__title {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__title {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__title {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__title {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__title {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__title {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__title {
    margin-bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__title {
    margin-bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__title {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__title {
    margin-bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__title {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__title {
    margin-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__title {
    margin-bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__title {
    margin-bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    margin-bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__title {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__title {
    margin-bottom: 81px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__title {
    margin-bottom: 113.4px;
  }
}
#donatepopup .popup__subtitle {
  font-weight: 500;
  text-align: center;
}
@media (max-width: 799px) {
  #donatepopup .popup__subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__subtitle {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__subtitle {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__subtitle {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__subtitle {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__subtitle {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__subtitle {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__subtitle {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__subtitle {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__subtitle {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__subtitle {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__subtitle {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__subtitle {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__subtitle {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__subtitle {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__subtitle {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__subtitle {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__subtitle {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__subtitle {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__subtitle {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__subtitle {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__subtitle {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__subtitle {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__subtitle {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__subtitle {
    margin-bottom: 94.5px;
  }
}
#donatepopup .popup__input {
  background: rgba(253, 255, 252, 0.05);
  text-align: center;
  font-family: inherit;
  border: 1px solid rgba(253, 255, 252, 0.05);
  color: #DFDFDF;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000000000000;
}
@media (max-width: 799px) {
  #donatepopup .popup__input {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__input {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__input {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__input {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__input {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__input {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__input {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__input {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__input {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__input {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__input {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__input {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__input {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__input {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__input {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__input {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__input {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__input {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__input {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__input {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__input {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__input {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__input {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__input {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__input {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__input {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__input {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__input {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__input {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__input {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__input {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__input {
    height: 129.15px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__input {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__input {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__input {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__input {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__input {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__input {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__input {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__input {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__input {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__input {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__input {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__input {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__input {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__input {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__input {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__input {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__input {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__input {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__input {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__input {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__input {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__input {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__input {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__input {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__input {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__input {
    margin-bottom: 31.5px;
  }
}
#donatepopup .popup__input:focus {
  border: 1px solid rgba(253, 255, 252, 0.7);
}
#donatepopup .box-between {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #donatepopup .box-between {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .box-between {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .box-between {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .box-between {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .box-between {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .box-between {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .box-between {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .box-between {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .box-between {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .box-between {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .box-between {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .box-between {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .box-between {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .box-between {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .box-between {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .box-between {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .box-between {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .box-between {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .box-between {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .box-between {
    width: 1197px;
  }
}
#donatepopup .popup__button {
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(253, 255, 252, 0.7);
  box-sizing: border-box;
  border-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  z-index: 10000000000000;
}
@media (max-width: 799px) {
  #donatepopup .popup__button {
    width: 63.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__button {
    width: 71px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__button {
    width: 91.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__button {
    width: 97.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__button {
    width: 106.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__button {
    width: 99.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__button {
    width: 120.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__button {
    width: 113.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__button {
    width: 134.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__button {
    width: 177.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__button {
    width: 191.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__button {
    width: 184.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__button {
    width: 177.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    width: 234.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    width: 284px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    width: 234.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    width: 319.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__button {
    width: 447.3px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #donatepopup .popup__button {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__button {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__button {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__button {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__button {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__button {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__button {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__button {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__button {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__button {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__button {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__button {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__button {
    line-height: 59.85px;
  }
}
#donatepopup .popup__button.orange {
  background: #FF9F1C;
}
#donatepopup .popup__button.big {
  border: 1px solid #ff9f1c;
}
@media (max-width: 799px) {
  #donatepopup .popup__button.big {
    width: 99.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .popup__button.big {
    width: 110.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .popup__button.big {
    width: 142.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .popup__button.big {
    width: 151.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .popup__button.big {
    width: 165.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .popup__button.big {
    width: 154.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .popup__button.big {
    width: 187.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .popup__button.big {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .popup__button.big {
    width: 209.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .popup__button.big {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .popup__button.big {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .popup__button.big {
    width: 276.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .popup__button.big {
    width: 298.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .popup__button.big {
    width: 287.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .popup__button.big {
    width: 276.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .popup__button.big {
    width: 364.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .popup__button.big {
    width: 442px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .popup__button.big {
    width: 364.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .popup__button.big {
    width: 497.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .popup__button.big {
    width: 696.15px;
  }
}
#donatepopup .popup__button:hover {
  opacity: 0.9;
}
#donatepopup .popup__button.red {
  background: #E71D36;
  border: 1px solid transparent;
}
#donatepopup .popup__button.bordered {
  background: rgba(231, 29, 54, 0.1);
  border: 1px solid rgba(231, 29, 54, 0.7);
}
#donatepopup .donatepopup__payments {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments {
    width: 245.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments {
    width: 273px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments {
    width: 352.17px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments {
    width: 374.01px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments {
    width: 409.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments {
    width: 382.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments {
    width: 464.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments {
    width: 436.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments {
    width: 518.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments {
    width: 546px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments {
    width: 682.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments {
    width: 737.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments {
    width: 709.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments {
    width: 682.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments {
    width: 900.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments {
    width: 1092px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments {
    width: 900.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments {
    width: 1228.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments {
    width: 1719.9px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__donate_info {
  font-weight: 500;
  color: #E71D36;
  text-align: center;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__donate_info {
    margin-top: 47.25px;
  }
}
#donatepopup .donatepopup__payments .box-between {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 230.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 256px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 330.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 350.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 384px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 358.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 435.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 409.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 486.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 691.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 665.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 640px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 844.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 1024px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 844.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 1152px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between {
    width: 1612.8px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
  font-weight: 500;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__nickname {
    margin-bottom: 69.3px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__small {
  font-weight: 500;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__small {
    line-height: 78.75px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__count {
  font-weight: bold;
  font-family: "TTNorms-Bold";
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count {
    margin-bottom: 69.3px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
  color: #E71D36;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 11.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__count .red {
    margin-left: 15.75px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2BB6A8;
  box-sizing: border-box;
  border-radius: 4px;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button {
    line-height: 59.85px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__button .gray {
    margin-right: 15.75px;
  }
}
#donatepopup .donatepopup__payments .box-between .donatepopup__logo {
  background-image: url(/src/popups/donate/images/logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 85.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 95px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 122.55px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 130.15px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 142.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 133px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 161.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 152px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 180.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 190px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 237.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 256.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 247px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 237.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 313.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 380px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 313.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 427.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    width: 598.5px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 56.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 62.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 80.625px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 85.625px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 93.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 87.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 106.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 100px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 118.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 156.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 168.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 162.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 156.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 206.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 250px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 206.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 281.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .box-between .donatepopup__logo {
    height: 393.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 230.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 256px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 330.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 350.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 384px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 358.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 435.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 409.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 486.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 691.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 665.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 640px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 844.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 1024px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 844.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 1152px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    width: 1612.8px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 74.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .popup__button_box {
    margin-top: 103.95px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 111.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 124px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 159.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 169.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 186px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 173.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 210.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 198.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 235.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 248px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 248px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 310px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 334.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 322.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 310px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 409.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 496px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 409.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 558px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .popup__button_box .popup__button {
    width: 781.2px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__payments_title {
  font-weight: 500;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 92.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    margin-top: 129.15px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__payments_title {
    line-height: 78.75px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  z-index: 1000000;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 230.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 256px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 330.24px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 350.72px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 384px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 358.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 435.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 409.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 486.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 512px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 640px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 691.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 665.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 640px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 844.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 1024px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 844.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 1152px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    width: 1612.8px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    height: 315px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 36px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    gap: 50.4px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 14.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 16.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 21.285px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 22.605px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 24.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 23.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 28.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 26.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 31.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 33px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 41.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 44.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 54.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 54.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 74.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid {
    margin-top: 103.95px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: rgba(253, 255, 252, 0.05);
  border-radius: 4px;
  border: 1px solid rgba(253, 255, 252, 0);
  transition: border 0.25ms ease;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 50px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 64.5px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 68.5px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 70px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 80px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 100px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 125px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 135px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 130px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 125px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 165px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 200px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 165px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 225px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element {
    height: 315px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element:hover, #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element.active {
  transition: border 1s ease;
  border: 1px solid rgba(253, 255, 252, 0.7);
}
#donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_img {
    height: 189px;
  }
}
#donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
  position: absolute;
  background: linear-gradient(90deg, #FF4040 64.73%, #FF7979 116.51%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 11.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    top: 15.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    right: 15.75px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 13.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-left: 18.9px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 13.5px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-right: 18.9px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 6.75px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-top: 9.45px;
  }
}
@media (max-width: 799px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 6.75px;
  }
}
@media (min-width: 6000px) {
  #donatepopup .donatepopup__payments .donatepopup__grid .donatepopup__element .donatepopup__element_label {
    padding-bottom: 9.45px;
  }
}
#popup__death {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  background: rgba(0, 0, 0, 0.85);
}
#popup__death .popup__death_container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  position: relative;
}
#popup__death .popup__death_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#popup__death .popup__death_timer {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 799px) {
  #popup__death .popup__death_timer {
    height: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_timer {
    height: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_timer {
    height: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_timer {
    height: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_timer {
    height: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_timer {
    height: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_timer {
    height: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_timer {
    height: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_timer {
    height: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_timer {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_timer {
    height: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_timer {
    height: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_timer {
    height: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_timer {
    height: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_timer {
    height: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    height: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    height: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    height: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    height: 378px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_timer {
    height: 529.2px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_timer {
    width: 75.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_timer {
    width: 84px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_timer {
    width: 108.36px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_timer {
    width: 115.08px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_timer {
    width: 126px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_timer {
    width: 117.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_timer {
    width: 142.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_timer {
    width: 134.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_timer {
    width: 159.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_timer {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_timer {
    width: 168px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_timer {
    width: 210px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_timer {
    width: 226.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_timer {
    width: 218.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_timer {
    width: 210px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    width: 277.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    width: 336px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    width: 277.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    width: 378px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_timer {
    width: 529.2px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_timer {
    font-size: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_timer {
    font-size: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_timer {
    font-size: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_timer {
    font-size: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_timer {
    font-size: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_timer {
    font-size: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_timer {
    font-size: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_timer {
    font-size: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_timer {
    font-size: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_timer {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_timer {
    font-size: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_timer {
    font-size: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_timer {
    font-size: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_timer {
    font-size: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_timer {
    font-size: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    font-size: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    font-size: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    font-size: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    font-size: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_timer {
    font-size: 132.3px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_timer {
    border: 1.8px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_timer {
    border: 2px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_timer {
    border: 2.58px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_timer {
    border: 2.74px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_timer {
    border: 3px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_timer {
    border: 2.8px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_timer {
    border: 3.4px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_timer {
    border: 3.2px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_timer {
    border: 3.8px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_timer {
    border: 4px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_timer {
    border: 4px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_timer {
    border: 5px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_timer {
    border: 5.4px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_timer {
    border: 5.2px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_timer {
    border: 5px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    border: 6.6px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    border: 8px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_timer {
    border: 6.6px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_timer {
    border: 9px solid rgba(255,255,255,0.15);
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_timer {
    border: 12.6px solid rgba(255,255,255,0.15);
  }
}
#popup__death .popup__death_title {
  font-family: "TTNorms-Bold";
  font-weight: bold;
  color: #00BBFF;
}
@media (max-width: 799px) {
  #popup__death .popup__death_title {
    margin-top: 30.15px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_title {
    margin-top: 33.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_title {
    margin-top: 43.215px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_title {
    margin-top: 45.895px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_title {
    margin-top: 50.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_title {
    margin-top: 46.9px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_title {
    margin-top: 56.95px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_title {
    margin-top: 53.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_title {
    margin-top: 63.65px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_title {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_title {
    margin-top: 67px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_title {
    margin-top: 83.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_title {
    margin-top: 90.45px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_title {
    margin-top: 87.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_title {
    margin-top: 83.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    margin-top: 110.55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    margin-top: 134px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    margin-top: 110.55px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    margin-top: 150.75px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_title {
    margin-top: 211.05px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_title {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_title {
    margin-bottom: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_title {
    margin-bottom: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_title {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_title {
    margin-bottom: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_title {
    margin-bottom: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_title {
    margin-bottom: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_title {
    margin-bottom: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_title {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_title {
    margin-bottom: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_title {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_title {
    margin-bottom: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_title {
    margin-bottom: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_title {
    margin-bottom: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    margin-bottom: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    margin-bottom: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    margin-bottom: 85.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_title {
    margin-bottom: 119.7px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_title {
    font-size: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_title {
    font-size: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_title {
    font-size: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_title {
    font-size: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_title {
    font-size: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_title {
    font-size: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_title {
    font-size: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_title {
    font-size: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_title {
    font-size: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_title {
    font-size: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_title {
    font-size: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_title {
    font-size: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_title {
    font-size: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_title {
    font-size: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    font-size: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    font-size: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_title {
    font-size: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_title {
    font-size: 108px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_title {
    font-size: 151.2px;
  }
}
#popup__death .popup__death_subtitle {
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 799px) {
  #popup__death .popup__death_subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_subtitle {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_subtitle {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_subtitle {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_subtitle {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_subtitle {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_subtitle {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death_subtitle {
    max-width: 207.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_subtitle {
    max-width: 231px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_subtitle {
    max-width: 297.99px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_subtitle {
    max-width: 316.47px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_subtitle {
    max-width: 346.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_subtitle {
    max-width: 323.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_subtitle {
    max-width: 392.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_subtitle {
    max-width: 369.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_subtitle {
    max-width: 438.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_subtitle {
    max-width: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_subtitle {
    max-width: 462px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_subtitle {
    max-width: 577.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_subtitle {
    max-width: 623.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_subtitle {
    max-width: 600.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_subtitle {
    max-width: 577.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    max-width: 762.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    max-width: 924px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_subtitle {
    max-width: 762.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_subtitle {
    max-width: 1039.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_subtitle {
    max-width: 1455.3px;
  }
}
#popup__death .popup__death__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons {
    margin-top: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons {
    margin-top: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons {
    margin-top: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons {
    margin-top: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons {
    margin-top: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons {
    margin-top: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons {
    margin-top: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons {
    margin-top: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons {
    margin-top: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons {
    margin-top: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons {
    margin-top: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons {
    margin-top: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons {
    margin-top: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons {
    margin-top: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons {
    margin-top: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    margin-top: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    margin-top: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    margin-top: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    margin-top: 96.75px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons {
    margin-top: 135.45px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons {
    gap: 63px;
  }
}
#popup__death .popup__death__buttons .popup__death_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1C1C1C;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  outline: none;
  color: white;
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 11.25px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons .popup__death_button {
    border-radius: 15.75px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 96.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 107.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 138.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 147.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 161.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 150.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 182.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 172px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 204.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 268.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 290.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 279.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 268.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 354.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 430px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 354.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 483.75px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons .popup__death_button {
    width: 677.25px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 101.25px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons .popup__death_button {
    height: 141.75px;
  }
}
@media (max-width: 799px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death__buttons .popup__death_button {
    font-size: 56.7px;
  }
}
#popup__death .popup__death__buttons .popup__death_button:hover {
  background: #00BBFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 187, 255, 0.3);
}
#popup__death .popup__death__buttons .popup__death_button.button--lose {
  background: rgba(220, 53, 69, 0.9);
}
#popup__death .popup__death__buttons .popup__death_button.button--lose:hover {
  background: rgb(220, 53, 69);
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}
#popup__death .popup__death__buttons .popup__death_button.button--wait {
  background: rgba(32, 201, 151, 0.9);
}
#popup__death .popup__death__buttons .popup__death_button.button--wait:hover {
  background: rgb(32, 201, 151);
  box-shadow: 0 4px 12px rgba(32, 201, 151, 0.3);
}
#popup__death .popup__death_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.2);
  z-index: -1;
}
@media (max-width: 799px) {
  #popup__death .popup__death_icon {
    font-size: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__death .popup__death_icon {
    font-size: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__death .popup__death_icon {
    font-size: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__death .popup__death_icon {
    font-size: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__death .popup__death_icon {
    font-size: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__death .popup__death_icon {
    font-size: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__death .popup__death_icon {
    font-size: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__death .popup__death_icon {
    font-size: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__death .popup__death_icon {
    font-size: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__death .popup__death_icon {
    font-size: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__death .popup__death_icon {
    font-size: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__death .popup__death_icon {
    font-size: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__death .popup__death_icon {
    font-size: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__death .popup__death_icon {
    font-size: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__death .popup__death_icon {
    font-size: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__death .popup__death_icon {
    font-size: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__death .popup__death_icon {
    font-size: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__death .popup__death_icon {
    font-size: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__death .popup__death_icon {
    font-size: 1080px;
  }
}
@media (min-width: 6000px) {
  #popup__death .popup__death_icon {
    font-size: 1512px;
  }
}

.death-killer-info {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
@media (max-width: 799px) {
  .death-killer-info {
    width: 144px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info {
    width: 160px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info {
    width: 206.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info {
    width: 219.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info {
    width: 240px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info {
    width: 224px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info {
    width: 272px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info {
    width: 256px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info {
    width: 304px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info {
    width: 320px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info {
    width: 400px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info {
    width: 432px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info {
    width: 416px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info {
    width: 400px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info {
    width: 528px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info {
    width: 640px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info {
    width: 528px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info {
    width: 720px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info {
    width: 1008px;
  }
}
@media (max-width: 799px) {
  .death-killer-info {
    padding: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info {
    padding: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info {
    padding: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info {
    padding: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info {
    padding: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info {
    padding: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info {
    padding: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info {
    padding: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info {
    padding: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info {
    padding: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info {
    padding: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info {
    padding: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info {
    padding: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info {
    padding: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info {
    padding: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info {
    padding: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info {
    padding: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info {
    padding: 56.25px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info {
    padding: 78.75px;
  }
}
.death-killer-info__title {
  font-family: "TTNorms-Bold", sans-serif;
  color: #00BBFF;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 799px) {
  .death-killer-info__title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info__title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info__title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info__title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info__title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info__title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info__title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info__title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info__title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info__title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info__title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info__title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info__title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info__title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info__title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info__title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info__title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info__title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info__title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info__title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .death-killer-info__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info__title {
    margin-bottom: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info__title {
    margin-bottom: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info__title {
    margin-bottom: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info__title {
    margin-bottom: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info__title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info__title {
    margin-bottom: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info__title {
    margin-bottom: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info__title {
    margin-bottom: 63px;
  }
}
.death-killer-info__divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 799px) {
  .death-killer-info__divider {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info__divider {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info__divider {
    margin-bottom: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info__divider {
    margin-bottom: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info__divider {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info__divider {
    margin-bottom: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info__divider {
    margin-bottom: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info__divider {
    margin-bottom: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info__divider {
    margin-bottom: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info__divider {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info__divider {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info__divider {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info__divider {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info__divider {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info__divider {
    margin-bottom: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info__divider {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info__divider {
    margin-bottom: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info__divider {
    margin-bottom: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info__divider {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info__divider {
    margin-bottom: 47.25px;
  }
}
.death-killer-info__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.death-killer-info__row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.death-killer-info__label {
  font-family: "TTNorms-Medium", sans-serif;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 799px) {
  .death-killer-info__label {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info__label {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info__label {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info__label {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info__label {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info__label {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info__label {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info__label {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info__label {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info__label {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info__label {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info__label {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info__label {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info__label {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info__label {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info__label {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info__label {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info__label {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info__label {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info__label {
    font-size: 44.1px;
  }
}
.death-killer-info__value {
  font-family: "TTNorms-Regular", sans-serif;
  font-weight: 400;
  color: #fff;
  word-break: break-word;
}
@media (max-width: 799px) {
  .death-killer-info__value {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .death-killer-info__value {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .death-killer-info__value {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .death-killer-info__value {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .death-killer-info__value {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .death-killer-info__value {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .death-killer-info__value {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .death-killer-info__value {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .death-killer-info__value {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .death-killer-info__value {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .death-killer-info__value {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .death-killer-info__value {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .death-killer-info__value {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .death-killer-info__value {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .death-killer-info__value {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .death-killer-info__value {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .death-killer-info__value {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .death-killer-info__value {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .death-killer-info__value {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .death-killer-info__value {
    font-size: 50.4px;
  }
}
.death-killer-info__value--weapon {
  color: #FF6B6B;
  font-weight: 600;
}
.death-killer-info__value--distance {
  color: #4ECDC4;
  font-weight: 600;
}
.death-killer-info__value--killer {
  color: #FFD166;
  font-weight: 600;
}
.death-info__title {
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 3rem;
  color: #fff;
}

.death-info__text {
  margin-top: 2rem;
  width: 30.625rem;
  font-family: var(--IntegratedFont), sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  color: hsla(0, 0%, 100%, 0.75);
  text-align: center;
  line-height: 1.4625rem;
}

.death-bg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 28.6vh;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
}
#mainpopup {
  z-index: 100000;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "TTNorms-Regular";
  width: 100%;
  height: 100%;
  background: rgba(1, 22, 39, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
#mainpopup.kick {
  background: radial-gradient(50% 50% at 50% 50%, #312901 0%, #080809 100%);
}
#mainpopup.ban {
  background: radial-gradient(50% 50% at 50% 50%, #4D0000 0%, #080809 100%);
}
#mainpopup.restart {
  background: radial-gradient(50% 50% at 50% 50%, #001E3A 0%, #080809 100%);
}
#mainpopup .mainpopup__main {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__main {
    width: 203.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__main {
    width: 226px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__main {
    width: 291.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__main {
    width: 309.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__main {
    width: 339px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__main {
    width: 316.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__main {
    width: 384.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__main {
    width: 361.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__main {
    width: 429.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__main {
    width: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__main {
    width: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__main {
    width: 565px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__main {
    width: 610.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__main {
    width: 587.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__main {
    width: 565px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    width: 745.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    width: 904px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    width: 745.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    width: 1017px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__main {
    width: 1423.8px;
  }
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__main {
    height: 203.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__main {
    height: 226px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__main {
    height: 291.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__main {
    height: 309.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__main {
    height: 339px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__main {
    height: 316.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__main {
    height: 384.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__main {
    height: 361.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__main {
    height: 429.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__main {
    height: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__main {
    height: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__main {
    height: 565px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__main {
    height: 610.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__main {
    height: 587.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__main {
    height: 565px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    height: 745.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    height: 904px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    height: 745.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    height: 1017px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__main {
    height: 1423.8px;
  }
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__main {
    padding-top: 24.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__main {
    padding-top: 27.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__main {
    padding-top: 35.475px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__main {
    padding-top: 37.675px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__main {
    padding-top: 41.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__main {
    padding-top: 38.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__main {
    padding-top: 46.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__main {
    padding-top: 44px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__main {
    padding-top: 52.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__main {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__main {
    padding-top: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__main {
    padding-top: 68.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__main {
    padding-top: 74.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__main {
    padding-top: 71.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__main {
    padding-top: 68.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    padding-top: 90.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    padding-top: 110px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__main {
    padding-top: 90.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__main {
    padding-top: 123.75px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__main {
    padding-top: 173.25px;
  }
}
#mainpopup .mainpopup__back {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.1;
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__back {
    font-size: 203.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__back {
    font-size: 226px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__back {
    font-size: 291.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__back {
    font-size: 309.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__back {
    font-size: 339px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__back {
    font-size: 316.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__back {
    font-size: 384.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__back {
    font-size: 361.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__back {
    font-size: 429.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__back {
    font-size: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__back {
    font-size: 452px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__back {
    font-size: 565px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__back {
    font-size: 610.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__back {
    font-size: 587.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__back {
    font-size: 565px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__back {
    font-size: 745.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__back {
    font-size: 904px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__back {
    font-size: 745.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__back {
    font-size: 1017px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__back {
    font-size: 1423.8px;
  }
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__smallback {
    font-size: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__smallback {
    font-size: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__smallback {
    font-size: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__smallback {
    font-size: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__smallback {
    font-size: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__smallback {
    font-size: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__smallback {
    font-size: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__smallback {
    font-size: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__smallback {
    font-size: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__smallback {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__smallback {
    font-size: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__smallback {
    font-size: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__smallback {
    font-size: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__smallback {
    font-size: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__smallback {
    font-size: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__smallback {
    font-size: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__smallback {
    font-size: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__smallback {
    font-size: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__smallback {
    font-size: 270px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__smallback {
    font-size: 378px;
  }
}
@media (max-width: 799px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 20.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 29.025px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 30.825px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 33.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 38.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 36px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 42.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 60.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 56.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 90px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 74.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 101.25px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .mainpopup__smallback {
    margin-bottom: 141.75px;
  }
}
#mainpopup .popup__title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "TTNorms-Bold";
  font-weight: bold;
  color: #FF9F1C;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #mainpopup .popup__title {
    font-size: 19.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__title {
    font-size: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__title {
    font-size: 28.38px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__title {
    font-size: 30.14px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__title {
    font-size: 33px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__title {
    font-size: 30.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__title {
    font-size: 37.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__title {
    font-size: 35.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__title {
    font-size: 41.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__title {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__title {
    font-size: 44px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__title {
    font-size: 55px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__title {
    font-size: 59.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__title {
    font-size: 57.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__title {
    font-size: 55px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    font-size: 72.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    font-size: 88px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    font-size: 72.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    font-size: 99px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__title {
    font-size: 138.6px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__title {
    line-height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__title {
    line-height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__title {
    line-height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__title {
    line-height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__title {
    line-height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__title {
    line-height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__title {
    line-height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__title {
    line-height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__title {
    line-height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__title {
    line-height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__title {
    line-height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__title {
    line-height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__title {
    line-height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    line-height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    line-height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    line-height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    line-height: 67.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__title {
    line-height: 94.5px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__title {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__title {
    margin-bottom: 23.22px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__title {
    margin-bottom: 24.66px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__title {
    margin-bottom: 25.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__title {
    margin-bottom: 30.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__title {
    margin-bottom: 28.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__title {
    margin-bottom: 34.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__title {
    margin-bottom: 48.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__title {
    margin-bottom: 46.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__title {
    margin-bottom: 45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    margin-bottom: 72px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__title {
    margin-bottom: 59.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__title {
    margin-bottom: 81px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__title {
    margin-bottom: 113.4px;
  }
}
#mainpopup .popup__title.kick {
  color: #FF9F1C;
}
#mainpopup .popup__title.ban {
  color: #FF1C1C;
}
#mainpopup .popup__title.restart {
  color: #2F80ED;
}
#mainpopup .popup__subtitle {
  font-weight: 500;
  text-align: center;
}
@media (max-width: 799px) {
  #mainpopup .popup__subtitle {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__subtitle {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__subtitle {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__subtitle {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__subtitle {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__subtitle {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__subtitle {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__subtitle {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__subtitle {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__subtitle {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__subtitle {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__subtitle {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__subtitle {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__subtitle {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__subtitle {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__subtitle {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__subtitle {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__subtitle {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__subtitle {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__subtitle {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__subtitle {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__subtitle {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__subtitle {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__subtitle {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__subtitle {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__subtitle {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__subtitle {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__subtitle {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__subtitle {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__subtitle {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__subtitle {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__subtitle {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__subtitle {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__subtitle {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__subtitle {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__subtitle {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__subtitle {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__subtitle {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__subtitle {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__subtitle {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__subtitle {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__subtitle {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__subtitle {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 67.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__subtitle {
    margin-bottom: 94.5px;
  }
}
#mainpopup .popup__input {
  background: rgba(253, 255, 252, 0.05);
  text-align: center;
  font-family: inherit;
  border: 1px solid rgba(253, 255, 252, 0.05);
  color: #DFDFDF;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000000000000;
}
@media (max-width: 799px) {
  #mainpopup .popup__input {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__input {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__input {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__input {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__input {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__input {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__input {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__input {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__input {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__input {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__input {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__input {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__input {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__input {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__input {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__input {
    width: 1197px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__input {
    height: 18.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__input {
    height: 20.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__input {
    height: 26.445px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__input {
    height: 28.085px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__input {
    height: 30.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__input {
    height: 28.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__input {
    height: 34.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__input {
    height: 32.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__input {
    height: 38.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__input {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__input {
    height: 41px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__input {
    height: 51.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__input {
    height: 55.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__input {
    height: 53.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__input {
    height: 51.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    height: 67.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    height: 82px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    height: 67.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    height: 92.25px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__input {
    height: 129.15px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__input {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__input {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__input {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__input {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__input {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__input {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__input {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__input {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__input {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__input {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__input {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__input {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__input {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__input {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__input {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__input {
    line-height: 9.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__input {
    line-height: 10.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__input {
    line-height: 13.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__input {
    line-height: 14.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__input {
    line-height: 15.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__input {
    line-height: 14.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__input {
    line-height: 17.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__input {
    line-height: 16.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__input {
    line-height: 19.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__input {
    line-height: 21px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__input {
    line-height: 26.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__input {
    line-height: 28.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__input {
    line-height: 27.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__input {
    line-height: 26.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    line-height: 34.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    line-height: 42px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    line-height: 34.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    line-height: 47.25px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__input {
    line-height: 66.15px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__input {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__input {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__input {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__input {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__input {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__input {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__input {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__input {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__input {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__input {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__input {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__input {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__input {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__input {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__input {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__input {
    margin-bottom: 31.5px;
  }
}
#mainpopup .popup__input:focus {
  border: 1px solid rgba(253, 255, 252, 0.7);
}
#mainpopup .box-between {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #mainpopup .box-between {
    width: 171px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .box-between {
    width: 190px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .box-between {
    width: 245.1px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .box-between {
    width: 260.3px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .box-between {
    width: 285px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .box-between {
    width: 266px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .box-between {
    width: 323px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .box-between {
    width: 304px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .box-between {
    width: 361px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .box-between {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .box-between {
    width: 380px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .box-between {
    width: 475px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .box-between {
    width: 513px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .box-between {
    width: 494px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .box-between {
    width: 475px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .box-between {
    width: 627px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .box-between {
    width: 760px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .box-between {
    width: 627px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .box-between {
    width: 855px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .box-between {
    width: 1197px;
  }
}
#mainpopup .popup__button {
  background: rgba(253, 255, 252, 0.1);
  border: 1px solid rgba(253, 255, 252, 0.7);
  box-sizing: border-box;
  border-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  z-index: 10000000000000;
}
@media (max-width: 799px) {
  #mainpopup .popup__button {
    width: 63.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__button {
    width: 71px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__button {
    width: 91.59px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__button {
    width: 97.27px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__button {
    width: 106.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__button {
    width: 99.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__button {
    width: 120.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__button {
    width: 113.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__button {
    width: 134.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__button {
    width: 142px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__button {
    width: 177.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__button {
    width: 191.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__button {
    width: 184.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__button {
    width: 177.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    width: 234.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    width: 284px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    width: 234.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    width: 319.5px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__button {
    width: 447.3px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__button {
    height: 126px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__button {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__button {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__button {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__button {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__button {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__button {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__button {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__button {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__button {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__button {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__button {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__button {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__button {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__button {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__button {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #mainpopup .popup__button {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__button {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__button {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__button {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__button {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__button {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__button {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__button {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__button {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__button {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__button {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__button {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__button {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__button {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__button {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__button {
    line-height: 59.85px;
  }
}
#mainpopup .popup__button.orange {
  background: #FF9F1C;
}
@media (max-width: 799px) {
  #mainpopup .popup__button.big {
    width: 99.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #mainpopup .popup__button.big {
    width: 110.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #mainpopup .popup__button.big {
    width: 142.545px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #mainpopup .popup__button.big {
    width: 151.385px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #mainpopup .popup__button.big {
    width: 165.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #mainpopup .popup__button.big {
    width: 154.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #mainpopup .popup__button.big {
    width: 187.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #mainpopup .popup__button.big {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #mainpopup .popup__button.big {
    width: 209.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #mainpopup .popup__button.big {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #mainpopup .popup__button.big {
    width: 221px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #mainpopup .popup__button.big {
    width: 276.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #mainpopup .popup__button.big {
    width: 298.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #mainpopup .popup__button.big {
    width: 287.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #mainpopup .popup__button.big {
    width: 276.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #mainpopup .popup__button.big {
    width: 364.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #mainpopup .popup__button.big {
    width: 442px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #mainpopup .popup__button.big {
    width: 364.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #mainpopup .popup__button.big {
    width: 497.25px;
  }
}
@media (min-width: 6000px) {
  #mainpopup .popup__button.big {
    width: 696.15px;
  }
}
#mainpopup .popup__button:hover {
  opacity: 0.9;
}
#mainpopup .popup__button.red {
  background: #E71D36;
  border: 1px solid transparent;
}
#mainpopup .popup__button.kick {
  background: rgba(231, 29, 54, 0.1);
  border: 1px solid rgba(231, 29, 54, 0.7);
}
#mainpopup .popup__button.kick:hover {
  background: rgb(231, 29, 54);
  border: 1px solid transparent;
}
#mainpopup .popup__button.ban {
  background: rgba(231, 29, 54, 0.1);
  border: 1px solid rgba(231, 29, 54, 0.7);
}
#mainpopup .popup__button.ban:hover {
  background: rgb(231, 29, 54);
  border: 1px solid transparent;
}
#mainpopup .popup__button.restart {
  background: rgba(47, 128, 237, 0.1);
  border: 1px solid rgba(47, 128, 237, 0.7);
}
#mainpopup .popup__button.restart:hover {
  background: rgb(47, 128, 237);
  border: 1px solid transparent;
}
.popup__newhud_boxinput {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput {
    line-height: 59.85px;
  }
}
.popup__newhud_boxinput .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 237.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 264px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 340.56px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 361.68px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 396px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 369.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 448.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 422.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 501.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 528px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 528px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 660px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 712.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 686.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 660px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 871.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1056px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 871.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1188px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_box {
    max-width: 1663.2px;
  }
}
.popup__newhud_boxinput .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc {
    font-size: 63px;
  }
}
.popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
.popup__newhud_boxinput .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title {
    line-height: 88.2px;
  }
}
.popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
.popup__newhud_boxinput .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
.popup__newhud_boxinput .popup__newhud_text {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_text {
    width: 1417.5px;
  }
}
.popup__newhud_boxinput .popup__newhud_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    margin-top: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_subtitle {
    line-height: 59.85px;
  }
}
.popup__newhud_boxinput .popup__newhud_input {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_input {
    font-size: 56.7px;
  }
}
.popup__newhud_boxinput .popup__newhud_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__newhud_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__newhud_textarea {
  width: 100%;
  background: transparent;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #A6B1BA;
  font-family: "TTNorms-Regular";
  text-align: left;
  resize: none;
  outline: none;
  border: none;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 60.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 67px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 86.43px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 91.79px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 100.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 93.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 113.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 107.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 127.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 134px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 180.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 174.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 167.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 268px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 221.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 301.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    height: 422.1px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 23.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 26px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 33.54px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 35.62px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 39px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 36.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 44.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 41.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 49.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 52px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 70.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 67.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 104px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 85.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 117px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    min-height: 163.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    margin-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 63px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-left: 88.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    padding-right: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__newhud_textarea {
    font-size: 56.7px;
  }
}
.popup__newhud_boxinput .popup__newhud_textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__newhud_textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.popup__newhud_boxinput .popup__select_elements {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 212.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 236px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 304.44px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 323.32px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 354px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 330.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 401.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 377.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 448.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 472px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 472px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 590px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 637.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 613.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 590px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 778.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 778.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 1062px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    max-height: 1486.8px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    padding-top: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar {
    width: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
  background: #869199;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
.popup__newhud_boxinput .popup__select_elements .popup__select_element {
  text-align: left;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  font-weight: normal;
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    padding: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__newhud_boxinput .popup__select_elements .popup__select_element {
    margin-bottom: 25.2px;
  }
}
.popup__newhud_boxinput .popup__select_elements .popup__select_element:hover, .popup__newhud_boxinput .popup__select_elements .popup__select_element.active {
  background: rgba(255, 255, 255, 0.15);
}
#popuponate__roulette {
  position: relative !important;
  z-index: 1;
  display: flex;
  flex-direction: column;
  font-family: "TTNorms-Regular";
  width: 100%;
  height: 100%;
  background: rgba(1, 22, 39, 0.9);
  align-items: center;
  color: white;
  overflow-x: auto;
  overflow-y: scroll;
}
@media (max-width: 799px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette::-webkit-scrollbar {
    width: 18.9px;
  }
}
#popuponate__roulette::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 799px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette::-webkit-scrollbar-track {
    border-radius: 18.9px;
  }
}
#popuponate__roulette::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FF4040 0%, #C63030 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette::-webkit-scrollbar-thumb {
    border-radius: 18.9px;
  }
}
#popuponate__roulette #newdonate__popup {
  background: rgba(29, 21, 21, 0.85);
  z-index: 2;
}
#popuponate__roulette .newdonate__header {
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__header {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__header {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__header {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__header {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__header {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__header {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__header {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__header {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__header {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__header {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__header {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__header {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__header {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__header {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__header {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__header {
    line-height: 19.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__header {
    line-height: 21.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__header {
    line-height: 27.735px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__header {
    line-height: 29.455px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__header {
    line-height: 32.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__header {
    line-height: 30.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__header {
    line-height: 36.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__header {
    line-height: 34.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__header {
    line-height: 40.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__header {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__header {
    line-height: 43px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__header {
    line-height: 53.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__header {
    line-height: 58.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__header {
    line-height: 55.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__header {
    line-height: 53.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    line-height: 70.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    line-height: 86px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    line-height: 70.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    line-height: 96.75px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__header {
    line-height: 135.45px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 58.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__header {
    margin-top: 81.9px;
  }
}
#popuponate__roulette .newdonate__roulette-title {
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-title {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 11.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 16.77px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 17.81px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 22.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 24.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 26px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 35.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 33.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 52px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 42.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 58.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-title {
    margin-bottom: 81.9px;
  }
}
#popuponate__roulette .newdonate__roulette-count {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 143.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 159px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 205.11px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 217.83px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 238.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 222.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 270.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 254.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 302.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 318px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 397.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 429.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 413.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 397.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 524.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 636px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 524.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 715.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count {
    width: 1001.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count {
    margin-bottom: 132.3px;
  }
}
#popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
  background: rgba(43, 43, 43, 0.4);
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    width: 157.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    height: 157.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 0.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.29px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.37px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 1.9px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.7px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.6px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 2.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 3.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 4.5px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    border: 6.3px solid rgba(255, 255, 255, 0.4);
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 0.9px solid #FF4040;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1px solid #FF4040;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.29px solid #FF4040;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.37px solid #FF4040;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.5px solid #FF4040;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.4px solid #FF4040;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.7px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.6px solid #FF4040;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 1.9px solid #FF4040;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.7px solid #FF4040;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.6px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 2.5px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 3.3px solid #FF4040;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 4.5px solid #FF4040;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-count .newdonate__roulette-circle.active {
    border: 6.3px solid #FF4040;
  }
}
#popuponate__roulette .newdonate__roulette-container {
  position: relative !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
}
#popuponate__roulette .newdonate__roulette-main {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 432px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main {
    min-height: 604.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 27px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main {
    margin-top: 37.8px;
  }
}
#popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
  position: absolute;
  z-index: 1;
  background: white;
  top: 0%;
  left: 50%;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 0.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.29px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.37px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 1.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 2.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 3.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 4.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    width: 6.3px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 86.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 96px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 123.84px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 131.52px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 144px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 134.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 163.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 153.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 182.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 192px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 259.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 249.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 240px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 384px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 316.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 432px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-main-line {
    height: 604.8px;
  }
}
#popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4050px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 4500px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 5805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6750px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 6300px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7650px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 7200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 8550px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 9000px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 12150px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11700px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 11250px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 18000px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 14850px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 20250px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-main .newdonate__roulette-elements {
    width: 28350px;
  }
}
#popuponate__roulette .newdonate__roulette-element {
  background: linear-gradient(360deg, rgba(218, 218, 218, 0.2) 0%, rgba(218, 218, 218, 0) 100%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 270px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element {
    width: 378px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 54px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 60px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 77.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 82.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 90px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 84px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 102px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 96px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 114px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 120px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 162px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 156px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 150px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 240px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 198px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 270px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element {
    height: 378px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 0.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.29px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.37px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 1.9px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2.7px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2.6px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 2.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 4px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 3.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 4.5px solid rgba(218, 218, 218, 0.4);
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element {
    border: 6.3px solid rgba(218, 218, 218, 0.4);
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element.margin-22 {
    margin-right: 69.3px;
  }
}
#popuponate__roulette .newdonate__roulette-element.red {
  background: linear-gradient(360deg, rgba(255, 64, 64, 0.2) 0%, rgba(255, 64, 64, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 0.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.29px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.37px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 1.9px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2.7px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2.6px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 2.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 4px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 3.3px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 4.5px solid rgba(255, 64, 64, 0.4);
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element.red {
    border: 6.3px solid rgba(255, 64, 64, 0.4);
  }
}
#popuponate__roulette .newdonate__roulette-element.blue {
  background: linear-gradient(360deg, rgba(0, 163, 255, 0.2) 0%, rgba(0, 163, 255, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 0.9px solid #00A3FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1px solid #00A3FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.29px solid #00A3FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.37px solid #00A3FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.5px solid #00A3FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.4px solid #00A3FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.7px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.6px solid #00A3FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 1.9px solid #00A3FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2.7px solid #00A3FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2.6px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 2.5px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 4px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 3.3px solid #00A3FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 4.5px solid #00A3FF;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element.blue {
    border: 6.3px solid #00A3FF;
  }
}
#popuponate__roulette .newdonate__roulette-element.pink {
  background: linear-gradient(360deg, rgba(173, 0, 255, 0.2) 0%, rgba(173, 0, 255, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 0.9px solid #AD00FF;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1px solid #AD00FF;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.29px solid #AD00FF;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.37px solid #AD00FF;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.5px solid #AD00FF;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.4px solid #AD00FF;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.7px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.6px solid #AD00FF;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 1.9px solid #AD00FF;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2.7px solid #AD00FF;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2.6px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 2.5px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 4px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 3.3px solid #AD00FF;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 4.5px solid #AD00FF;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element.pink {
    border: 6.3px solid #AD00FF;
  }
}
#popuponate__roulette .newdonate__roulette-element.yellow {
  background: linear-gradient(360deg, rgba(255, 189, 0, 0.2) 0%, rgba(255, 189, 0, 0) 100%);
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 0.9px solid #FFBD00;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1px solid #FFBD00;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.29px solid #FFBD00;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.37px solid #FFBD00;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.5px solid #FFBD00;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.4px solid #FFBD00;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.7px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.6px solid #FFBD00;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 1.9px solid #FFBD00;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2.7px solid #FFBD00;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2.6px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 2.5px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 4px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 3.3px solid #FFBD00;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 4.5px solid #FFBD00;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element.yellow {
    border: 6.3px solid #FFBD00;
  }
}
#popuponate__roulette .newdonate__roulette-element .roulette-element__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 135px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    width: 189px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 135px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-element .roulette-element__img {
    height: 189px;
  }
}
#popuponate__roulette .newdonate__roulette-buttons {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 85.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-top: 119.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-buttons {
    margin-bottom: 56.7px;
  }
}
#popuponate__roulette .newdonate__roulette-buttons .newdonate__button_small.yellow {
  background: linear-gradient(270deg, #FFD458 -0.04%, #FFBD00 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
}
#popuponate__roulette .newdonate__roulette-items {
  height: 100%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 437.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 486px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 626.94px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 665.82px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 729px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 680.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 826.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 777.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 923.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 972px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1312.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1263.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1215px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1944px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 1603.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 2187px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-items {
    width: 3061.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-items {
    gap: 69.3px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 9.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 14.19px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 15.07px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 15.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 18.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 17.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 20.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 22px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 29.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 27.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 44px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 36.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 49.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-items {
    margin-bottom: 69.3px;
  }
}
#popuponate__roulette .newdonate__roulette-info {
  background-image: url(/src/popups/roulette/images/symbol.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 800;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 108px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 120px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 154.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 164.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 180px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 168px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 204px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 192px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 228px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 240px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 324px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 312px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 300px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 480px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 396px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 540px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    width: 756px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    height: 318.15px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 45.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 50.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 65.145px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 69.185px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 75.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 70.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 85.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 80.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 95.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 101px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 126.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 136.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 131.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 126.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 166.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 202px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 166.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 227.25px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    min-height: 318.15px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 72px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    line-height: 100.8px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__roulette-info {
    margin-top: 63px;
  }
}
#popuponate__roulette .newdonate__roulette_hidden-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#popuponate__roulette .newdonate__button_small {
  transform: skewX(-40deg);
  background: linear-gradient(270deg, #FF6969 -0.04%, #FF4040 87.53%);
  box-shadow: 0px 0px 40px rgba(255, 64, 64, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-size: 400% 400%;
  animation: buttonanim 1.5s ease infinite;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 42.75px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__button_small {
    margin-left: 59.85px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__button_small {
    width: 112.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__button_small {
    width: 125px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__button_small {
    width: 161.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__button_small {
    width: 171.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__button_small {
    width: 187.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__button_small {
    width: 175px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__button_small {
    width: 212.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__button_small {
    width: 200px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__button_small {
    width: 237.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__button_small {
    width: 250px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__button_small {
    width: 337.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__button_small {
    width: 325px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__button_small {
    width: 312.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    width: 500px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    width: 412.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    width: 562.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__button_small {
    width: 787.5px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__button_small {
    height: 20.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__button_small {
    height: 23px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__button_small {
    height: 29.67px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__button_small {
    height: 31.51px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__button_small {
    height: 34.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__button_small {
    height: 32.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__button_small {
    height: 39.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__button_small {
    height: 36.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__button_small {
    height: 43.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__button_small {
    height: 46px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__button_small {
    height: 62.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__button_small {
    height: 59.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__button_small {
    height: 57.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    height: 92px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small {
    height: 75.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small {
    height: 103.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__button_small {
    height: 144.9px;
  }
}
#popuponate__roulette .newdonate__button_small:hover {
  box-shadow: 0px 0px 30px #FF6969;
}
#popuponate__roulette .newdonate__button_small .newdonate__button-text {
  transform: skewX(40deg);
  font-weight: bold;
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  #popuponate__roulette .newdonate__button_small .newdonate__button-text {
    line-height: 75.6px;
  }
}
#popup__newhud_upgrade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade {
    line-height: 59.85px;
  }
}
#popup__newhud_upgrade .popup__newhud_box {
  display: flex;
  flex-direction: column;
  background: rgba(30, 38, 47, 0.8);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    padding: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 351.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 391px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 504.39px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 535.67px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 586.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 547.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 664.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 625.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 742.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 782px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1055.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1016.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 977.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1564px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1290.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 1759.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    width: 2463.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 216px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 240px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 309.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 328.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 360px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 336px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 408px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 384px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 456px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 480px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 648px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 624px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 600px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 960px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 792px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1080px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_box {
    height: 1512px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc {
  position: absolute;
  display: flex;
  align-items: center;
  font-family: "Montserrat-Medium";
  line-height: 100%;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 112.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    left: 157.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 18.9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 21px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 27.09px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 28.77px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 31.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 29.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 35.7px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 33.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 39.9px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 42px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 56.7px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 54.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 52.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 84px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 69.3px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 94.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    top: 132.3px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc {
    font-size: 63px;
  }
}
#popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
  background: #FFFFFF;
  color: #1E262F;
  font-weight: 600;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 25.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 36.12px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 38.36px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 42px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 39.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 47.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 44.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 53.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 56px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 75.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 72.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 70px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 112px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 92.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 126px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    width: 176.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 1.935px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.055px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 2.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 3.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 4.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 6.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    border-radius: 9.45px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 36px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_esc .popup__newhud_escbutton {
    margin-right: 50.4px;
  }
}
#popup__newhud_upgrade .popup__newhud_title {
  font-family: "TTNorms-Medium";
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 12.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 14px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 18.06px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.18px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 21px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 19.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 23.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 22.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 28px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 37.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 36.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 56px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 46.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 63px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title {
    line-height: 88.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
  color: #869199;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_title .popup__newhud_icon {
    margin-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_line {
  width: 100%;
  background: rgba(253, 255, 252, 0.2);
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    height: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-top: 47.25px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_line {
    margin-bottom: 37.8px;
  }
}
#popup__newhud_upgrade .popup__newhud_text {
  text-align: left;
  font-weight: normal;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 11.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 12.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 16.125px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.125px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 18.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 17.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 21.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 20px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 23.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 33.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 32.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 31.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 50px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 41.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 56.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    line-height: 78.75px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.45px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.645px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.685px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.85px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 0.95px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.35px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.3px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 1.65px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 2.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    letter-spacing: 3.15px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 202.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 225px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 290.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 308.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 337.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 315px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 382.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 360px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 427.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 450px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 607.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 585px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 562.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 900px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 742.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1012.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    width: 1417.5px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_text {
    margin-top: 75.6px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 253.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 282px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 363.78px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 386.34px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 423px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 394.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 479.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 451.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 535.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 564px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 761.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 733.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 705px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1128px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 930.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1269px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    width: 1776.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 33.75px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons {
    margin-top: 47.25px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 74.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 83px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 107.07px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 113.71px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 124.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 116.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 141.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 132.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 157.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 166px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 224.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 215.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 207.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 332px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 273.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 373.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    width: 522.9px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button {
    height: 126px;
  }
}
#popup__newhud_upgrade .popup__newhud__many__buttons .popup__newhud_button:hover {
  background: white;
  color: black;
}
#popup__newhud_upgrade .popup__newhud_grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    gap: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid {
    padding-right: 31.5px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 25px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-track {
  border-radius: 25px;
  background: #39384E;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: white;
  border-radius: 100px;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
  display: flex;
  flex-direction: column;
  background: #1E262F;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 100.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 112px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 144.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 153.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 168px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 156.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 190.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 179.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 212.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 224px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 302.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 291.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 280px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 448px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 369.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 504px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    width: 705.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 70.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 78px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 100.62px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 106.86px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 117px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 109.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 132.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 124.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 148.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 156px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 210.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 202.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 195px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 312px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 257.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 351px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    height: 491.4px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element {
    padding: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 100%;
  font-weight: 500;
  font-family: "TTNorms-Medium";
  background-image: url(/src/popups/upgrade/upgrade.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 93.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 104px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 134.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 142.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 156px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 145.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 176.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 166.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 197.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 208px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 280.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 270.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 260px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 416px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 343.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 468px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    width: 655.2px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 44.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 49px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 63.21px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 67.13px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 73.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 68.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 83.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 78.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 93.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 98px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 132.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 127.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 122.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 196px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 161.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 220.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    height: 308.7px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    padding: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 5.85px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.385px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 8.905px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 9.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 11.05px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 12.35px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 13px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 17.55px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 26px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 21.45px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 29.25px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image {
    margin-bottom: 40.95px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.88%, #000000 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image::after {
    border-radius: 25.2px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_image div {
  z-index: 5;
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
  color: #A6B1BA;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 45px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .gray {
    line-height: 63px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
  background: rgba(255, 255, 255, 0.15);
  font-weight: 500;
  font-family: "TTNorms-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    border-radius: 12.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 41.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 46px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 59.34px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 63.02px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 69px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 64.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 78.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 73.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 87.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 92px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 124.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 119.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 115px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 184px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 151.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 207px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    width: 289.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 54px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    height: 75.6px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 31.5px;
  }
}
@media (min-width: 6000px) {
  #popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button {
    line-height: 44.1px;
  }
}
#popup__newhud_upgrade .popup__newhud_grid .popup__grid_element .popup__grid_button:hover {
  background: #259A70;
}
#popup__newhud_upgrade .box-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#photo {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /** background: url('./images/photo.png') **/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: "TTNorms-Regular";
  color: white;
  font-weight: 500;
}
#photo .photo__buttons {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  #photo .photo__buttons {
    padding-top: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__buttons {
    padding-top: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__buttons {
    padding-top: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__buttons {
    padding-top: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__buttons {
    padding-top: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__buttons {
    padding-top: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__buttons {
    padding-top: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__buttons {
    padding-top: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__buttons {
    padding-top: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__buttons {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__buttons {
    padding-top: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__buttons {
    padding-top: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__buttons {
    padding-top: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__buttons {
    padding-top: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__buttons {
    padding-top: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__buttons {
    padding-top: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__buttons {
    padding-top: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__buttons {
    padding-top: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__buttons {
    padding-top: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__buttons {
    padding-top: 189px;
  }
}
@media (max-width: 799px) {
  #photo .photo__buttons {
    padding-bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__buttons {
    padding-bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__buttons {
    padding-bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__buttons {
    padding-bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__buttons {
    padding-bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__buttons {
    padding-bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__buttons {
    padding-bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__buttons {
    padding-bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__buttons {
    padding-bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__buttons {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__buttons {
    padding-bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__buttons {
    padding-bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__buttons {
    padding-bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__buttons {
    padding-bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__buttons {
    padding-bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__buttons {
    padding-bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__buttons {
    padding-bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__buttons {
    padding-bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__buttons {
    padding-bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__buttons {
    padding-bottom: 189px;
  }
}
#photo .photo__bottom_buttons {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons {
    margin-right: 6.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons {
    margin-right: 7.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons {
    margin-right: 9.675px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons {
    margin-right: 10.275px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons {
    margin-right: 11.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons {
    margin-right: 10.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons {
    margin-right: 12.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons {
    margin-right: 12px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons {
    margin-right: 14.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons {
    margin-right: 20.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons {
    margin-right: 19.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons {
    margin-right: 18.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons {
    margin-right: 30px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons {
    margin-right: 24.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons {
    margin-right: 33.75px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons {
    margin-right: 47.25px;
  }
}
#photo .photo__bottom_buttons .photo__bottom_button {
  font-weight: bold;
  color: black;
  background: #FDFFFC;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 13.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    border-radius: 18.9px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 22.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-left: 31.5px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-right: 31.5px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-top: 31.5px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 22.5px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    padding-bottom: 31.5px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    margin-right: 37.8px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 87.75px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-width: 122.85px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 17.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 19.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 25.155px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 26.715px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 29.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 27.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 33.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 31.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 37.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 39px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 48.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 52.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 50.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 48.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 64.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 78px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 64.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 87.75px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons .photo__bottom_button {
    min-height: 122.85px;
  }
}
@media (max-width: 799px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 45px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__bottom_buttons.ml-20 {
    margin-left: 63px;
  }
}
#photo .photo__absolute_rightbottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
@media (max-width: 799px) {
  #photo .photo__absolute_rightbottom {
    right: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__absolute_rightbottom {
    right: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__absolute_rightbottom {
    right: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__absolute_rightbottom {
    right: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__absolute_rightbottom {
    right: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__absolute_rightbottom {
    right: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__absolute_rightbottom {
    right: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__absolute_rightbottom {
    right: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__absolute_rightbottom {
    right: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__absolute_rightbottom {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__absolute_rightbottom {
    right: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__absolute_rightbottom {
    right: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__absolute_rightbottom {
    right: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__absolute_rightbottom {
    right: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__absolute_rightbottom {
    right: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__absolute_rightbottom {
    right: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__absolute_rightbottom {
    right: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__absolute_rightbottom {
    right: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__absolute_rightbottom {
    right: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__absolute_rightbottom {
    right: 189px;
  }
}
@media (max-width: 799px) {
  #photo .photo__absolute_rightbottom {
    bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__absolute_rightbottom {
    bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__absolute_rightbottom {
    bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__absolute_rightbottom {
    bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__absolute_rightbottom {
    bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__absolute_rightbottom {
    bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__absolute_rightbottom {
    bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__absolute_rightbottom {
    bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__absolute_rightbottom {
    bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__absolute_rightbottom {
    bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__absolute_rightbottom {
    bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__absolute_rightbottom {
    bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__absolute_rightbottom {
    bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__absolute_rightbottom {
    bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__absolute_rightbottom {
    bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__absolute_rightbottom {
    bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__absolute_rightbottom {
    bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__absolute_rightbottom {
    bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__absolute_rightbottom {
    bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__absolute_rightbottom {
    bottom: 189px;
  }
}
#photo .photo__absolute_leftbottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
}
@media (max-width: 799px) {
  #photo .photo__absolute_leftbottom {
    left: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__absolute_leftbottom {
    left: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__absolute_leftbottom {
    left: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__absolute_leftbottom {
    left: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__absolute_leftbottom {
    left: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__absolute_leftbottom {
    left: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__absolute_leftbottom {
    left: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__absolute_leftbottom {
    left: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__absolute_leftbottom {
    left: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__absolute_leftbottom {
    left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__absolute_leftbottom {
    left: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__absolute_leftbottom {
    left: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__absolute_leftbottom {
    left: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__absolute_leftbottom {
    left: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__absolute_leftbottom {
    left: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__absolute_leftbottom {
    left: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__absolute_leftbottom {
    left: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__absolute_leftbottom {
    left: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__absolute_leftbottom {
    left: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__absolute_leftbottom {
    left: 189px;
  }
}
@media (max-width: 799px) {
  #photo .photo__absolute_leftbottom {
    bottom: 27px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__absolute_leftbottom {
    bottom: 30px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__absolute_leftbottom {
    bottom: 38.7px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__absolute_leftbottom {
    bottom: 41.1px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__absolute_leftbottom {
    bottom: 45px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__absolute_leftbottom {
    bottom: 42px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__absolute_leftbottom {
    bottom: 51px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__absolute_leftbottom {
    bottom: 48px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__absolute_leftbottom {
    bottom: 57px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__absolute_leftbottom {
    bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__absolute_leftbottom {
    bottom: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__absolute_leftbottom {
    bottom: 75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__absolute_leftbottom {
    bottom: 81px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__absolute_leftbottom {
    bottom: 78px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__absolute_leftbottom {
    bottom: 75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__absolute_leftbottom {
    bottom: 99px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__absolute_leftbottom {
    bottom: 120px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__absolute_leftbottom {
    bottom: 99px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__absolute_leftbottom {
    bottom: 135px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__absolute_leftbottom {
    bottom: 189px;
  }
}
@media (max-width: 799px) {
  #photo .mr-5 {
    margin-right: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .mr-5 {
    margin-right: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .mr-5 {
    margin-right: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .mr-5 {
    margin-right: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .mr-5 {
    margin-right: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .mr-5 {
    margin-right: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .mr-5 {
    margin-right: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .mr-5 {
    margin-right: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .mr-5 {
    margin-right: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .mr-5 {
    margin-right: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .mr-5 {
    margin-right: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .mr-5 {
    margin-right: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .mr-5 {
    margin-right: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .mr-5 {
    margin-right: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .mr-5 {
    margin-right: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .mr-5 {
    margin-right: 11.25px;
  }
}
@media (min-width: 6000px) {
  #photo .mr-5 {
    margin-right: 15.75px;
  }
}
@media (max-width: 799px) {
  #photo .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  #photo .mr-10 {
    margin-right: 31.5px;
  }
}
#photo .photo__mouseleft {
  background: url(/src/popups/camera/images/mouse.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #photo .photo__mouseleft {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mouseleft {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mouseleft {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mouseleft {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mouseleft {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mouseleft {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mouseleft {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mouseleft {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mouseleft {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mouseleft {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mouseleft {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mouseleft {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mouseleft {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mouseleft {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mouseleft {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mouseleft {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mouseleft {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mouseleft {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mouseleft {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mouseleft {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #photo .photo__mouseleft {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mouseleft {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mouseleft {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mouseleft {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mouseleft {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mouseleft {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mouseleft {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mouseleft {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mouseleft {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mouseleft {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mouseleft {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mouseleft {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mouseleft {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mouseleft {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mouseleft {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mouseleft {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mouseleft {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mouseleft {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mouseleft {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mouseleft {
    height: 126px;
  }
}
#photo .photo__mousemiddle {
  background: url(/src/popups/camera/images/mouse__middle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #photo .photo__mousemiddle {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mousemiddle {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mousemiddle {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mousemiddle {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mousemiddle {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mousemiddle {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mousemiddle {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mousemiddle {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mousemiddle {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mousemiddle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mousemiddle {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mousemiddle {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mousemiddle {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mousemiddle {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mousemiddle {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mousemiddle {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mousemiddle {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mousemiddle {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mousemiddle {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mousemiddle {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #photo .photo__mousemiddle {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mousemiddle {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mousemiddle {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mousemiddle {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mousemiddle {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mousemiddle {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mousemiddle {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mousemiddle {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mousemiddle {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mousemiddle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mousemiddle {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mousemiddle {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mousemiddle {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mousemiddle {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mousemiddle {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mousemiddle {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mousemiddle {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mousemiddle {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mousemiddle {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mousemiddle {
    height: 126px;
  }
}
#photo .photo__mouseright {
  background: url(/src/popups/camera/images/mouse_back.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 799px) {
  #photo .photo__mouseright {
    width: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mouseright {
    width: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mouseright {
    width: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mouseright {
    width: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mouseright {
    width: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mouseright {
    width: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mouseright {
    width: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mouseright {
    width: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mouseright {
    width: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mouseright {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mouseright {
    width: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mouseright {
    width: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mouseright {
    width: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mouseright {
    width: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mouseright {
    width: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mouseright {
    width: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mouseright {
    width: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mouseright {
    width: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mouseright {
    width: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mouseright {
    width: 126px;
  }
}
@media (max-width: 799px) {
  #photo .photo__mouseright {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  #photo .photo__mouseright {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  #photo .photo__mouseright {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  #photo .photo__mouseright {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  #photo .photo__mouseright {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  #photo .photo__mouseright {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  #photo .photo__mouseright {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  #photo .photo__mouseright {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  #photo .photo__mouseright {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  #photo .photo__mouseright {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  #photo .photo__mouseright {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  #photo .photo__mouseright {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  #photo .photo__mouseright {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  #photo .photo__mouseright {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  #photo .photo__mouseright {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  #photo .photo__mouseright {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  #photo .photo__mouseright {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  #photo .photo__mouseright {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  #photo .photo__mouseright {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  #photo .photo__mouseright {
    height: 126px;
  }
}
.popup__war {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  background: radial-gradient(50% 50% at 50% 50%, rgba(1, 22, 39, 0.27) 0%, rgba(1, 22, 39, 0.74) 100%);
  z-index: 100;
  font-family: "TTNorms-Regular";
  font-weight: 500;
  box-sizing: border-box;
  color: white;
}
@media (max-width: 799px) {
  .popup__war {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__war {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__war {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__war {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  .popup__war {
    padding-left: 42.75px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war {
    padding-left: 47.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war {
    padding-left: 61.275px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war {
    padding-left: 65.075px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war {
    padding-left: 71.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war {
    padding-left: 66.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war {
    padding-left: 80.75px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war {
    padding-left: 76px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war {
    padding-left: 90.25px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war {
    padding-left: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war {
    padding-left: 95px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war {
    padding-left: 118.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war {
    padding-left: 128.25px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war {
    padding-left: 123.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war {
    padding-left: 118.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war {
    padding-left: 156.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war {
    padding-left: 190px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war {
    padding-left: 156.75px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war {
    padding-left: 213.75px;
  }
}
@media (min-width: 6000px) {
  .popup__war {
    padding-left: 299.25px;
  }
}
@media (max-width: 799px) {
  .popup__war {
    padding-top: 22.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war {
    padding-top: 25px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war {
    padding-top: 32.25px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war {
    padding-top: 34.25px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war {
    padding-top: 37.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war {
    padding-top: 35px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war {
    padding-top: 42.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war {
    padding-top: 40px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war {
    padding-top: 47.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war {
    padding-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war {
    padding-top: 62.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war {
    padding-top: 67.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war {
    padding-top: 65px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war {
    padding-top: 62.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war {
    padding-top: 82.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war {
    padding-top: 100px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war {
    padding-top: 82.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war {
    padding-top: 112.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war {
    padding-top: 157.5px;
  }
}
.popup__war .popup__war_title {
  font-weight: 700;
}
@media (max-width: 799px) {
  .popup__war .popup__war_title {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_title {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_title {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_title {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_title {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_title {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_title {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_title {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_title {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_title {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_title {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_title {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_title {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_title {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_title {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_title {
    line-height: 17.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_title {
    line-height: 19px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_title {
    line-height: 24.51px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_title {
    line-height: 26.03px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_title {
    line-height: 28.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_title {
    line-height: 26.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_title {
    line-height: 32.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_title {
    line-height: 30.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_title {
    line-height: 36.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_title {
    line-height: 38px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_title {
    line-height: 47.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_title {
    line-height: 51.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_title {
    line-height: 49.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_title {
    line-height: 47.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    line-height: 62.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    line-height: 76px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    line-height: 62.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    line-height: 85.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_title {
    line-height: 119.7px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_title {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_title {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_title {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_title {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_title {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_title {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_title {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_title {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_title {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_title {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_title {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_title {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_title {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_title {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_title {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_title {
    margin-bottom: 15.75px;
  }
}
.popup__war .popup__war_subtitle {
  color: #869199;
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__war .popup__war_subtitle {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_subtitle {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_subtitle {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_subtitle {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_subtitle {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_subtitle {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_subtitle {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_subtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_subtitle {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_subtitle {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_subtitle {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_subtitle {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_subtitle {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_subtitle {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_subtitle {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_subtitle {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_subtitle {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_subtitle {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_subtitle {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_subtitle {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_subtitle {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_subtitle {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_subtitle {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_subtitle {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_subtitle {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_subtitle {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_subtitle {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_subtitle {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_subtitle {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_subtitle {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_subtitle {
    line-height: 75.6px;
  }
}
.popup__war .popup__war_smalltitle {
  font-weight: 700;
}
@media (max-width: 799px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 2.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 2.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 3.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 3.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 3.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 3.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 4.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 4.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 6.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 6.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 8.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 11.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smalltitle {
    margin-bottom: 15.75px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smalltitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smalltitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smalltitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smalltitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smalltitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smalltitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smalltitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smalltitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smalltitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smalltitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smalltitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smalltitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smalltitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smalltitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smalltitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smalltitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smalltitle {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smalltitle {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smalltitle {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smalltitle {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smalltitle {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smalltitle {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smalltitle {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smalltitle {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smalltitle {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smalltitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smalltitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smalltitle {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smalltitle {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smalltitle {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smalltitle {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smalltitle {
    line-height: 91.35px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smalltitle {
    margin-top: 63px;
  }
}
@media (max-width: 799px) {
  .popup__war .mt-40 {
    margin-top: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .mt-40 {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .mt-40 {
    margin-top: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .mt-40 {
    margin-top: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .mt-40 {
    margin-top: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .mt-40 {
    margin-top: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .mt-40 {
    margin-top: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .mt-40 {
    margin-top: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .mt-40 {
    margin-top: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .mt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .mt-40 {
    margin-top: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .mt-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .mt-40 {
    margin-top: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .mt-40 {
    margin-top: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .mt-40 {
    margin-top: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .mt-40 {
    margin-top: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__war .mt-40 {
    margin-top: 126px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_icon {
    font-size: 14.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_icon {
    font-size: 16px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_icon {
    font-size: 20.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_icon {
    font-size: 21.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_icon {
    font-size: 24px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_icon {
    font-size: 22.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_icon {
    font-size: 27.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_icon {
    font-size: 25.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_icon {
    font-size: 30.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_icon {
    font-size: 32px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_icon {
    font-size: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_icon {
    font-size: 43.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_icon {
    font-size: 41.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_icon {
    font-size: 40px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    font-size: 64px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    font-size: 52.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    font-size: 72px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_icon {
    font-size: 100.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_icon {
    margin-right: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_icon {
    margin-right: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_icon {
    margin-right: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_icon {
    margin-right: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_icon {
    margin-right: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_icon {
    margin-right: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_icon {
    margin-right: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_icon {
    margin-right: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_icon {
    margin-right: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_icon {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_icon {
    margin-right: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_icon {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_icon {
    margin-right: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_icon {
    margin-right: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_icon {
    margin-right: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    margin-right: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    margin-right: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    margin-right: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    margin-right: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_icon {
    margin-right: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_icon {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_icon {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_icon {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_icon {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_icon {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_icon {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_icon {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_icon {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_icon {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_icon {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_icon {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_icon {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_icon {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_icon {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_icon {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_icon {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_icon {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_icon {
    margin-top: 18.9px;
  }
}
.popup__war .popup__war_image {
  background-image: url(/src/popups/war/image.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 799px) {
  .popup__war .popup__war_image {
    width: 272.25px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_image {
    width: 302.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_image {
    width: 390.225px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_image {
    width: 414.425px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_image {
    width: 453.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_image {
    width: 423.5px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_image {
    width: 514.25px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_image {
    width: 484px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_image {
    width: 574.75px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_image {
    width: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_image {
    width: 605px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_image {
    width: 756.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_image {
    width: 816.75px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_image {
    width: 786.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_image {
    width: 756.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_image {
    width: 998.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_image {
    width: 1210px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_image {
    width: 998.25px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_image {
    width: 1361.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_image {
    width: 1905.75px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_image {
    height: 464.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_image {
    height: 516px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_image {
    height: 665.64px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_image {
    height: 706.92px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_image {
    height: 774px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_image {
    height: 722.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_image {
    height: 877.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_image {
    height: 825.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_image {
    height: 980.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_image {
    height: 1032px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_image {
    height: 1032px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_image {
    height: 1290px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_image {
    height: 1393.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_image {
    height: 1341.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_image {
    height: 1290px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_image {
    height: 1702.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_image {
    height: 2064px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_image {
    height: 1702.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_image {
    height: 2322px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_image {
    height: 3250.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_iconsmall {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_iconsmall {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_iconsmall {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_iconsmall {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_iconsmall {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_iconsmall {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_iconsmall {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_iconsmall {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_iconsmall {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_iconsmall {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_iconsmall {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_iconsmall {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_iconsmall {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_iconsmall {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_iconsmall {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_iconsmall {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 4.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 4.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 5.805px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 6.165px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 6.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 6.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 7.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 7.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 8.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 9px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 11.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 12.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 11.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 11.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 14.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 18px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 14.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 20.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_iconsmall {
    margin-right: 28.35px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_iconsmall {
    margin-top: 18.9px;
  }
}
.popup__war .popup__war_headtitle {
  font-weight: 500;
}
@media (max-width: 799px) {
  .popup__war .popup__war_headtitle {
    font-size: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_headtitle {
    font-size: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_headtitle {
    font-size: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_headtitle {
    font-size: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_headtitle {
    font-size: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_headtitle {
    font-size: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_headtitle {
    font-size: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_headtitle {
    font-size: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_headtitle {
    font-size: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_headtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_headtitle {
    font-size: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_headtitle {
    font-size: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_headtitle {
    font-size: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_headtitle {
    font-size: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_headtitle {
    font-size: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_headtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_headtitle {
    font-size: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_headtitle {
    font-size: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_headtitle {
    font-size: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_headtitle {
    font-size: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_headtitle {
    line-height: 13.05px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_headtitle {
    line-height: 14.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_headtitle {
    line-height: 18.705px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_headtitle {
    line-height: 19.865px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_headtitle {
    line-height: 21.75px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_headtitle {
    line-height: 20.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_headtitle {
    line-height: 24.65px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_headtitle {
    line-height: 23.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_headtitle {
    line-height: 27.55px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_headtitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_headtitle {
    line-height: 29px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_headtitle {
    line-height: 36.25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_headtitle {
    line-height: 39.15px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_headtitle {
    line-height: 37.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_headtitle {
    line-height: 36.25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_headtitle {
    line-height: 47.85px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_headtitle {
    line-height: 58px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_headtitle {
    line-height: 47.85px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_headtitle {
    line-height: 65.25px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_headtitle {
    line-height: 91.35px;
  }
}
.popup__war .popup__war_headsubtitle {
  font-weight: 400;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_headsubtitle {
    font-size: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 8.55px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 9.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 12.255px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 13.015px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 14.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 13.3px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 16.15px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 18.05px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 19px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 25.65px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 24.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 23.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 38px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 31.35px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 42.75px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_headsubtitle {
    line-height: 59.85px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_headsubtitle {
    margin-top: 31.5px;
  }
}
.popup__war .popup__war_smallbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.5s ease;
}
@media (max-width: 799px) {
  .popup__war .popup__war_smallbutton {
    width: 47.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smallbutton {
    width: 53px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smallbutton {
    width: 68.37px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smallbutton {
    width: 72.61px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smallbutton {
    width: 79.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smallbutton {
    width: 74.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smallbutton {
    width: 90.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smallbutton {
    width: 84.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smallbutton {
    width: 100.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smallbutton {
    width: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smallbutton {
    width: 106px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smallbutton {
    width: 132.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smallbutton {
    width: 143.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smallbutton {
    width: 137.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smallbutton {
    width: 132.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    width: 174.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    width: 212px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    width: 174.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    width: 238.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smallbutton {
    width: 333.9px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smallbutton {
    height: 18px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smallbutton {
    height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smallbutton {
    height: 25.8px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smallbutton {
    height: 27.4px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smallbutton {
    height: 30px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smallbutton {
    height: 28px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smallbutton {
    height: 34px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smallbutton {
    height: 32px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smallbutton {
    height: 38px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smallbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smallbutton {
    height: 40px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smallbutton {
    height: 50px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smallbutton {
    height: 54px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smallbutton {
    height: 52px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smallbutton {
    height: 50px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    height: 66px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    height: 80px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    height: 66px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    height: 90px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smallbutton {
    height: 126px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smallbutton {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 62.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 69px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 89.01px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 94.53px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 103.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 96.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 117.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 110.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 131.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 138px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 172.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 186.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 179.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 172.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 227.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 276px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 227.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 310.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_smallbutton {
    margin-left: 434.7px;
  }
}
.popup__war .popup__war_smallbutton:hover {
  transition: all 0.5s ease;
  background: white;
  color: black;
}
.popup__war .box-between {
  display: flex;
  justify-content: space-between;
}
.popup__war .popup__element_title {
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  .popup__war .popup__element_title {
    font-size: 9px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_title {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_title {
    font-size: 12.9px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_title {
    font-size: 13.7px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_title {
    font-size: 15px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_title {
    font-size: 14px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_title {
    font-size: 17px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_title {
    font-size: 16px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_title {
    font-size: 19px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_title {
    font-size: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_title {
    font-size: 25px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_title {
    font-size: 27px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_title {
    font-size: 26px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_title {
    font-size: 25px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_title {
    font-size: 33px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_title {
    font-size: 40px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_title {
    font-size: 33px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_title {
    font-size: 45px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_title {
    font-size: 63px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__element_title {
    line-height: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_title {
    line-height: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_title {
    line-height: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_title {
    line-height: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_title {
    line-height: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_title {
    line-height: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_title {
    line-height: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_title {
    line-height: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_title {
    line-height: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_title {
    line-height: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_title {
    line-height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_title {
    line-height: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_title {
    line-height: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_title {
    line-height: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_title {
    line-height: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_title {
    line-height: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_title {
    line-height: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_title {
    line-height: 75.6px;
  }
}
.popup__war .popup__element_subtitle {
  font-weight: 500;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  .popup__war .popup__element_subtitle {
    font-size: 6.3px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_subtitle {
    font-size: 7px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_subtitle {
    font-size: 9.03px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_subtitle {
    font-size: 9.59px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_subtitle {
    font-size: 10.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_subtitle {
    font-size: 9.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_subtitle {
    font-size: 11.9px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_subtitle {
    font-size: 11.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_subtitle {
    font-size: 13.3px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_subtitle {
    font-size: 14px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_subtitle {
    font-size: 18.9px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_subtitle {
    font-size: 18.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_subtitle {
    font-size: 17.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    font-size: 28px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    font-size: 23.1px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    font-size: 31.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_subtitle {
    font-size: 44.1px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__element_subtitle {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_subtitle {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_subtitle {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_subtitle {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_subtitle {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_subtitle {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_subtitle {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_subtitle {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_subtitle {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_subtitle {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_subtitle {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_subtitle {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_subtitle {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_subtitle {
    line-height: 50.4px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__element_subtitle {
    margin-top: 2.7px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_subtitle {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_subtitle {
    margin-top: 3.87px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_subtitle {
    margin-top: 4.11px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_subtitle {
    margin-top: 4.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_subtitle {
    margin-top: 4.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_subtitle {
    margin-top: 5.1px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_subtitle {
    margin-top: 4.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_subtitle {
    margin-top: 5.7px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_subtitle {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_subtitle {
    margin-top: 6px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_subtitle {
    margin-top: 7.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_subtitle {
    margin-top: 8.1px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_subtitle {
    margin-top: 7.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_subtitle {
    margin-top: 7.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    margin-top: 9.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    margin-top: 12px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_subtitle {
    margin-top: 9.9px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_subtitle {
    margin-top: 13.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_subtitle {
    margin-top: 18.9px;
  }
}
.popup__war .popup__war_element {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    width: 324px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    width: 360px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    width: 464.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    width: 493.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    width: 540px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    width: 504px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    width: 612px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    width: 576px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    width: 684px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    width: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    width: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    width: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    width: 972px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    width: 936px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    width: 900px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    width: 1188px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    width: 1440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    width: 1188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    width: 1620px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    width: 2268px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    padding-top: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    padding-top: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    padding-top: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    padding-top: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    padding-top: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    padding-top: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    padding-top: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    padding-top: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    padding-top: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    padding-top: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    padding-top: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    padding-top: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    padding-top: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    padding-top: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-top: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-top: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-top: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-top: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    padding-top: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    padding-bottom: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    padding-bottom: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    padding-bottom: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    padding-bottom: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    padding-bottom: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    padding-bottom: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    padding-bottom: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    padding-bottom: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    padding-bottom: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    padding-bottom: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    padding-bottom: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    padding-bottom: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    padding-bottom: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    padding-bottom: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-bottom: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-bottom: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-bottom: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    padding-bottom: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    padding-left: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    padding-left: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    padding-left: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    padding-left: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    padding-left: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    padding-left: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    padding-left: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    padding-left: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    padding-left: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    padding-left: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    padding-left: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    padding-left: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    padding-left: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    padding-left: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-left: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-left: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-left: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    padding-left: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    padding-right: 10.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    padding-right: 12px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    padding-right: 15.48px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    padding-right: 16.44px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    padding-right: 18px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    padding-right: 16.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    padding-right: 20.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    padding-right: 19.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    padding-right: 22.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    padding-right: 24px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    padding-right: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    padding-right: 32.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    padding-right: 31.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    padding-right: 30px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-right: 39.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-right: 48px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    padding-right: 39.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    padding-right: 54px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    padding-right: 75.6px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_element {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_element {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_element {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_element {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_element {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_element {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_element {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_element {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_element {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_element {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_element {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_element {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_element {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_element {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_element {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_element {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_element {
    margin-top: 31.5px;
  }
}
@media (max-width: 799px) {
  .popup__war .mb-23 {
    margin-bottom: 10.35px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .mb-23 {
    margin-bottom: 11.5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .mb-23 {
    margin-bottom: 14.835px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .mb-23 {
    margin-bottom: 15.755px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .mb-23 {
    margin-bottom: 17.25px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .mb-23 {
    margin-bottom: 16.1px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .mb-23 {
    margin-bottom: 19.55px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .mb-23 {
    margin-bottom: 18.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .mb-23 {
    margin-bottom: 21.85px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .mb-23 {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .mb-23 {
    margin-bottom: 23px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .mb-23 {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .mb-23 {
    margin-bottom: 31.05px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .mb-23 {
    margin-bottom: 29.9px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .mb-23 {
    margin-bottom: 28.75px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .mb-23 {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .mb-23 {
    margin-bottom: 46px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .mb-23 {
    margin-bottom: 37.95px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .mb-23 {
    margin-bottom: 51.75px;
  }
}
@media (min-width: 6000px) {
  .popup__war .mb-23 {
    margin-bottom: 72.45px;
  }
}
.popup__war .popup__element_button {
  align-items: center;
  display: flex;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
@media (max-width: 799px) {
  .popup__war .popup__element_button {
    width: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_button {
    width: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_button {
    width: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_button {
    width: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_button {
    width: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_button {
    width: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_button {
    width: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_button {
    width: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_button {
    width: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_button {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_button {
    width: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_button {
    width: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_button {
    width: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_button {
    width: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_button {
    width: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    width: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    width: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    width: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    width: 67.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_button {
    width: 94.5px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__element_button {
    height: 13.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_button {
    height: 15px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_button {
    height: 19.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_button {
    height: 20.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_button {
    height: 22.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_button {
    height: 21px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_button {
    height: 25.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_button {
    height: 24px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_button {
    height: 28.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_button {
    height: 30px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_button {
    height: 37.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_button {
    height: 40.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_button {
    height: 39px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_button {
    height: 37.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    height: 49.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    height: 60px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    height: 49.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    height: 67.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_button {
    height: 94.5px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__element_button {
    border-radius: 1.8px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__element_button {
    border-radius: 2px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__element_button {
    border-radius: 2.58px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__element_button {
    border-radius: 2.74px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__element_button {
    border-radius: 3px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__element_button {
    border-radius: 2.8px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__element_button {
    border-radius: 3.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__element_button {
    border-radius: 3.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__element_button {
    border-radius: 3.8px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__element_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__element_button {
    border-radius: 4px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__element_button {
    border-radius: 5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__element_button {
    border-radius: 5.4px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__element_button {
    border-radius: 5.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__element_button {
    border-radius: 5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    border-radius: 8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__element_button {
    border-radius: 6.6px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__element_button {
    border-radius: 9px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__element_button {
    border-radius: 12.6px;
  }
}
.popup__war .popup__element_button:hover {
  background: white;
  color: black;
}
.popup__war .popup__war_selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
@media (max-width: 799px) {
  .popup__war .popup__war_selector {
    width: 103.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_selector {
    width: 115px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_selector {
    width: 148.35px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_selector {
    width: 157.55px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_selector {
    width: 172.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_selector {
    width: 161px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_selector {
    width: 195.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_selector {
    width: 184px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_selector {
    width: 218.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_selector {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_selector {
    width: 230px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_selector {
    width: 287.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_selector {
    width: 310.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_selector {
    width: 299px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_selector {
    width: 287.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_selector {
    width: 379.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_selector {
    width: 460px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_selector {
    width: 379.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_selector {
    width: 517.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_selector {
    width: 724.5px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_selector.w-340 {
    width: 126px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_selector.w-340 {
    width: 140px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_selector.w-340 {
    width: 180.6px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_selector.w-340 {
    width: 191.8px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_selector.w-340 {
    width: 210px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_selector.w-340 {
    width: 196px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_selector.w-340 {
    width: 238px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_selector.w-340 {
    width: 224px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_selector.w-340 {
    width: 266px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_selector.w-340 {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_selector.w-340 {
    width: 280px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_selector.w-340 {
    width: 350px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_selector.w-340 {
    width: 378px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_selector.w-340 {
    width: 364px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_selector.w-340 {
    width: 350px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_selector.w-340 {
    width: 462px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_selector.w-340 {
    width: 560px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_selector.w-340 {
    width: 462px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_selector.w-340 {
    width: 630px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_selector.w-340 {
    width: 882px;
  }
}
.popup__war .popup__war_selector .box-flex {
  align-items: center;
}
.popup__war .popup__war_small {
  font-weight: 500;
  color: #A6B1BA;
}
@media (max-width: 799px) {
  .popup__war .popup__war_small {
    font-size: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_small {
    font-size: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_small {
    font-size: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_small {
    font-size: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_small {
    font-size: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_small {
    font-size: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_small {
    font-size: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_small {
    font-size: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_small {
    font-size: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_small {
    font-size: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_small {
    font-size: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_small {
    font-size: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_small {
    font-size: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_small {
    font-size: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_small {
    font-size: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_small {
    font-size: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_small {
    font-size: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_small {
    font-size: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_small {
    font-size: 37.8px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_small {
    line-height: 7.2px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_small {
    line-height: 8px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_small {
    line-height: 10.32px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_small {
    line-height: 10.96px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_small {
    line-height: 12px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_small {
    line-height: 11.2px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_small {
    line-height: 13.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_small {
    line-height: 12.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_small {
    line-height: 15.2px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_small {
    line-height: 16px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_small {
    line-height: 20px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_small {
    line-height: 21.6px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_small {
    line-height: 20.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_small {
    line-height: 20px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_small {
    line-height: 26.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_small {
    line-height: 32px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_small {
    line-height: 26.4px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_small {
    line-height: 36px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_small {
    line-height: 50.4px;
  }
}
.popup__war .popup__war_left {
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  .popup__war .popup__war_left {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_left {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_left {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_left {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_left {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_left {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_left {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_left {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_left {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_left {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_left {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_left {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_left {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_left {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_left {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_left {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_left {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_left {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_left {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_left {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_left {
    margin-right: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_left {
    margin-right: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_left {
    margin-right: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_left {
    margin-right: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_left {
    margin-right: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_left {
    margin-right: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_left {
    margin-right: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_left {
    margin-right: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_left {
    margin-right: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_left {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_left {
    margin-right: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_left {
    margin-right: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_left {
    margin-right: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_left {
    margin-right: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_left {
    margin-right: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_left {
    margin-right: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_left {
    margin-right: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_left {
    margin-right: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_left {
    margin-right: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_left {
    margin-right: 37.8px;
  }
}
.popup__war .popup__war_left:hover {
  opacity: 0.7;
}
.popup__war .popup__war_right {
  color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 799px) {
  .popup__war .popup__war_right {
    font-size: 8.1px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_right {
    font-size: 9px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_right {
    font-size: 11.61px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_right {
    font-size: 12.33px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_right {
    font-size: 13.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_right {
    font-size: 12.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_right {
    font-size: 15.3px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_right {
    font-size: 14.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_right {
    font-size: 17.1px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_right {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_right {
    font-size: 18px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_right {
    font-size: 22.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_right {
    font-size: 24.3px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_right {
    font-size: 23.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_right {
    font-size: 22.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_right {
    font-size: 29.7px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_right {
    font-size: 36px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_right {
    font-size: 29.7px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_right {
    font-size: 40.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_right {
    font-size: 56.7px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_right {
    margin-left: 5.4px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_right {
    margin-left: 6px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_right {
    margin-left: 7.74px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_right {
    margin-left: 8.22px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_right {
    margin-left: 9px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_right {
    margin-left: 8.4px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_right {
    margin-left: 10.2px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_right {
    margin-left: 9.6px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_right {
    margin-left: 11.4px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_right {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_right {
    margin-left: 12px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_right {
    margin-left: 15px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_right {
    margin-left: 16.2px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_right {
    margin-left: 15.6px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_right {
    margin-left: 15px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_right {
    margin-left: 19.8px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_right {
    margin-left: 24px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_right {
    margin-left: 19.8px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_right {
    margin-left: 27px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_right {
    margin-left: 37.8px;
  }
}
.popup__war .popup__war_right:hover {
  opacity: 0.7;
}
@media (max-width: 799px) {
  .popup__war .mr-10 {
    margin-right: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .mr-10 {
    margin-right: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .mr-10 {
    margin-right: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .mr-10 {
    margin-right: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .mr-10 {
    margin-right: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .mr-10 {
    margin-right: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .mr-10 {
    margin-right: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .mr-10 {
    margin-right: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .mr-10 {
    margin-right: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .mr-10 {
    margin-right: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .mr-10 {
    margin-right: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .mr-10 {
    margin-right: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .mr-10 {
    margin-right: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .mr-10 {
    margin-right: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .mr-10 {
    margin-right: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .mr-10 {
    margin-right: 31.5px;
  }
}
.popup__war .popup__war_button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: black;
  font-weight: 500;
  font-family: "TTNorms-Medium";
}
@media (max-width: 799px) {
  .popup__war .popup__war_button {
    width: 324px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_button {
    width: 360px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_button {
    width: 464.4px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_button {
    width: 493.2px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_button {
    width: 540px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_button {
    width: 504px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_button {
    width: 612px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_button {
    width: 576px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_button {
    width: 684px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_button {
    width: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_button {
    width: 720px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_button {
    width: 900px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_button {
    width: 972px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_button {
    width: 936px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_button {
    width: 900px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    width: 1188px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    width: 1440px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    width: 1188px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    width: 1620px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_button {
    width: 2268px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_button {
    height: 21.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_button {
    height: 24px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_button {
    height: 30.96px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_button {
    height: 32.88px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_button {
    height: 36px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_button {
    height: 33.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_button {
    height: 40.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_button {
    height: 38.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_button {
    height: 45.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_button {
    height: 48px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_button {
    height: 60px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_button {
    height: 64.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_button {
    height: 62.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_button {
    height: 60px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    height: 79.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    height: 96px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    height: 79.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    height: 108px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_button {
    height: 151.2px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_button {
    border-radius: 3.6px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_button {
    border-radius: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_button {
    border-radius: 5.16px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_button {
    border-radius: 5.48px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_button {
    border-radius: 6px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_button {
    border-radius: 5.6px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_button {
    border-radius: 6.8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_button {
    border-radius: 6.4px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_button {
    border-radius: 7.6px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_button {
    border-radius: 8px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_button {
    border-radius: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_button {
    border-radius: 10.8px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_button {
    border-radius: 10.4px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_button {
    border-radius: 10px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    border-radius: 16px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    border-radius: 13.2px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    border-radius: 18px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_button {
    border-radius: 25.2px;
  }
}
@media (max-width: 799px) {
  .popup__war .popup__war_button {
    margin-top: 4.5px;
  }
}
@media (min-width: 800px) and (max-width: 999px) {
  .popup__war .popup__war_button {
    margin-top: 5px;
  }
}
@media (min-width: 1000px) and (max-width: 1151px) {
  .popup__war .popup__war_button {
    margin-top: 6.45px;
  }
}
@media (min-width: 1152px) and (max-width: 1259px) {
  .popup__war .popup__war_button {
    margin-top: 6.85px;
  }
}
@media (min-width: 1260px) and (max-width: 1349px) {
  .popup__war .popup__war_button {
    margin-top: 7.5px;
  }
}
@media (min-width: 1350px) and (max-width: 1429px) {
  .popup__war .popup__war_button {
    margin-top: 7px;
  }
}
@media (min-width: 1430px) and (max-width: 1589px) {
  .popup__war .popup__war_button {
    margin-top: 8.5px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (max-height: 909px) {
  .popup__war .popup__war_button {
    margin-top: 8px;
  }
}
@media (min-width: 1590px) and (max-width: 1899px) and (min-height: 910px) {
  .popup__war .popup__war_button {
    margin-top: 9.5px;
  }
}
@media (min-width: 1900px) and (max-width: 2199px) {
  .popup__war .popup__war_button {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (max-height: 1100px) {
  .popup__war .popup__war_button {
    margin-top: 10px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1101px) and (max-height: 1399px) {
  .popup__war .popup__war_button {
    margin-top: 12.5px;
  }
}
@media (min-width: 2200px) and (max-width: 2599px) and (min-height: 1400px) {
  .popup__war .popup__war_button {
    margin-top: 13.5px;
  }
}
@media (min-width: 2600px) and (max-width: 3499px) {
  .popup__war .popup__war_button {
    margin-top: 13px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1209px) {
  .popup__war .popup__war_button {
    margin-top: 12.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    margin-top: 16.5px;
  }
}
@media (min-width: 3500px) and (max-width: 4999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    margin-top: 20px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (max-height: 1609px) {
  .popup__war .popup__war_button {
    margin-top: 16.5px;
  }
}
@media (min-width: 5000px) and (max-width: 5999px) and (min-height: 1610px) {
  .popup__war .popup__war_button {
    margin-top: 22.5px;
  }
}
@media (min-width: 6000px) {
  .popup__war .popup__war_button {
    margin-top: 31.5px;
  }
}
.popup__war .popup__war_button:hover {
  opacity: 0.9;
}
.chipTuning * {
  font-family: "ProximaNova", sans-serif;
}
.chipTuning .modal {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--e-background), 0.5);
  z-index: 2;
}
.chipTuning .modal .container {
  border-radius: 0.5vh;
  width: 40vh;
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(var(--e-background));
  padding: 2vh;
  box-sizing: content-box;
  display: grid;
  gap: 1.5vh;
}
.chipTuning .modal .container .text {
  font-size: 1.5vh;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
}
.chipTuning .modal .container .button {
  width: 100%;
  height: 5vh;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5vh;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  transition: 0.2s;
  transition-property: background, color;
  cursor: pointer;
}
.chipTuning .modal .container .button:hover {
  background: rgba(var(--e-main));
  color: rgb(0, 0, 0);
}
.chipTuning .main {
  position: absolute;
  top: 50%;
  left: 2vh;
  transform: translateY(-50%);
  display: flex;
}
.chipTuning .main .categories {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 5vh;
  transform: rotate(90deg);
  transform-origin: top left;
  display: flex;
  border-radius: 1vh 1vh 0 0;
  overflow: hidden;
}
.chipTuning .main .categories .block {
  background: rgba(var(--e-background));
  padding: 0 2vh;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.35);
  font-size: 1.5vh;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.2s;
  transition-property: background, color;
}
.chipTuning .main .categories .block.active, .chipTuning .main .categories .block:hover {
  background: rgba(var(--e-main));
  color: rgb(0, 0, 0);
}
.chipTuning .main .container {
  width: 40vh;
  height: 92vh;
  background: rgba(var(--e-background));
  overflow-y: auto;
  padding: 2vh;
  box-sizing: unset;
  border-radius: 0.5vh;
  display: flex;
  flex-direction: column;
  gap: 1vh;
}
.chipTuning .main .container::-webkit-scrollbar {
  width: 0.2vh;
  background-color: none;
}
.chipTuning .main .container::-webkit-scrollbar-thumb {
  background-color: rgba(var(--e-main));
}
.chipTuning .main .container .notice {
  padding: 1.5vh;
  background: rgba(255, 255, 255, 0.05);
  font-size: 1.5vh;
  text-align: center;
  color: rgba(255, 255, 255, 0.35);
  border-radius: 0.75vh;
}
.chipTuning .main .container .controller {
  padding: 1.5vh;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.75vh;
  gap: 0.5vh;
}
.chipTuning .main .container .controller .header {
  color: #fff;
  font-size: 1.75vh;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.chipTuning .main .container .controller .description {
  color: #fff;
  opacity: 0.35;
  font-size: 1.25vh;
  font-weight: 500;
  text-align: center;
}
.chipTuning .main .container .controller .slider-block {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 3vh;
}
.chipTuning .main .container .controller .slider-block .slider {
  width: 100%;
}
.chipTuning .main .container .controller .slider-block .slider .rangeSlider {
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  height: 0.25vh !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
.chipTuning .main .container .controller .slider-block .slider .rangeSlider .rangeHandle {
  width: 1.5vh !important;
  height: 1.5vh !important;
  border-radius: 50%;
  background-color: #fff;
  border: 0.125vh solid rgba(var(--e-main)) !important;
  cursor: pointer;
  box-shadow: 0 0.125vh 0.75vh 0 rgba(0, 0, 0, 0.1);
  margin-top: -0.35vh;
}
.chipTuning .main .container .controller .slider-block .slider .rangeSlider .rangeHandle::before {
  box-shadow: none !important;
}
.chipTuning .main .container .controller .slider-block .slider .rangeSlider .rangeHandle .rangeNub {
  background: none !important;
}
.chipTuning .main .container .controller .slider-block .slider .rangeSlider .rangeBar {
  height: 0.25vh !important;
  background-color: rgba(var(--e-main));
  border-radius: 0 0.25vh;
}
.chipTuning .main .container .controller .slider-block .attribute {
  font-size: 2vh;
  color: #fff;
  text-transform: uppercase;
}
.chipTuning .main .container .controller .values {
  display: flex;
  gap: 5vh;
  width: 100%;
  justify-content: center;
}
.chipTuning .main .container .controller .values .value {
  text-transform: uppercase;
  font-size: 1.5vh;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
}
.chipTuning .main .container .controller .values .value b {
  color: rgba(var(--e-main));
  font-weight: 600;
}
.chipTuning .main .container .controller .buttons {
  width: 100%;
  display: flex;
  gap: 1vh;
  margin-top: 1vh;
}
.chipTuning .main .container .controller .buttons .button {
  width: 100%;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5vh;
  font-weight: 500;
  font-size: 1.5vh;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.35);
  transition: 0.2s;
  transition-property: color, background, box-shadow;
  cursor: pointer;
}
.chipTuning .main .container .controller .buttons .button.buy {
  background: rgba(var(--e-main));
  color: rgb(0, 0, 0);
}
.chipTuning .main .container .controller .buttons .button.buy:hover {
  box-shadow: 0 0 2vh rgba(var(--e-main), 0.5);
}
.chipTuning .main .container .controller .buttons .button:hover {
  background: rgba(var(--e-main));
  color: rgb(0, 0, 0);
}
@charset "UTF-8";
/* ===== UNIFIED FONT (SF Pro Display everywhere) — auto-generated, appended last ===== */
:root {
  --integratedfont: "SF Pro Display";
}

body {
  font-family: "SF Pro Display", sans-serif;
}

@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Th";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova Lt";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-ExtraCondensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBlack";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UniNeue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Uni Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RFDewi";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Ultralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-UltralightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-SemiboldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff2) format("woff2"), url(../src/views/business/autoshop/fonts/SFPro//SFProDisplay-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/*# sourceMappingURL=bundle.css.map*/